.elementor-792 .elementor-element.elementor-element-bb164ee{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:0px;}.elementor-792 .elementor-element.elementor-element-bb164ee.e-con{--align-self:center;}.elementor-792 .elementor-element.elementor-element-e755a8d img{width:200px;}.elementor-792 .elementor-element.elementor-element-e6b03f1 > .elementor-widget-container{padding:0px 0px 0px 070px;}.elementor-792 .elementor-element.elementor-element-13a8ba1 > .elementor-widget-container{margin:0px 0px 0px 200px;padding:0px 0px 0px 0px;}.elementor-792 .elementor-element.elementor-element-842d1d5{--display:flex;--min-height:60px;--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-evenly;--align-items:center;--padding-top:11px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-792 .elementor-element.elementor-element-c8a1a69 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-792 .elementor-element.elementor-element-ad4efa4 > .elementor-widget-container{padding:17px 21px 0px 0px;}.elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-menu-toggle{margin:0 auto;}.elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-nav-menu--dropdown{background-color:#000000BD;border-style:none;}.elementor-792 .elementor-element.elementor-element-607c4e6{--display:flex;--min-height:60px;--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-evenly;--align-items:center;--padding-top:11px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-792 .elementor-element.elementor-element-612766d .elementor-menu-toggle{margin:0 auto;}.elementor-792 .elementor-element.elementor-element-612766d .elementor-nav-menu--dropdown{background-color:#00000000;border-style:none;}.elementor-792 .elementor-element.elementor-element-b21aa9c > .elementor-widget-container{margin:0px 0px 0px 200px;padding:0px 0px 0px 0px;}@media(max-width:1024px) and (min-width:768px){.elementor-792 .elementor-element.elementor-element-607c4e6{--width:100%;}}@media(max-width:1024px){.elementor-792 .elementor-element.elementor-element-bb164ee{--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-792 .elementor-element.elementor-element-842d1d5{--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;--justify-content:space-between;--padding-top:020px;--padding-bottom:0px;--padding-left:011px;--padding-right:0px;}.elementor-792 .elementor-element.elementor-element-c8a1a69.elementor-element{--align-self:center;}.elementor-792 .elementor-element.elementor-element-c8a1a69 img{width:1%;max-width:1%;}.elementor-792 .elementor-element.elementor-element-607c4e6{--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;--justify-content:space-evenly;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-792 .elementor-element.elementor-element-5709ab3{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;text-align:start;}.elementor-792 .elementor-element.elementor-element-5709ab3.elementor-element{--align-self:center;}.elementor-792 .elementor-element.elementor-element-5709ab3 img{width:100%;max-width:63%;height:136px;object-fit:fill;}.elementor-792 .elementor-element.elementor-element-612766d{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-792 .elementor-element.elementor-element-612766d.elementor-element{--align-self:center;}.elementor-792 .elementor-element.elementor-element-b21aa9c{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;text-align:start;}.elementor-792 .elementor-element.elementor-element-b21aa9c > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-792 .elementor-element.elementor-element-bb164ee{--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-792 .elementor-element.elementor-element-e755a8d > .elementor-widget-container{padding:0px 0px -10px 0px;}.elementor-792 .elementor-element.elementor-element-e755a8d img{width:12px;max-width:25%;height:82px;}.elementor-792 .elementor-element.elementor-element-842d1d5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:00px;}.elementor-792 .elementor-element.elementor-element-c8a1a69 > .elementor-widget-container{padding:55px 0px 39px 23px;}.elementor-792 .elementor-element.elementor-element-eb650bf > .elementor-widget-container{padding:29px 0px 0px 241px;}.elementor-792 .elementor-element.elementor-element-eb650bf img{width:1%;max-width:1%;height:1px;}}/* Start custom CSS for image, class: .elementor-element-c8a1a69 *//* Pega esto en: Avanzado > CSS Personalizado (del ESCUDO central) */

.elementor-792 .elementor-element.elementor-element-c8a1a69 {
    /* 1. ASEGURAR POSICIÓN BASE (CENTRO) */
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10 !important;
    width: auto !important;
    margin: 0 !important;

    /* 2. CONTROLES DE MOVIMIENTO (MODIFICA ESTOS NÚMEROS) */
    /* Usa números positivos (+) o negativos (-) */
    
    margin-top: 0px !important;   /* Cambia a -10px para SUBIR o 10px para BAJAR */
    margin-left: 0px !important;  /* Cambia a 10px para DERECHA o -10px para IZQUIERDA */
}

/* 3. CONTROL DE TAMAÑO */
.elementor-792 .elementor-element.elementor-element-c8a1a69 img {
    height: 90px !important; /* Aumenta o reduce el tamaño del escudo aquí */
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,0.5)); /* Sombra opcional */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-ad4efa4 *//* 1. DESACTIVAR STICKY EN MÓVIL (FORZADO) */
@media (max-width: 767px) {
    /* Forzamos al contenedor padre a no ser fijo */
    .elementor-792 .elementor-element.elementor-element-ad4efa4.elementor-sticky--active,
    .elementor-792 .elementor-element.elementor-element-ad4efa4.elementor-sticky--effects {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        animation: none !important;
        transition: none !important;
        backdrop-filter: none !important;
        background-color: transparent !important; /* O el color que desees */
    }

    /* Ocultar el espaciador que genera Elementor para que no quede un hueco */
    .elementor-sticky__spacer {
        display: none !important;
        height: 0 !important;
    }
}

/* 2. HAMBURGUESA MODERNA (EL BOTÓN) */
.elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

.elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-menu-toggle i,
.elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-menu-toggle svg {
    width: 28px !important;
    height: auto !important;
    fill: #FFF !important; /* Cambia a #E30613 si quieres que resalte */
}

/* 3. MENÚ DESPLEGABLE CON FUENTE OSWALD */
@media (max-width: 767px) {
    /* Contenedor del desplegable */
    .elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-nav-menu--dropdown {
        background-color: rgba(0, 0, 0, 0.95) !important; /* Fondo oscuro moderno */
        border: none !important;
        padding-top: 20px !important;
    }

    /* Links del menú */
    .elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-nav-menu--dropdown a,
    .elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-nav-menu--dropdown a .elementor-item {
        font-family: 'Oswald', sans-serif !important;
        font-weight: 700 !important;
        font-size: 22px !important;
        text-transform: uppercase !important;
        color: #FFFFFF !important;
        border: none !important;
        text-align: center !important;
        padding: 15px 0 !important;
    }

    /* Hover/Focus en los links */
    .elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-nav-menu--dropdown a:hover,
    .elementor-792 .elementor-element.elementor-element-ad4efa4 .elementor-nav-menu--dropdown a:focus {
        color: #E30613 !important;
        background: transparent !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-eb650bf *//* Pega esto en: Avanzado > CSS Personalizado (del ESCUDO central) */

.elementor-792 .elementor-element.elementor-element-eb650bf {
    /* 1. ASEGURAR POSICIÓN BASE (CENTRO) */
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10 !important;
    width: auto !important;
    margin: 0 !important;

    /* 2. CONTROLES DE MOVIMIENTO (MODIFICA ESTOS NÚMEROS) */
    /* Usa números positivos (+) o negativos (-) */
    
    margin-top: 0px !important;   /* Cambia a -10px para SUBIR o 10px para BAJAR */
    margin-left: 0px !important;  /* Cambia a 10px para DERECHA o -10px para IZQUIERDA */
}

/* 3. CONTROL DE TAMAÑO */
.elementor-792 .elementor-element.elementor-element-eb650bf img {
    height: 90px !important; /* Aumenta o reduce el tamaño del escudo aquí */
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,0.5)); /* Sombra opcional */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-842d1d5 *//* 0. CARGA DE FUENTE */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700;800&display=swap');

/* ==========================================================================
   SOLO MÓVILES Y TABLETS (PROTECCIÓN DE PC)
   ========================================================================== */
@media (max-width: 1024px) {

    /* 1. RESET DEL CONTENEDOR (ALINEACIÓN IZQUIERDA)
       -------------------------------------------------- */
    .elementor-792 .elementor-element.elementor-element-842d1d5.e-con, 
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        /* CAMBIO: Alineamos al principio (izquierda) */
        justify-content: flex-start !important;
        height: 120px !important; 
        min-height: 120px !important;
        padding: 0 15px !important;
        position: relative !important;
        background: transparent !important;
        overflow: visible !important;
        z-index: 9999 !important;
    }

    /* 2. MATAR EL STICKY (CABECERA ABSOLUTA)
       -------------------------------------------------- */
    header, 
    .elementor-sticky--active, 
    .sc_layouts_header_fixed {
        position: absolute !important;
        top: 0 !important;
        width: 100% !important;
        transform: none !important; 
        animation: none !important;
    }
    .elementor-sticky__spacer { display: none !important; }

    /* 3. ESCUDO (CENTRADO PERFECTO)
       -------------------------------------------------- */
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-widget-theme-site-logo, 
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-widget-image {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 10 !important;
        margin: 0 !important;
        width: auto !important;
        pointer-events: none;
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 img {
        height: 90px !important;
        width: auto !important;
        max-width: none !important;
        object-fit: contain !important;
        filter: drop-shadow(0 2px 5px rgba(0,0,0,0.5));
    }

    /* 4. BOTÓN MENÚ (IZQUIERDA - DISEÑO PREMIUM INVERTIDO)
       -------------------------------------------------- */
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-widget-nav-menu {
        /* CAMBIO: Quitamos margin-left auto para que se quede a la izquierda */
        margin-right: auto !important;
        margin-left: 0 !important;
        z-index: 20 !important;
        position: static !important; 
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-menu-toggle {
        /* Fondo tecnológico oscuro semi-transparente */
        background: rgba(15, 15, 15, 0.85) !important;
        backdrop-filter: blur(4px) !important;
        
        /* CAMBIO: Borde rojo a la DERECHA ahora */
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-right: 3px solid #E30613 !important; 
        border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
        
        /* CAMBIO: Redondeo invertido */
        border-radius: 4px 0 0 4px !important; 
        padding: 8px 16px !important;
        
        box-shadow: 0 10px 20px rgba(0,0,0,0.3) !important;
        
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        transition: all 0.3s ease !important;
    }

    /* Efecto al tocar el botón */
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-menu-toggle:active {
        background: #000 !important;
        border-color: #E30613 !important;
        box-shadow: 0 0 15px rgba(227, 6, 19, 0.4) !important;
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-menu-toggle::before {
        content: 'MENÚ';
        font-family: 'Oswald', sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        color: #ffffff !important;
        letter-spacing: 2px !important;
        line-height: 1 !important;
        /* CAMBIO: Orden visual, texto después del icono si quisieras, pero el texto primero está bien */
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-menu-toggle.elementor-active::before {
        content: 'CERRAR';
        color: #E30613 !important;
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-menu-toggle i,
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-menu-toggle svg {
        color: #E30613 !important;
        fill: #E30613 !important;
        font-size: 22px !important;
        filter: drop-shadow(0 0 3px rgba(227, 6, 19, 0.6)); 
    }

    /* 5. MENÚ DESPLEGABLE (ANCHO TOTAL)
       -------------------------------------------------- */
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        
        width: 100vw !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        
        background-color: #0a0a0a !important;
        border-top: 3px solid #E30613 !important;
        padding-top: 20px !important;
        padding-bottom: 50px !important;
        text-align: center !important;
        z-index: 9990 !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.8) !important;
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown ul {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown > ul > li > a {
        font-family: 'Oswald', sans-serif !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        text-transform: uppercase !important;
        padding: 15px 0 !important;
        display: flex !important;
        justify-content: center !important;
        border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    }

    /* 6. SUBMENÚS (SOLUCIÓN NUCLEAR "ACORDEÓN")
       -------------------------------------------------- */
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown ul.sub-menu {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        
        background-color: #151515 !important;
        box-shadow: inset 0 0 20px rgba(0,0,0,0.5) !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        transform: none !important;
        
        display: none; 
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown .elementor-item-active > ul.sub-menu,
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown .elementor-sub-menu.elementor-active {
        display: block !important;
        position: relative !important;
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown ul.sub-menu li a {
        font-size: 16px !important;
        color: #bbb !important;
        padding: 12px 0 !important;
        font-weight: 400 !important;
        border-bottom: 1px solid rgba(255,255,255,0.02) !important;
        justify-content: center !important;
        display: flex !important;
        width: 100% !important;
    }

    /* 7. BOTONES ROJOS
       -------------------------------------------------- */
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown > ul > li.boton-god,
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown > ul > li:nth-last-child(-n+2) {
        margin-top: 20px !important;
        padding: 0 20px !important;
        display: block !important;
        width: 100% !important;
    }

    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown > ul > li.boton-god a,
    .elementor-792 .elementor-element.elementor-element-842d1d5 .elementor-nav-menu--dropdown > ul > li:nth-last-child(-n+2) a {
        background-color: #E30613 !important;
        color: #ffffff !important;
        border-radius: 4px !important;
        justify-content: center !important;
        padding: 12px 0 !important;
        display: flex !important;
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-612766d *//* =======================================================
   CLON TABLET: VERSIÓN FINAL (Palabra MENÚ Inyectada)
   ID: #menu-tablet-force
   ======================================================= */
@media (min-width: 768px) and (max-width: 1100px) {

    /* 1. VISIBILIDAD Y ESTRUCTURA */
    #menu-tablet-force {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        animation: none !important;
    }

    /* 2. ICONO + INYECCIÓN DE PALABRA "MENÚ" */
    #menu-tablet-force .elementor-menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #FFFFFF !important;
        background: transparent !important;
        margin: 0 auto !important;
        width: auto !important;
        border: none !important; /* Quita bordes si los tuviera */
    }
    
    /* Las 3 rayas (Icono) */
    #menu-tablet-force .elementor-menu-toggle i,
    #menu-tablet-force .elementor-menu-toggle svg {
        fill: #FFFFFF !important;
        color: #FFFFFF !important;
        font-size: 24px !important;
    }

    /* --- TRUCO DE MAGIA: CREAMOS LA PALABRA CON CSS --- */
    #menu-tablet-force .elementor-menu-toggle::after {
        content: "MENÚ";                 /* <--- AQUÍ ESCRIBIMOS LA PALABRA */
        font-weight: 800 !important;     
        text-transform: uppercase !important;
        font-size: 14px !important;
        color: #FFFFFF !important;
        margin-left: 10px !important;    /* Separación del icono */
        display: block !important;
        line-height: 1 !important;
        padding-top: 3px !important;     /* Ajuste fino para alinear con el icono */
    }

    /* 3. CAJA DEL MENÚ (Fondo Negro - Ancho Total) */
    #menu-tablet-force .elementor-nav-menu--dropdown,
    #menu-tablet-force ul.sub-menu {  /* Añadido .elementor-792 .elementor-element.elementor-element-612766d extra por si acaso */
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 100vw !important;
        background-color: #000000 !important;
        backdrop-filter: blur(20px) !important;
        border-top: 1px solid rgba(255,255,255,0.15) !important;
        padding-bottom: 25px !important;
        z-index: 99999 !important;
        text-align: center !important;
        margin-top: 0 !important;
    }

    /* 4. LOS ENLACES (Flechas corregidas) */
    #menu-tablet-force .elementor-nav-menu--dropdown li,
    #menu-tablet-force ul.sub-menu li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,0.05) !important;
        margin: 0 !important;
        float: none !important;
    }

    #menu-tablet-force .elementor-nav-menu--dropdown a,
    #menu-tablet-force ul.sub-menu a {
        color: #FFFFFF !important;
        padding: 15px !important;
        font-weight: 700 !important;
        display: flex !important;
        justify-content: center !important; 
        align-items: center !important;
        gap: 10px !important; 
        text-decoration: none !important;
    }

    /* Flecha pegada al texto */
    #menu-tablet-force .sub-arrow,
    #menu-tablet-force .elementor-item-dropdown-icon {
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Hover Rojo */
    #menu-tablet-force .elementor-nav-menu--dropdown a:hover,
    #menu-tablet-force ul.sub-menu a:hover {
        background-color: #E30613 !important;
    }

    /* 5. BOTONES ESPECIALES (Entradas/Abónate) */
    #menu-tablet-force .elementor-nav-menu--dropdown li.boton-god,
    #menu-tablet-force ul.sub-menu li.boton-god {
        display: inline-block !important;
        width: auto !important;
        border-bottom: none !important;
        margin-top: 20px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    #menu-tablet-force .elementor-nav-menu--dropdown li.boton-god a,
    #menu-tablet-force ul.sub-menu li.boton-god a {
        background-color: #E30613 !important;
        padding: 10px 20px !important;
        border-radius: 4px !important;
        display: inline-block !important;
        gap: 0 !important; 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-607c4e6 *//* =========================================
   CLON EXACTO MÓVIL EN TABLET (FONDO NEGRO)
   ========================================= */
@media (min-width: 768px) and (max-width: 1100px) {

    /* 1. ICONO BLANCO (Mata al gris por defecto) */
    .elementor-hidden-desktop.elementor-hidden-phone .elementor-menu-toggle {
        color: #FFFFFF !important;
        background-color: transparent !important;
    }
    
    /* Aseguramos que las 3 rayas (SVG) sean blancas */
    .elementor-hidden-desktop.elementor-hidden-phone .elementor-menu-toggle svg {
        fill: #FFFFFF !important;
    }

    /* 2. MENU DESPLEGABLE: FONDO NEGRO PURO */
    .elementor-hidden-desktop.elementor-hidden-phone .elementor-nav-menu--dropdown {
        background-color: #000000 !important; /* Negro total como pediste */
        border: 1px solid rgba(255,255,255,0.1) !important;
        margin-top: 10px !important;
    }

    /* 3. TEXTOS CENTRADOS (Para que no salgan a la izquierda) */
    .elementor-hidden-desktop.elementor-hidden-phone .elementor-nav-menu--dropdown .elementor-item,
    .elementor-hidden-desktop.elementor-hidden-phone .elementor-nav-menu--dropdown a {
        text-align: center !important; /* Texto al centro */
        justify-content: center !important;
        color: #FFFFFF !important;
    }

    /* 4. HOVER ROJO */
    .elementor-hidden-desktop.elementor-hidden-phone .elementor-nav-menu--dropdown a:hover {
        background-color: #E30613 !important;
        color: #FFFFFF !important;
    }
}/* End custom CSS */