/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

/* ========================================================
   IMPORTACIÓN DE FUENTES MEDIEVALES / GLACIALES
   ======================================================== */
@import url('https://googleapis.com');

/* Títulos Principales (Estilo Épico Rúnico con Brillo de Hielo) */
h1, h2, h3, h4, 
.panel-title, 
.widget-title, 
.newsTitle h3, 
.eventBlock h1 {
    font-family: 'Cinzel Decorative', cursive !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #e0f7fa !important;
    text-shadow: 0 0 10px rgba(0, 183, 255, 0.8), 0 0 20px rgba(0, 183, 255, 0.4) !important;
}

/* Letras de los Botones Principales (Descargas, Panel de Usuario, Menú) */
.downloadButton.bright, 
.download-fixed.bright, 
.persoanlAcc.bright, 
.menu > li > a, 
.gameBlock-info, 
.gameBlock-guide {
    font-family: 'Cinzel', serif !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* Enlaces secundarios (Log Out, Tiempos del Servidor, etc.) */
.accBlock p a.bright, 
.serverTimeBlock,
.menuBlock ul.dropDown-menu li a {
    font-family: 'Cinzel', serif !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}




a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ff0000;
}

.btn-primary {
	color: #eff2fa;
    background: #363b42;
    border: 1px solid #505864;
	-moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #eff2fa !important;
    background-color: #363b42 !important;
	border-color: #505864 !important;
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}

hr {
	border-top: 1px solid #333;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #131315 !important;
}

.table>thead>tr>th {
    border-bottom: 2px solid #333 !important;
	color: #e9a348 !important;
}

.help-block {
    color: #da6969;
}

.table-bordered {
    border: 1px solid #333;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #333;
}

.table-hover>tbody>tr:hover {
    background-color: #232323;
}

input[type=text], input[type=password], input[type=number] {
	background: rgba(0,0,0,0.5);
	border: 1px solid rgba(100,100,100,0.5);
	color: #ebf1f5;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-khtml-border-radius: 0px;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.3);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.3);
}









/* ---- ANIMACIÓN DE NIEVE REALISTA ---- */

/* Contenedor principal que ocupa toda la pantalla */
.nieve-contenedor {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1; /* Se mantiene detrás de los paneles interactivos */
    pointer-events: none; /* No interfiere con los clics en la web */
    overflow: hidden;
}

/* Configuración básica de los copos */
.copo {
    position: absolute;
    top: -20px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.2em;
    user-select: none;
    animation: caida linear infinite;
}

/* Efectos de movimiento y velocidad aleatoria para cada copo */
.copo:nth-child(1)  { left: 5%;  animation-duration: 7s;  animation-delay: 0s;   font-size: 10px; }
.copo:nth-child(2)  { left: 15%; animation-duration: 10s; animation-delay: 2s;   font-size: 14px; }
.copo:nth-child(3)  { left: 25%; animation-duration: 8s;  animation-delay: 1s;   font-size: 12px; }
.copo:nth-child(4)  { left: 35%; animation-duration: 12s; animation-delay: 4s;   font-size: 18px; }
.copo:nth-child(5)  { left: 45%; animation-duration: 9s;  animation-delay: 0.5s; font-size: 8px; }
.copo:nth-child(6)  { left: 55%; animation-duration: 11s; animation-delay: 3s;   font-size: 15px; }
.copo:nth-child(7)  { left: 65%; animation-duration: 7s;  animation-delay: 1.5s; font-size: 11px; }
.copo:nth-child(8)  { left: 75%; animation-duration: 13s; animation-delay: 5s;   font-size: 20px; }
.copo:nth-child(9)  { left: 85%; animation-duration: 8.5s; animation-delay: 2.5s; font-size: 13px; }
.copo:nth-child(10) { left: 95%; animation-duration: 10.5s; animation-delay: 0s;  font-size: 9px; }
.copo:nth-child(11) { left: 10%; animation-duration: 14s; animation-delay: 6s;   font-size: 16px; }
.copo:nth-child(12) { left: 30%; animation-duration: 6s;  animation-delay: 3.5s; font-size: 12px; }
.copo:nth-child(13) { left: 50%; animation-duration: 9.5s; animation-delay: 1s;   font-size: 14px; }
.copo:nth-child(14) { left: 70%; animation-duration: 11.5s; animation-delay: 4.5s; font-size: 17px; }
.copo:nth-child(15) { left: 90%; animation-duration: 7.5s; animation-delay: 2s;   font-size: 10px; }

/* Mecánica matemática de la caída */
@keyframes caida {
    0% {
        top: -5vh;
        transform: translateX(0) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        top: 105vh;
        transform: translateX(50px) rotate(360deg);
        opacity: 0;
    }
}











/* ========================================================
   DISEÑO GLACIAL E ILUMINACIÓN DE BOTÓN (MU ONLINE)
   ======================================================== */

/* 1. Fondo general de la Web Estilo Glacial Profundo */
body.home {
    background: radial-gradient(circle at center, #102a43 0%, #0b1d33 70%, #061124 100%) !important;
    background-attachment: fixed !important;
    color: #e0f2fe !important;
}

/* 2. Transformación del Botón de Descarga a Cristal de Hielo */
.downloadButton.bright {
    background: linear-gradient(135deg, rgba(0, 180, 216, 0.4) 0%, rgba(0, 119, 182, 0.2) 100%) !important;
    border: 2px solid rgba(144, 224, 239, 0.6) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(0, 224, 255, 0.8) !important;
    border-radius: 6px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    
    /* Iluminación base constante (Glow) */
    box-shadow: 0 0 15px rgba(0, 180, 216, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.2) !important;
    
    /* Animación de pulso de luz automática */
    animation: pulsoGlacial 3s infinite alternate !important;
}

/* 3. Efecto Hover: Potenciación del Brillo al Pasar el Cursor */
.downloadButton.bright:hover {
    background: linear-gradient(135deg, rgba(0, 180, 216, 0.7) 0%, rgba(144, 224, 239, 0.4) 100%) !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
    color: #ffffff !important;
    
    /* Iluminación extrema (Efecto congelado activo) */
    box-shadow: 0 0 25px rgba(0, 224, 255, 0.9), 0 0 40px rgba(0, 119, 182, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Destello de luz interna que cruza el botón */
.downloadButton.bright::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 30%;
    height: 200%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
    transform: rotate(25deg);
    animation: destelloLuz 4s infinite ease-in-out;
}

/* 4. Forzar visibilidad de la nieve detrás de los paneles principales */
.nieve-contenedor {
    z-index: 2 !important; /* Lo subimos un poco para que no quede enterrada en el fondo viejo */
}
.container-top {
    position: relative !important;
    z-index: 3 !important; /* Mantiene la estructura web por encima de la nieve para poder hacer clics */
}

/* ========================================================
   ANIMACIONES MATEMÁTICAS (KEYFRAMES)
   ======================================================== */

/* Animación de parpadeo/pulso del neón helado */
@keyframes pulsoGlacial {
    0% {
        box-shadow: 0 0 12px rgba(0, 180, 216, 0.4), inset 0 0 8px rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 20px rgba(0, 224, 255, 0.7), inset 0 0 12px rgba(144, 224, 239, 0.4);
    }
}

/* Animación del reflejo que pasa por el botón */
@keyframes destelloLuz {
    0% { left: -60%; }
    20% { left: 140%; }
    100% { left: 140%; }
}









/* ---- REMOVER FONDO TRANSPARENTE DEL CONTENEDOR PRINCIPAL ---- */
.container-top {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 3 !important; /* Mantiene los clics activos sobre la nieve */
}

/* Aplicar el diseño de hielo individualmente a los bloques internos para que no se vea una sola caja gigante */
.infoBlock, 
.newsBlock, 
.eventBlock {
    background: rgba(16, 42, 67, 0.45) !important; /* Fondo azul oscuro transparente */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(0, 180, 216, 0.25) !important; /* Borde de escarcha fina */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin-bottom: 25px !important; /* Separa los bloques elegantemente */
}

/* Ajuste para el Header/Navbar estilo hielo flotante */
.header-wrapper {
    background: rgba(6, 17, 36, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 2px solid rgba(0, 224, 255, 0.3) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}






/* ========================================================
   EFECTOS GLACIALES PARA EL PANEL DE USUARIO (accBlock)
   ======================================================== */

/* 1. Botón "User Control Panel" - Estilo Bloque de Hielo Iluminado */
.accBlock .persoanlAcc.bright {
    background: linear-gradient(135deg, rgba(0, 180, 216, 0.4) 0%, rgba(0, 119, 182, 0.2) 100%) !important;
    border: 2px solid rgba(144, 224, 239, 0.6) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 5px rgba(0, 224, 255, 0.8) !important;
    border-radius: 6px !important;
    display: inline-block !important;
    padding: 10px 20px !important;
    margin-bottom: 10px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    
    /* Iluminación base constante (Glow) */
    box-shadow: 0 0 15px rgba(0, 180, 216, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.2) !important;
    
    /* Pulso automático usando la animación que creamos antes */
    animation: pulsoGlacial 3s infinite alternate !important;
}

/* Efecto Hover para "User Control Panel" (Intensificación del Hielo) */
.accBlock .persoanlAcc.bright:hover {
    background: linear-gradient(135deg, rgba(0, 180, 216, 0.7) 0%, rgba(144, 224, 239, 0.4) 100%) !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
    color: #ffffff !important;
    box-shadow: 0 0 25px rgba(0, 224, 255, 0.9), 0 0 40px rgba(0, 119, 182, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Destello de luz blanca cruzando el botón del panel de usuario */
.accBlock .persoanlAcc.bright::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 30%;
    height: 200%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
    transform: rotate(25deg);
    animation: destelloLuz 4.5s infinite ease-in-out; /* Velocidad ligeramente distinta para que no se sincronice con descargas */
}

/* 2. Enlace "Log Out" - Estilo Texto de Escarcha Glacial */
.accBlock p a.bright {
    color: rgba(144, 224, 239, 0.8) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Efecto Hover para "Log Out" (Encendido de Neón) */
.accBlock p a.bright:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(0, 224, 255, 1), 0 0 15px rgba(0, 119, 182, 0.8) !important;
    transform: scale(1.05) !important;
}
















/* ========================================================
   ILUMINACIÓN EXTRA PARA EL CONTENEDOR (accBlock)
   ======================================================== */

/* Caja contenedora con iluminación de fondo glacial */
.accBlock {
    background: rgba(10, 34, 64, 0.5) !important;
    border: 1px solid rgba(0, 224, 255, 0.25) !important;
    padding: 15px !important;
    border-radius: 8px !important;
    text-align: center !important;
    transition: all 0.4s ease !important;
    
    /* Resplandor de neón azul constante */
    box-shadow: 0 0 15px rgba(0, 180, 216, 0.2), inset 0 0 15px rgba(0, 224, 255, 0.1) !important;
}

/* Efecto cuando el usuario pasa el mouse sobre cualquier parte del bloque */
.accBlock:hover {
    border-color: rgba(0, 224, 255, 0.6) !important;
    
    /* Iluminación externa expandida (Glow Activo) */
    box-shadow: 0 0 25px rgba(0, 224, 255, 0.45), inset 0 0 20px rgba(0, 180, 216, 0.2) !important;
}
















/* ========================================================
   BOTÓN FLOTANTE FIJO - ESTILO CRISTAL DE HIELO ESCULPIDO
   ======================================================== */

.download-fixed.bright {
    /* Fondo que simula una gema de hielo sólido */
    background: linear-gradient(135deg, #00b4d8 0%, #0077b6 50%, #03045e 100%) !important;
    
    /* Bordes gruesos y afilados simulando cortes de hielo */
    border: 3px solid #90e0ef !important;
    border-radius: 4px !important; /* Menos redondeado para verse más rígido y robusto */
    
    /* Tipografía nórdica / medieval */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8), 0 0 10px #00f5d4 !important;
    
    /* Sombra externa e interna de neón glacial */
    box-shadow: 0 0 20px rgba(0, 224, 255, 0.6), 
                inset 0 0 15px rgba(255, 255, 255, 0.5), 
                inset 0 -10px 20px rgba(0, 0, 0, 0.4) !important;
    
    /* Animación de respiración helada (Escarcha que se expande) */
    animation: respiracionGlacial 2.5s infinite ease-in-out alternate !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Efecto al pasar el cursor (Congelamiento Absoluto) */
.download-fixed.bright:hover {
    background: linear-gradient(135deg, #90e0ef 0%, #00b4d8 50%, #0077b6 100%) !important;
    border-color: #ffffff !important;
    color: #03045e !important; /* El texto se vuelve oscuro por el reflejo de la luz */
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.9) !important;
    
    /* Incremento masivo de iluminación */
    box-shadow: 0 0 35px #00f5d4, 
                0 0 15px #0077b6, 
                inset 0 0 20px rgba(255, 255, 255, 0.8) !important;
    
    transform: scale(1.08) rotate(-1deg) !important; /* Pequeño giro físico al tocarlo */
}

/* Efecto de escarcha brillante en el texto interno */
.download-fixed.bright span {
    position: relative !important;
    z-index: 2 !important;
}

/* ========================================================
   ANIMACIÓN MATEMÁTICA NUEVA
   ======================================================== */
@keyframes respiracionGlacial {
    0% {
        box-shadow: 0 0 15px rgba(0, 224, 255, 0.5), inset 0 0 10px rgba(255, 255, 255, 0.3);
        filter: brightness(1);
    }
    100% {
        box-shadow: 0 0 30px rgba(0, 224, 255, 0.9), inset 0 0 20px rgba(255, 255, 255, 0.6);
        filter: brightness(1.2); /* El botón se enciende por completo */
    }
}


/* ========================================================
   ORBE DE HIELO GIRATORIO (CORREGIDO Y FIJO) - MU ONLINE
   ======================================================= */

/* Contenedor estático exterior (No gira) */
.circle-online {
    position: relative !important;
    width: 150px !important;
    height: 150px !important;
    margin: 0 auto !important;
    border-radius: 50% !important;
    border: 3px solid rgba(144, 224, 239, 0.7) !important;
    box-shadow: 0 0 25px rgba(0, 224, 255, 0.6), 0 0 50px rgba(0, 119, 182, 0.3) !important;
    animation: pulsoOrbe 3s infinite alternate ease-in-out !important;
    background: #020122 !important; /* Capa base oscura */
    overflow: hidden !important;
}

/* Esfera interna de Hielo que SÍ GIRA de fondo */
.circle-online::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    /* Degradado 3D de cristal congelado */
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 180, 216, 0.6) 40%, rgba(3, 4, 94, 0.9) 85%) !important;
    animation: giroTextura 8s linear infinite !important;
    z-index: 1 !important;
}

/* Efecto de destellos internos que giran en sentido contrario */
.circle-online::after {
    content: '' !important;
    position: absolute !important;
    top: -25% !important;
    left: -25% !important;
    width: 150% !important;
    height: 150% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.2) 10%, transparent 50%) !important;
    background-size: 20px 20px !important;
    animation: giroTexturaContraria 12s linear infinite !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* Contenedor del Texto y Número (Totalmente Quieto en el Centro) */
.serverInfo {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10 !important; /* Por encima de la bola giratoria */
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* El Número de Usuarios Conectados */
.serverInfo_online {
    font-family: 'Cinzel', serif !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1 !important;
    margin: 0 !important;
    text-shadow: 0 0 12px #00f5d4, 0 0 25px #0077b6, 0 2px 5px rgba(0,0,0,0.9) !important;
}

/* Recuperar y dar estilo al Texto "ONLINE" debajo del número */
.serverInfo::after {
    content: 'ONLINE' !important;
    display: block !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    color: #90e0ef !important;
    margin-top: 5px !important;
    text-shadow: 0 0 8px rgba(0, 224, 255, 0.8) !important;
}

/* Ocultar elementos viejos sobrantes del motor de WebEngine */
.circlestat.circliful, .circlestat canvas {
    display: none !important;
}

/* ========================================================
   ANIMACIONES MATEMÁTICAS RE AJUSTADAS
   ======================================================== */

@keyframes giroTextura {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes giroTexturaContraria {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}

@keyframes pulsoOrbe {
    0% {
        box-shadow: 0 0 20px rgba(0, 224, 255, 0.5), inset 0 0 15px rgba(255, 255, 255, 0.4);
        border-color: rgba(144, 224, 239, 0.6);
    }
    100% {
        box-shadow: 0 0 40px rgba(0, 245, 212, 0.8), inset 0 0 25px rgba(255, 255, 255, 0.7);
        border-color: #ffffff;
    }
}

/* ========================================================
   SOLUCIÓN AL MENÚ SUPERIOR (NATIVO Y SEGURO)
   ======================================================== */

/* 1. Forzar que las letras del menú sean blancas con brillo helado */
.header-wrapper .menuBlock ul.menu > li > a, 
.header-wrapper .menuBlock ul.menu li a,
.header-wrapper a {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(0, 224, 255, 0.6), 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}

/* Efecto al pasar el mouse por encima de los enlaces */
.header-wrapper .menuBlock ul.menu > li > a:hover,
.header-wrapper .menuBlock ul.menu li a:hover {
    color: #00f5d4 !important;
    text-shadow: 0 0 12px #00f5d4 !important;
}

/* 2. Reparar el comportamiento del menú para que no flote en el medio */
.header, 
.header-wrapper,
.header-wrapper.flex-c-c {
    position: absolute !important; /* Se clava arriba del todo y sube de forma natural con la web */
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important; /* Centrado perfecto */
    width: 100% !important;
    max-width: 1200px !important;
    background: rgba(6, 17, 36, 0.6) !important;
    border-radius: 0 0 8px 8px !important;
    z-index: 999 !important;
}

/* 3. Bloquear el clon flotante molesto que inyecta la plantilla al hacer scroll */
[class*="fixed-header"], 
[class*="fixed"],
.header.fixed,
.fixed-header,
.header-wrapper.fixed {
    display: none !important; /* Lo hace invisible inmediatamente */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}



/* ========================================================
   FORZAR VIDEO DE FONDO GLOBAL A PANTALLA COMPLETA
   ======================================================== */

/* Contenedor fijo que obliga al video a cubrir el 100% */
.video-fondo-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: -100 !important; /* Lo envía al fondo absoluto de la web */
    overflow: hidden !important;
    pointer-events: none !important; /* Evita clics accidentales sobre el video */
}

/* Propiedades del reproductor para cubrir toda la superficie */
.video-fondo-global {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; /* Centrado perfecto */
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: cover !important; /* Recorta y estira el video sin deformar a los personajes */
}

/* Capa de protección para que las letras se sigan leyendo impecables */
.video-overlay-glacial {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(6, 17, 36, 0.4) !important; /* Filtro oscuro al 40% */
    z-index: -99 !important;
}

/* Forzar transparencia absoluta en la estructura base de la plantilla */
html, body, body.home, #wrapper, .main-body-wrapper {
    background: transparent !important;
    background-color: transparent !important;
}


/