/*
 Theme Name:   Gnius Club Child
 Theme URI:    https://gnius.club
 Description:  Tema hijo para el sitio Gnius Club, basado en Divi.
 Author:       Gnius Club + I.A.
 Author URI:   https://gnius.club
 Template:     Divi
 Version:      1.0.0
*/

/*
=====================================================
SISTEMA DE TIPOGRAFÍA GLOBAL - ALTO CONTRASTE (GNIUS)
=====================================================
*/

/* --- Encabezado Principal (H1) --- */
h1 {
    /*
     * Ajustado para Móvil:
     * El tamaño mínimo se reduce de 2.5rem (40px) a 2rem (32px).
     */
    font-size: clamp(2rem, 1rem + 5.5vw, 4.5rem) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

/* --- Párrafo Líder o Cita Principal (Clase Personalizada) --- */
.hero-cita-principal {
    font-size: clamp(1.4rem, 1rem + 2vw, 2.2rem) !important; /* Claramente más pequeño que H1 */
    line-height: 1.4 !important;
    font-weight: 400 !important; /* Peso normal para contraste con H1 */
    font-style: italic !important; /* Mantenemos la itálica de la cita */
}

/* --- Texto de Categoría Superior (Clase Personalizada) --- */
.hero-categoria {
    font-size: clamp(0.9rem, 0.8rem + 0.5vw, 1.1rem) !important;
    line-height: 1.5 !important;
    font-weight: 600 !important; /* Semi-bold */
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #008CFF !important; /* El azul primario */
}

/* --- Párrafos de Texto (p) --- */
p {
    font-size: clamp(1rem, 0.9rem + 1vw, 1.2rem) !important;
    line-height: 1.6 !important;
}

/* --- REGLAS GENERALES PARA EL RESTO DE LA PÁGINA --- */
h2 {
    font-size: clamp(2rem, 1.2rem + 3.5vw, 3.2rem) !important;
    line-height: 1.2 !important;
}
h3 {
    font-size: clamp(1.5rem, 1.1rem + 2vw, 2.2rem) !important;
    line-height: 1.4 !important;
}



.hero-con-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8));
    mix-blend-mode: multiply;
    z-index: 1;
}

/* Forzar el contexto de apilamiento en la sección */
.hero-con-video {
    position: relative;
}
/*
-----------------------------------------------------
2.2 Tarjeta de Estadísticas
-----------------------------------------------------
*/

.stat-number p {
    font-size: clamp(3.5rem, 2rem + 6vw, 5rem) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    color: #008CFF !important; /* Azul primario */
    display: block; /* Asegura que ocupe su propia línea */
    margin-bottom: 10px;
    text-align: center;
}
/*
=====================================================
3. HEADER GLOBAL
=====================================================
*/

/*
* NOTA: Estos estilos requieren que se añadan las clases CSS
* correspondientes en el Generador de Temas.
*/

/* --- Contenedor Principal del Header (La Sección Azul) --- */
/* Añadir clase: global-header-section */
.global-header-section {
    /* Efecto de desenfoque de fondo */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Para compatibilidad con Safari */
}

/* --- Columna Única del Header (Contiene Menú y Botón) --- */
/* Añadir clase: global-header-column */
.global-header-column {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}