.elementor-5824 .elementor-element.elementor-element-ff12a9e{--display:flex;--min-height:69px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-5824 .elementor-element.elementor-element-ff12a9e:not(.elementor-motion-effects-element-type-background), .elementor-5824 .elementor-element.elementor-element-ff12a9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5824 .elementor-element.elementor-element-ff12a9e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5824 .elementor-element.elementor-element-ae9e6b1{z-index:1;}.elementor-5824 .elementor-element.elementor-element-8d54ddd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:70px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5824 .elementor-element.elementor-element-8d54ddd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5824 .elementor-element.elementor-element-10dcbec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-5824 .elementor-element.elementor-element-10dcbec img{width:80%;}.elementor-5824 .elementor-element.elementor-element-8e0e5e2{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5824 .elementor-element.elementor-element-8e0e5e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5824 .elementor-element.elementor-element-3911440 .elementor-button{background-color:#FF4F4F;font-family:"Alexandria", Sans-serif;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-5824 .elementor-element.elementor-element-3911440.elementor-element{--order:-99999 /* order start hack */;}.elementor-5824 .elementor-element.elementor-element-ec4cdda{--display:flex;}.elementor-5824 .elementor-element.elementor-element-be01ac5{--display:flex;}.elementor-5824 .elementor-element.elementor-element-58f7ac1{--display:flex;--min-height:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5824 .elementor-element.elementor-element-58f7ac1:not(.elementor-motion-effects-element-type-background), .elementor-5824 .elementor-element.elementor-element-58f7ac1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5824 .elementor-element.elementor-element-fe0667b{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:025px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:9999;}.elementor-5824 .elementor-element.elementor-element-fe0667b.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5824 .elementor-element.elementor-element-1cce59e{--display:flex;}.elementor-5824 .elementor-element.elementor-element-5bf6fad{--display:flex;}.elementor-5824 .elementor-element.elementor-element-7d2e556{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#fffafa;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-icon-color:#FFFFFF;--n-menu-dropdown-indicator-color-hover:#2100F8;--n-menu-dropdown-indicator-color-active:#FFFFFF;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#FFFFFF;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:#DFDFDF;--n-menu-title-active-color-dropdown:#FFFFFF;}.elementor-5824 .elementor-element.elementor-element-7d2e556 > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:#000000;}.elementor-5824 .elementor-element.elementor-element-7d2e556 {--n-menu-title-color-hover:#2300FF;}.elementor-5824 .elementor-element.elementor-element-7d2e556 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5824 .elementor-element.elementor-element-05a6de8{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-5824 .elementor-element.elementor-element-8d54ddd{--width:16.745%;}.elementor-5824 .elementor-element.elementor-element-8e0e5e2{--width:52%;}.elementor-5824 .elementor-element.elementor-element-58f7ac1{--content-width:1600px;}.elementor-5824 .elementor-element.elementor-element-fe0667b{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5824 .elementor-element.elementor-element-ff12a9e{--width:596.111px;}.elementor-5824 .elementor-element.elementor-element-8d54ddd{--width:64.26%;}.elementor-5824 .elementor-element.elementor-element-8e0e5e2{--width:0%;}}@media(max-width:1024px){.elementor-5824 .elementor-element.elementor-element-ff12a9e{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5824 .elementor-element.elementor-element-10dcbec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}.elementor-5824 .elementor-element.elementor-element-10dcbec img{width:100%;}.elementor-5824 .elementor-element.elementor-element-7d2e556{--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-title-space-between:35px;}.elementor-5824 .elementor-element.elementor-element-7d2e556.elementor-element{--align-self:flex-end;}}@media(max-width:767px){.elementor-5824 .elementor-element.elementor-element-ff12a9e{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5824 .elementor-element.elementor-element-8d54ddd{--width:70%;}.elementor-5824 .elementor-element.elementor-element-10dcbec img{width:80%;}.elementor-5824 .elementor-element.elementor-element-8e0e5e2{--width:3.077%;}.elementor-5824 .elementor-element.elementor-element-7d2e556{--n-menu-title-space-between:11px;--n-menu-icon-size:2px;--n-menu-dropdown-indicator-size:46px;--n-menu-toggle-icon-size:35px;}}/* Start custom CSS for html, class: .elementor-element-ae9e6b1 */.elementor-5824 .elementor-element.elementor-element-ae9e6b1 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10dcbec */@media/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3911440 */.elementor-5824 .elementor-element.elementor-element-3911440 {
    padding: 40px;
    left: 70%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58f7ac1 */.elementor-5824 .elementor-element.elementor-element-58f7ac1{
    background-color: rgba(0, 0, 0, 0.7); /* Fondo negro semitransparente */
    box-shadow: none;
    -webkit-backdrop-filter: blur(10px); /* Desenfoque de fondo */
    backdrop-filter: blur(10px); /* Compatibilidad con navegadores modernos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58f7ac1 */.elementor-5824 .elementor-element.elementor-element-58f7ac1{
    background-color: rgba(0, 0, 0, 0.7); /* Fondo negro semitransparente */
    box-shadow: none;
    -webkit-backdrop-filter: blur(10px); /* Desenfoque de fondo */
    backdrop-filter: blur(10px); /* Compatibilidad con navegadores modernos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58f7ac1 */.elementor-5824 .elementor-element.elementor-element-58f7ac1{
    background-color: rgba(0, 0, 0, 0.7); /* Fondo negro semitransparente */
    box-shadow: none;
    -webkit-backdrop-filter: blur(10px); /* Desenfoque de fondo */
    backdrop-filter: blur(10px); /* Compatibilidad con navegadores modernos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58f7ac1 */.elementor-5824 .elementor-element.elementor-element-58f7ac1{
    background-color: rgba(0, 0, 0, 0.7); /* Fondo negro semitransparente */
    box-shadow: none;
    -webkit-backdrop-filter: blur(10px); /* Desenfoque de fondo */
    backdrop-filter: blur(10px); /* Compatibilidad con navegadores modernos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58f7ac1 */.elementor-5824 .elementor-element.elementor-element-58f7ac1{
    background-color: rgba(0, 0, 0, 0.7); /* Fondo negro semitransparente */
    box-shadow: none;
    -webkit-backdrop-filter: blur(10px); /* Desenfoque de fondo */
    backdrop-filter: blur(10px); /* Compatibilidad con navegadores modernos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58f7ac1 */.elementor-5824 .elementor-element.elementor-element-58f7ac1{
    background-color: rgba(0, 0, 0, 0.7); /* Fondo negro semitransparente */
    box-shadow: none;
    -webkit-backdrop-filter: blur(10px); /* Desenfoque de fondo */
    backdrop-filter: blur(10px); /* Compatibilidad con navegadores modernos */
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-7d2e556 */.elementor-5824 .elementor-element.elementor-element-7d2e556 {
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff12a9e *//* Header base - Desktop */
#header123 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: px 40px;
    z-index: 1000 !important;
    background-color: #000000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    transition: box-shadow 0.4s ease; /* Solo transición de sombra, no de fondo */
    overflow: visible !important;
    -webkit-backdrop-filter: none; /* Para compatibilidad con Webkit */
    backdrop-filter: none; /* Deshabilitado en estado base */
}

/* Efecto scrolled - Desktop */
#header123.scrolled {
    background-color: rgba(0, 0, 0, 0.7); /* Fondo negro semitransparente */
    box-shadow: none;
    -webkit-backdrop-filter: blur(10px); /* Desenfoque de fondo */
    backdrop-filter: blur(10px); /* Compatibilidad con navegadores modernos */
}

/* Línea roja con gradiente - Desktop */
#header123::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.05),
        rgba(211, 47, 47, 0.95),
        rgba(255, 255, 255, 0.05)
    );
    border-radius: 0;
    pointer-events: none;
    z-index: 1001;
}

/* Mantener línea en scrolled */
#header123.scrolled::after {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.05),
        rgba(211, 47, 47, 0.95),
        rgba(255, 255, 255, 0.05)
    );
}

/* Contenedor interno */
#header123 .nav-container {
    width: 100%;
    max-width: 1300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Logo */
#header123 .logo {
    height: 105px;
    max-width: 100%;
}

/* Menú */
#header123 nav {
    display: flex;
    gap: 25px;
}

#header123 nav a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.3s ease;
}

#header123 nav a:hover,
#header123 nav a.active {
    color: #0056ff;
}

/* Botón */
#header123 .btn-contacto {
    background-color: #ec301e;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.3s ease;
}

#header123 .btn-contacto:hover {
    background-color: #ff4b2b;
}

/* ============================================ */
/* RESPONSIVO - TABLET (768px - 1024px) */
/* ============================================ */
@media (max-width: 1024px) {
    #header123 {
        padding: 15px 30px;
    }
    
    #header123 .logo {
        height: 80px; /* Ajuste: logo más pequeño en tablets */
    }
    
    #header123 nav {
        gap: 20px;
    }
    
    #header123 nav a {
        font-size: 15px;
    }
    
    #header123 .btn-contacto {
        padding: 8px 18px;
        font-size: 13px;
    }
    
    #header123.scrolled {
        background-color: rgba(0, 0, 0, 0.7); /* Ajuste para tablet */
        -webkit-backdrop-filter: blur(8px); /* Desenfoque reducido */
        backdrop-filter: blur(8px);
    }
}

/* ============================================ */
/* RESPONSIVO - MOBILE MEDIUM (481px - 767px) */
/* ============================================ */
@media (max-width: 767px) {
    #header123 {
        padding: 12px 20px;
        flex-direction: column;
        gap: 10px;
    }
    
    #header123 .nav-container {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    
    #header123 .logo {
        height: 70px;
        order: 1;
    }
    
    #header123 nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        order: 2;
    }
    
    #header123 nav a {
        font-size: 14px;
        padding: 5px 10px;
    }
    
    #header123 .btn-contacto {
        padding: 10px 20px;
        font-size: 14px;
        order: 3;
        width: 100%;
        max-width: 200px;
        text-align: center;
    }
    
    #header123.scrolled {
        background-color: rgba(0, 0, 0, 0.75); /* Ligeramente más opaco */
        -webkit-backdrop-filter: blur(6px); /* Desenfoque más suave */
        backdrop-filter: blur(6px);
    }
}

/* ============================================ */
/* RESPONSIVO - MOBILE SMALL (≤ 480px) */
/* ============================================ */
@media (max-width: 480px) {
    #header123 {
        padding: 10px 15px;
    }
    
    #header123 .logo {
        height: 60px;
    }
    
    #header123 nav {
        gap: 10px;
    }
    
    #header123 nav a {
        font-size: 13px;
        padding: 3px 8px;
    }
    
    #header123 .btn-contacto {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    #header123.scrolled {
        background-color: rgba(0, 0, 0, 0.8); /* Más opaco en mobile */
        -webkit-backdrop-filter: blur(5px); /* Desenfoque mínimo */
        backdrop-filter: blur(5px);
    }
}

/* ============================================ */
/* RESPONSIVO - MOBILE EXTRA SMALL (≤ 360px) */
/* ============================================ */
@media (max-width: 360px) {
    #header123 {
        padding: 8px 10px;
    }
    
    #header123 .logo {
        height: 50px;
    }
    
    #header123 nav {
        gap: 8px;
    }
    
    #header123 nav a {
        font-size: 12px;
        padding: 2px 6px;
    }
    
    #header123 .btn-contacto {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    #header123.scrolled {
        background-color: rgba(0, 0, 0, 0.85); /* Máxima opacidad */
        -webkit-backdrop-filter: blur(4px); /* Desenfoque mínimo */
        backdrop-filter: blur(4px);
    }
}

/* ============================================ */
/* LANDSCAPE MOBILE (altura ≤ 500px) */
/* ============================================ */
@media (max-height: 500px) and (orientation: landscape) {
    #header123 {
        padding: 8px 15px;
    }
    
    #header123 .logo {
        height: 50px;
    }
    
    #header123 nav {
        gap: 10px;
    }
    
    #header123 nav a {
        font-size: 13px;
    }
    
    #header123 .btn-contacto {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    #header123.scrolled {
        background-color: rgba(0, 0, 0, 0.75);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
}/* End custom CSS */