.elementor-107 .elementor-element.elementor-element-61efe594 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-107 .elementor-element.elementor-element-61efe594:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-61efe594 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-61efe594{border-style:solid;border-width:0px 0px 4px 0px;border-color:#FFFFFF;box-shadow:0px 3px 5px 0px rgba(170.00000000000003, 170.00000000000003, 170.00000000000003, 0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-0px;margin-bottom:0px;padding:-6px 20px 8px 20px;}.elementor-107 .elementor-element.elementor-element-61efe594 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-107 .elementor-element.elementor-element-3a1b9a59{text-align:start;}.elementor-107 .elementor-element.elementor-element-3a1b9a59 img{width:244px;}.elementor-107 .elementor-element.elementor-element-bbf2f89 > .elementor-widget-container{margin:-31px 0px -25px 5px;}.elementor-107 .elementor-element.elementor-element-bbf2f89{text-align:start;font-family:"League Gothic", Sans-serif;font-size:20.5px;}.elementor-bc-flex-widget .elementor-107 .elementor-element.elementor-element-5080e1c8.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-107 .elementor-element.elementor-element-5080e1c8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-107 .elementor-element.elementor-element-5b29e116 > .elementor-widget-container{margin:5px 0px 0px 517px;}.elementor-107 .elementor-element.elementor-element-5b29e116.elementor-element{--align-self:flex-end;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(18px/2);}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(18px/2);}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(18px/2);}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-18px/2);}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-18px/2);}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-item:not(:last-child):after{content:"";height:100%;border-color:#C0C0C0;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-icon i{color:#5A5A5A;transition:color 0.3s;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-icon svg{fill:#5A5A5A;transition:fill 0.3s;}.elementor-107 .elementor-element.elementor-element-5b29e116{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;line-height:1.5em;letter-spacing:1px;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu .elementor-item{font-family:"League Gothic", Sans-serif;font-size:30px;font-weight:400;}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown a, .elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown a:hover,
					.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-menu-toggle:hover{color:var( --e-global-color-primary );}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown a:hover,
					.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );}.elementor-107 .elementor-element.elementor-element-7e5b3e6 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-7e5b3e6 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-7e5b3e6 div.elementor-menu-toggle:hover{color:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-7e5b3e6 div.elementor-menu-toggle:hover svg{fill:#FFFFFF;}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-menu-toggle:hover{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-107 .elementor-element.elementor-element-3a1b9a59{text-align:start;}.elementor-107 .elementor-element.elementor-element-5080e1c8 > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(min-width:768px){.elementor-107 .elementor-element.elementor-element-57f296e0{width:24.474%;}.elementor-107 .elementor-element.elementor-element-5080e1c8{width:75.526%;}}@media(max-width:1024px) and (min-width:768px){.elementor-107 .elementor-element.elementor-element-57f296e0{width:85%;}.elementor-107 .elementor-element.elementor-element-5080e1c8{width:15%;}}@media(max-width:767px){.elementor-107 .elementor-element.elementor-element-61efe594{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-107 .elementor-element.elementor-element-57f296e0{width:85%;}.elementor-107 .elementor-element.elementor-element-3a1b9a59{text-align:center;}.elementor-107 .elementor-element.elementor-element-5080e1c8{width:15%;}.elementor-bc-flex-widget .elementor-107 .elementor-element.elementor-element-5080e1c8.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-107 .elementor-element.elementor-element-5080e1c8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-107 .elementor-element.elementor-element-5b29e116 .elementor-icon-list-item > a{line-height:2em;letter-spacing:1px;}.elementor-107 .elementor-element.elementor-element-7e5b3e6 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;}.elementor-107 .elementor-element.elementor-element-7e5b3e6{--nav-menu-icon-size:23px;}}/* Start custom CSS for section, class: .elementor-element-61efe594 *//* ===========================================
   HEADER ESTILO UNIE - BOTÓN CON ENLACE + HERO FIX
   =========================================== */

/* STICKY BÁSICO (escritorio y móvil) */
#masthead {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: white !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    /* Mejorar transición suave */
    transition: all 0.3s ease !important;
}

/* Compensar espacio en escritorio */
body {
    padding-top: 120px !important;
}

/* ===========================================
   FIX PARA EL GAP ENTRE HEADER Y HERO
   =========================================== */

/* Eliminar márgenes superiores que causan gaps */
.elementor-section:first-of-type,
.elementor-section.hero-section,
.elementor-top-section:first-child {
    margin-top: 0 !important;
}

/* Asegurar que el primer elemento después del header se pegue */
#masthead + * {
    margin-top: 0 !important;
}

/* Para secciones de Elementor que pueden tener padding conflictivo */
.elementor-top-section {
    margin-top: 0 !important;
}

/* Eliminar espacios en blanco del body */
body.elementor-default {
    margin: 0 !important;
}

/* Si el hero tiene background que debe llegar hasta arriba */
.elementor-section.hero-section {
    padding-top: 120px !important; /* Mismo valor que body padding-top */
    margin-top: -120px !important; /* Compensar para que el background llegue arriba */
}

/* ===========================================
   HEADER MÓVIL - BOTÓN DESPLAZADO
   =========================================== */

@media (max-width: 768px) {
    
    /* Header más alto como UNIE */
    #masthead {
        height: 80px !important;
        min-height: 80px !important;
        max-height: 80px !important;
    }
    
    /* Sección de Elementor */
    #masthead .elementor-section.elementor-element-61efe594 {
        height: 80px !important;
        min-height: 80px !important;
        max-height: 80px !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
    }
    
    /* Contenedor organizado - SIN CAMBIOS */
    #masthead .elementor-container {
        height: 80px !important;
        min-height: 80px !important;
        max-height: 80px !important;
        padding: 0 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    
    /* Columnas organizadas - SIN CAMBIOS */
    #masthead .elementor-column {
        height: 80px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* LADO IZQUIERDO - LOGO (SIN CAMBIOS) */
    #masthead .elementor-element-57f296e0 {
        width: auto !important;
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    
    /* Logo a la izquierda - SIN CAMBIOS */
    #masthead .elementor-element-3a1b9a59 {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #masthead .elementor-element-3a1b9a59 img {
        max-height: 50px !important;
        width: auto !important;
        display: block !important;
    }
    
    /* Ocultar texto del logo en móvil - SIN CAMBIOS */
    #masthead .elementor-element-bbf2f89 {
        display: none !important;
    }
    
    /* BOTÓN DESPLAZADO A LA DERECHA CON ENLACE */
    #masthead .elementor-section.elementor-element-61efe594::after {
        content: 'Pedir presupuesto' !important;
        position: absolute !important;
        left: 60% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        background: #1e40af !important;
        color: white !important;
        padding: 8px 16px !important;
        border-radius: 20px !important;
        font-size: 0.8rem !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        z-index: 10 !important;
    }
    
    #masthead .elementor-section.elementor-element-61efe594:hover::after {
        background: #1e3a8a !important;
        transform: translate(-50%, -50%) scale(1.05) !important;
    }
    
    /* LADO DERECHO - MENÚ HAMBURGUESA (SIN CAMBIOS) */
    #masthead .elementor-element-5080e1c8 {
        width: auto !important;
        flex: 0 0 auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    
    /* Ocultar contacto - SIN CAMBIOS */
    #masthead .elementor-element-5b29e116 {
        display: none !important;
    }
    
    /* Hamburguesa estilo UNIE - líneas - SIN CAMBIOS */
    #masthead .elementor-menu-toggle {
        width: 45px !important;
        height: 45px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        margin: 0 !important;
        cursor: pointer !important;
        position: relative !important;
    }
    
    /* Ocultar iconos de Font Awesome - SIN CAMBIOS */
    #masthead .elementor-menu-toggle i {
        display: none !important;
    }
    
    /* Crear líneas del hamburguesa con CSS - SIN CAMBIOS */
    #masthead .elementor-menu-toggle::before,
    #masthead .elementor-menu-toggle::after {
        content: '' !important;
        width: 25px !important;
        height: 2px !important;
        background: #333 !important;
        display: block !important;
        transition: all 0.3s ease !important;
    }
    
    #masthead .elementor-menu-toggle::before {
        margin-bottom: 3px !important;
    }
    
    #masthead .elementor-menu-toggle::after {
        margin-top: 3px !important;
    }
    
    /* Línea del medio - SIN CAMBIOS */
    #masthead .elementor-menu-toggle {
        border-top: 2px solid #333 !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        width: 25px !important;
        margin: 3px auto !important;
    }
    
    /* Ajustar espacio del body MÓVIL */
    body {
        padding-top: 85px !important;
    }
    
    /* FIX HERO EN MÓVIL */
    .elementor-section.hero-section {
        padding-top: 85px !important;
        margin-top: -85px !important;
    }
}

/* Para pantallas muy pequeñas */
@media (max-width: 480px) {
    
    /* Mantener altura cómoda - SIN CAMBIOS */
    #masthead,
    #masthead .elementor-section.elementor-element-61efe594,
    #masthead .elementor-container,
    #masthead .elementor-column {
        height: 75px !important;
        min-height: 75px !important;
        max-height: 75px !important;
    }
    
    /* Logo un poco más pequeño pero aún visible - SIN CAMBIOS */
    #masthead .elementor-element-3a1b9a59 img {
        max-height: 45px !important;
    }
    
    /* Botón más pequeño y ajustado en móvil */
    #masthead .elementor-section.elementor-element-61efe594::after {
        font-size: 0.75rem !important;
        padding: 6px 12px !important;
        left: 58% !important;
    }
    
    /* Hamburguesa ajustado - SIN CAMBIOS */
    #masthead .elementor-menu-toggle {
        width: 40px !important;
        height: 40px !important;
    }
    
    #masthead .elementor-menu-toggle::before,
    #masthead .elementor-menu-toggle::after {
        width: 22px !important;
    }
    
    /* Ajustar espacio del body MÓVIL PEQUEÑO */
    body {
        padding-top: 80px !important;
    }
    
    /* FIX HERO EN MÓVIL PEQUEÑO */
    .elementor-section.hero-section {
        padding-top: 80px !important;
        margin-top: -80px !important;
    }
}

/* ===========================================
   MEJORAS ADICIONALES PARA RENDIMIENTO
   =========================================== */

/* Smooth scroll cuando se hace click en enlaces internos */
html {
    scroll-behavior: smooth;
}

/* Optimización para cuando el header cambia de transparente a sólido */
#masthead.scrolled {
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.1) !important;
}

/* Asegurar que no hay desbordamiento horizontal */
body, html {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* ===========================================
   JAVASCRIPT PARA HACER EL BOTÓN CLICKEABLE
   =========================================== *//* End custom CSS */