.elementor-314 .elementor-element.elementor-element-e6b87c0{--display:flex;--min-height:70px;--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:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 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;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-314 .elementor-element.elementor-element-0b30219{width:var( --container-widget-width, 12.123% );max-width:12.123%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:12.123%;--container-widget-flex-grow:0;border-style:none;}.elementor-314 .elementor-element.elementor-element-0b30219.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-314 .elementor-element.elementor-element-0b30219 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-style:none;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-314 .elementor-element.elementor-element-594d894 > .elementor-widget-container{border-style:none;}.elementor-314 .elementor-element.elementor-element-594d894 .elementor-menu-toggle{margin:0 auto;}.elementor-314 .elementor-element.elementor-element-594d894 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-314 .elementor-element.elementor-element-594d894 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor3 );fill:var( --e-global-color-astglobalcolor3 );}.elementor-314 .elementor-element.elementor-element-594d894 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-314 .elementor-element.elementor-element-594d894 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-314 .elementor-element.elementor-element-594d894 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-314 .elementor-element.elementor-element-594d894 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor0 );fill:var( --e-global-color-astglobalcolor0 );}.elementor-314 .elementor-element.elementor-element-594d894 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-314 .elementor-element.elementor-element-594d894 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-314 .elementor-element.elementor-element-594d894 .e--pointer-framed .elementor-item:before,
					.elementor-314 .elementor-element.elementor-element-594d894 .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-314 .elementor-element.elementor-element-594d894 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-314 .elementor-element.elementor-element-594d894 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-314 .elementor-element.elementor-element-594d894 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-314 .elementor-element.elementor-element-33a43e6 .elementor-button{background-color:transparent;background-image:linear-gradient(206deg, var( --e-global-color-astglobalcolor0 ) 39%, var( --e-global-color-astglobalcolor4 ) 100%);border-radius:50px 50px 50px 50px;}.elementor-314 .elementor-element.elementor-element-33a43e6{border-style:none;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-314 .elementor-element.elementor-element-e6b87c0{--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-314 .elementor-element.elementor-element-0b30219{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:150px;--container-widget-flex-grow:0;width:var( --container-widget-width, 150px );max-width:150px;}.elementor-314 .elementor-element.elementor-element-0b30219.elementor-element{--align-self:center;}.elementor-314 .elementor-element.elementor-element-0b30219 img{width:100%;border-radius:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-314 .elementor-element.elementor-element-e6b87c0{--width:1400px;}}/* Start custom CSS for container, class: .elementor-element-e6b87c0 *//* ============================================================
   HEADER PERFORMANTE ESTILO RUVA - ESCRITORIO
   ============================================================ */

#header-performante {
    width: 100%;
    max-width: 1128px;
    height: 70px;

    margin: 35px auto 0 auto; /* Más espacio arriba tipo Ruva */
    padding: 10px 30px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;

    background: rgba(10, 10, 10, 0.55);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border-radius: 40px;
    border: 1px solid rgba(255, 0, 0, 0.4);

    z-index: 999;
}

/* Reset interno del header */
#header-performante * {
    border: none !important;
    box-shadow: none !important;
}



/* ============================================================
   ESTILO GENERAL DE TODOS LOS BOTONES DEL MENÚ
   ============================================================ */

.elementor-nav-menu a {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(12px) !important;

    color: #ffffff !important;
    font-size: 17px;

    padding: 10px 22px !important;
    border-radius: 50px !important;

    transition: 0.25s ease;
}

/* Hover estilo Ruva */
.elementor-nav-menu a:hover {
    background: rgba(255, 0, 0, 0.35) !important;
    border: 1px solid rgba(255, 0, 0, 0.6) !important;
    color: #fff !important;

    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}



/* ============================================================
   CORRECCIÓN DEFINITIVA:
   DISEÑO DE LOGO YA NO SERÁ ROJO
   ============================================================ */

/* Eliminamos cualquier gradiente rojo que esté cayendo por error */
.elementor-nav-menu a {
    background: rgba(255, 255, 255, 0.04) !important;
    box-shadow: none !important;
}



/* ============================================================
   AHORA: GRADIENTE SOLO PARA EL BOTÓN REAL "CONTÁCTANOS"
   ============================================================ */

/* Botón Contáctanos — NO ES PARTE DEL MENÚ, TIENE SU PROPIA CLASE */
.elementor-button {
    background: linear-gradient(180deg, #ff3d3d, #9b0000) !important;
    border: none !important;
    color: #fff !important;

    padding: 11px 28px !important;
    border-radius: 50px !important;

    box-shadow: 0 0 14px rgba(255, 0, 0, 0.45) !important;
}

.elementor-button:hover {
    transform: scale(1.05);
}
/* ============================
 /* ===============================
   HEADER PERFORMANTE - MÓVIL
   =============================== */

@media (max-width: 767px) {

    /* tamaño compacto tipo Ruva */
    #header-performante {
        max-width: 92% !important;
        height: 60px !important;
        padding: 8px 18px !important;
        margin: 10px auto 0 auto !important;
        border-radius: 28px !important;
    }

    /* centrar contenido */
    #header-performante .elementor-container {
        justify-content: space-between !important;
        align-items: center !important;
    }

    /* logo más pequeño */
    #header-performante img {
        max-height: 26px !important;
        width: auto !important;
    }

    /* hamburguesa más pequeña */
    #header-performante .elementor-menu-toggle i,
    #header-performante .elementor-menu-toggle svg {
        font-size: 22px !important;
        transform: translateY(1px);
        color: #fff !important;
    }

    /* Contáctanos versión móvil */
    #header-performante .elementor-nav-menu li:last-child > a {
        padding: 8px 18px !important;
        font-size: 14px !important;
        border-radius: 30px !important;
        box-shadow: 0 0 10px rgba(255, 0, 0, 0.35) !important;
    }

    /* ajustar menú desplegable */
    .elementor-nav-menu--dropdown {
        background: rgba(10,10,10,0.92) !important;
        backdrop-filter: blur(15px) !important;
    }

    /* links del menú móvil */
    .elementor-nav-menu--dropdown a {
        padding: 14px 18px !important;
        font-size: 16px !important;
        color: #fff !important;
    }
}
/* ===========================
   MOBILE HEADER FIX (PERFORMANTE)
   =========================== */
@media (max-width: 767px) {

    #header-performante {
        width: 95% !important;
        max-width: 95% !important;
        height: 65px !important;

        margin: 10px auto !important;
        padding: 10px 18px !important;

        display: flex;
        justify-content: space-between;
        align-items: center;

        border-radius: 40px !important;

        /* glass */
        background: rgba(10, 10, 10, 0.55) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
    }

    /* icono hamburguesa */
    #header-performante .elementor-menu-toggle {
        transform: scale(1.2);
        margin-left: 5px;
    }

    /* botón contáctanos */
    #header-performante .elementor-nav-menu--dropdown a,
    #header-performante .elementor-nav-menu li:last-child a {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    /* menú desplegable */
    .elementor-nav-menu--dropdown {
        background: rgba(0,0,0,0.85) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        border-radius: 20px !important;
    }
}
/* ===========================================================
   AJUSTE REAL DE HEADER PARA MÓVIL (SIN ROMPER EL DESKTOP)
   =========================================================== */
@media (max-width: 767px) {

    /* Contenedor principal del header */
    #header-performante {
        width: 92% !important;
        max-width: 92% !important;
        height: 60px !important;

        margin: 10px auto !important;
        padding: 8px 18px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        border-radius: 30px !important;
        border: 1px solid rgba(255,0,0,0.35) !important;

        overflow: hidden !important;
    }

    /* Logo */
    #header-performante .elementor-widget-site-logo {
        transform: scale(0.8) !important;
        margin-right: auto !important;
    }

    /* Menú hamburguesa */
    #header-performante .elementor-menu-toggle {
        font-size: 28px !important;
        margin-left: auto !important;
        color: #ff3d3d !important;
    }

    /* esconder el botón contáctanos en móvil dentro del header,
       RUVA no lo pone ahí */
    #header-performante .elementor-nav-menu li:last-child {
        display: none !important;
    }

}
/* Permitir que el menú hamburguesa se abra fuera del header */
#header-performante {
    overflow: visible !important;
}

/* Evita que el contenedor del header recorte contenido */
#header-performante .elementor-container,
#header-performante .elementor-element {
    overflow: visible !important;
}/* End custom CSS */