/*
 Theme Name:   U-libertadores
 Theme URI:    https://www.ulibertadores.edu.co/
 Description:  Tema hijo personalizado (v1.4.1). WOFF2 Nativos (Sin Alias), respetando los pesos originales del manual.
 Author:       UnyRealSoft
 Author URI:   https://unyrealsoft.com/
 Template:     hello-elementor
 Version:      1.4.1
 Text Domain:  u-libertadores
*/

/* ==========================================================================
   1. CARGA DE FUENTES (Archivos WOFF2 Optimizados con pesos reales)
   ========================================================================== */

/* --- GOTHAM --- */
@font-face { 
    font-family: 'Gotham'; 
    src: url('fonts/hinted-Gotham-Book.woff2') format('woff2'), 
         url('fonts/hinted-Gotham-Book.woff') format('woff'); 
    font-weight: 400; 
    font-style: normal; 
    font-display: swap; 
}

@font-face { 
    font-family: 'Gotham'; 
    src: url('fonts/hinted-Gotham-Medium.woff2') format('woff2'), 
         url('fonts/hinted-Gotham-Medium.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
    font-display: swap; 
}

@font-face { 
    font-family: 'Gotham'; 
    src: url('fonts/hinted-Gotham-Bold.woff2') format('woff2'), 
         url('fonts/hinted-Gotham-Bold.woff') format('woff'); 
    font-weight: 700; 
    font-style: normal; 
    font-display: swap; 
}

/* --- META PRO --- */
@font-face { 
    font-family: 'Meta Pro'; 
    src: url('fonts/hinted-MetaPro.woff2') format('woff2'), 
         url('fonts/hinted-MetaPro.woff') format('woff'); 
    font-weight: 400; 
    font-style: normal; 
    font-display: swap; 
}

@font-face { 
    font-family: 'Meta Pro'; 
    src: url('fonts/hinted-MetaPro-Bold.woff2') format('woff2'), 
         url('fonts/hinted-MetaPro-Bold.woff') format('woff'); 
    font-weight: 700; 
    font-style: normal; 
    font-display: swap; 
}

/* ==========================================================================
   2. VARIABLES GLOBALES CSS
   ========================================================================== */
:root {
    --font-gotham: 'Gotham', sans-serif;
    --font-meta: 'Meta Pro', sans-serif;
}

/* ==========================================================================
   3. FIX GLOBAL DE SUAVIZADO (ANTIALIASING)
   Mantenemos esto para garantizar que los bordes sigan viéndose limpios.
   ========================================================================== */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, button, input {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ==========================================================================
   4. LIMPIEZA DE INTERFAZ
   ========================================================================== */
.site-header .site-title, .site-branding, .entry-title, .page .entry-title, 
.single .entry-title, .elementor-location-single .elementor-post-title,
#hostinger-ai-assistant-widget, .hostinger-ai-assistant-widget {
    display: none !important;
}

/* ==========================================================================
   5. JERARQUÍA TIPOGRÁFICA (PESOS NATIVOS SEGÚN MANUAL)
   ========================================================================== */

/* Títulos de Impacto */
h1, h2, h1.elementor-heading-title, h2.elementor-heading-title {
    font-family: var(--font-gotham) !important;
    font-weight: 700 !important; 
}

/* Títulos de Sección */
h3, h4, h3.elementor-heading-title, h4.elementor-heading-title {
    font-family: var(--font-gotham) !important;
    font-weight: 500 !important;
}

/* Subtítulos, menús y estructura general */
body, li, a, h5, h6, span, div, h5.elementor-heading-title, h6.elementor-heading-title {
    font-family: var(--font-gotham) !important;
    font-weight: 400 !important;
}

/* Cuerpo de lectura */
p {
    font-family: var(--font-meta) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* ==========================================================================
   6. FIX CRÍTICO: ICONOS (FontAwesome)
   ========================================================================== */
.fas, .far, .fab, .fa, [class^="fa-"], [class*=" fa-"], .elementor-icon i, .elementor-widget-icon i {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Solid", "Font Awesome 5 Brands", sans-serif !important;
    font-weight: 900 !important;
    display: inline-block !important;
    font-style: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

/* ==========================================================================
   7. FULL-WIDTH OVERRIDE TL (added 2026-05-06)
   Razón: el kit de Elementor (elementor-kit-79) impone max-width: 1140px
   al .elementor-container y padding 10px al .elementor-widget-wrap, lo
   cual contradice la regla Liquid Design (full-width 100% viewport sin
   max-width). Este bloque libera el ancho ÚNICAMENTE en secciones que
   contienen un .tl-scope, sin afectar el resto del sitio.
   ========================================================================== */

.elementor-section:has(.tl-scope) > .elementor-container,
.elementor-section:has(.tl-scope) .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

.elementor-section:has(.tl-scope) .elementor-widget-wrap,
.elementor-section:has(.tl-scope) .elementor-widget-shortcode {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.elementor-section:has(.tl-scope) .elementor-column,
.elementor-section:has(.tl-scope) .elementor-element-populated {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Fallback navegadores muy antiguos sin :has() (<5% del tráfico):
   forzar el .tl-scope a viewport-wide via margen negativo. Inocuo
   en navegadores modernos porque el container ya es 100%. */
@supports not selector(:has(*)) {
    .tl-scope {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
}

/* FIN — FULL-WIDTH OVERRIDE TL */