/*
Theme Name: Aixor Child
Template: aixor
Author: Child Theme Configurator
Description: Description
Version: 1.0.1774340484
Updated: 2026-03-24 08:21:24
*/


/* Home images profile*/

.funfact-box {
  overflow: visible !important;
  position: relative;
}

.funfact-box img.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%!important;      /* Ajusta este % para controlar cuánto sobresale */
  max-width: unset;
  height: auto;
}

.img-box {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Footer home*/

.aixor-main footer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

/* Project design */

.feature-project .img-box img {
	height:unset!important;
}
/* Móvil (por defecto) */
.feature-project {
  height: 40vh;
}

/* Tablet */
@media (min-width: 768px) {
  .feature-project {
    height: 50vh;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .feature-project {
    height: 65vh;
  }
}

/* Pantallas grandes */
@media (min-width: 1440px) {
  .feature-project {
    height: 55vh;
  }
}

.dialog-close-button {
	font-size:30px;
}

/* Video vertical home - respetar aspect ratio */
#vertical-video video {
    aspect-ratio: 9 / 16 !important;
    width: 100% !important;
    height: auto !important;
}

/* =============================================
   Menú - espacio número
   ============================================= */
.num-menu {
    margin-left: 4px;
    font-size: 0.65em;
}

/* Fix separación num-menu en móvil */
.hfe-nav-menu .hfe-menu-item {
    justify-content: flex-start !important;
    gap: 4px !important;
}
.hfe-nav-menu .hfe-menu-item .hfe-menu-toggle {
    margin-left: auto !important;
}

@media (max-width: 767px) {
    .elementor-1060 .elementor-element.elementor-element-39d4296 nav.hfe-dropdown li a.hfe-menu-item {
        padding-left: 5% !important;
    }
    .elementor-1060 .elementor-element.elementor-element-39d4296 .hfe-dropdown.menu-is-active {
        margin-top: unset;
    }
}

/* =============================================
   DARK HEADER
   ============================================= */
.elementor-element-6ea909b0 {
    transition: background-color 0.6s ease !important;
}
.elementor-element-6ea909b0 a,
.elementor-element-6ea909b0 img {
    transition: color 0.6s ease, filter 0.6s ease !important;
}

/* SVG mail en light: negro, sin fill */
.elementor-element-6ea909b0 .elementor-icon svg path {
    stroke: #0E0500 !important;
    fill: transparent !important;
}

/* SVG menú móvil/tablet en light: negro */
.hfe-nav-menu__toggle svg path,
.hfe-nav-menu__toggle svg rect,
.hfe-nav-menu__toggle svg line,
.hfe-nav-menu__toggle svg circle {
    stroke: #0E0500 !important;
    fill: #0E0500 !important;
    transition: stroke 0.6s ease, fill 0.6s ease !important;
}

/* Dark header: fondo oscuro */
body.dark-header .elementor-element-6ea909b0:not(.elementor-motion-effects-element-type-background) {
    background-color: #0E0500 !important;
}

/* Dark header: links blancos */
body.dark-header .elementor-element-6ea909b0 a {
    color: #F8F8F7 !important;
}

/* Dark header: SVG mail blanco sin fill */
body.dark-header .elementor-element-6ea909b0 .elementor-icon svg path {
    stroke: #F8F8F7 !important;
    fill: transparent !important;
}

/* Dark header: SVG menú móvil blanco */
body.dark-header .hfe-nav-menu__toggle svg path,
body.dark-header .hfe-nav-menu__toggle svg rect,
body.dark-header .hfe-nav-menu__toggle svg line,
body.dark-header .hfe-nav-menu__toggle svg circle {
    stroke: #F8F8F7 !important;
    fill: #F8F8F7 !important;
}

/* Dark header: logo invertido */
body.dark-header .elementor-element-6ea909b0 img {
    filter: invert(1) brightness(10);
}

/* Sub-menu dark header */
body.dark-header {
    --e-global-color-aeb0383: #0E0500 !important;
}
body.dark-header .sub-menu .hfe-sub-menu-item,
body.dark-header .sub-menu a {
    color: #F8F8F7 !important;
}