/* =============================================================================
   COMACA 2026 — Overrides puntuales del template
   -----------------------------------------------------------------------------
   Cargado DESPUÉS de main.css y custom-fonts.css en partials/libs-css.php,
   por lo que tiene prioridad. Para alternar valores: descomenta el preset
   que prefieras o edita el activo. Mantén los presets para no perder el ajuste.
   ============================================================================= */


/* -----------------------------------------------------------------------------
   1) BANNER — alto del área del video y padding interior
   -----------------------------------------------------------------------------
   El video llena al 100% el wrapper, así que el alto total = padding + contenido.
   Aquí controlamos cuánto sube/baja el contenido y cuánto ocupa de pantalla.
   ----------------------------------------------------------------------------- */
.banner-two-area .banner-two-area-wrapper {
    /* alto total del banner */
    min-height: calc(100vh - 160px);   /* preset activo: pantalla menos navbar y margen */
    /* min-height: calc(100vh - 80px); */ /* preset anterior — se pasaba abajo */
    /* min-height: 85vh; */             /* preset: 85% de la pantalla */
    /* min-height: 80vh; */             /* preset: 80% de la pantalla */

    /* padding interior — controla qué tan arriba/abajo queda el contenido */
    padding-block: 20px 60px !important;    /* preset activo: padding superior mínimo */
    /* padding-block: 60px 60px !important; */    /* preset anterior */
    /* padding-block: 120px 80px !important; */   /* preset original reducido */
    /* padding-block: 40px 60px !important; */    /* preset intermedio */
    /* padding-block: 160px 100px !important; */  /* preset holgado */

    /* contenido pegado al fondo (como ya estaba) */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


/* -----------------------------------------------------------------------------
   2) BANNER — alinear "2026" vertical a ras de la fecha
   -----------------------------------------------------------------------------
   Sin esta regla, el bloque del 2026 ocupa todo el alto (stretch) y queda más
   arriba que la fecha. Con flex-end, la base del 2026 = base del párrafo de la
   fecha.
   ----------------------------------------------------------------------------- */
.banner-two-content-wrapper {
    align-items: flex-end !important;
}


/* -----------------------------------------------------------------------------
   3) TIPOGRAFÍA — `.display-five` fijo en PC
   -----------------------------------------------------------------------------
   El template original usa una escala fluida (clamp 28→52px). Aquí lo fijamos
   en desktop (≥ 992px) sin afectar la escala en mobile/tablet.
   ----------------------------------------------------------------------------- */
@media (min-width: 992px) {
    .display-five {
        font-size: 40px !important;     /* preset activo */
        /* font-size: 36px !important; */    /* preset más pequeño */
        /* font-size: 44px !important; */    /* preset más grande */
    }
}


/* -----------------------------------------------------------------------------
   4) FOOTER — reducir padding superior/inferior
   -----------------------------------------------------------------------------
   El bloque interior del footer usa `py-120` (120px arriba/abajo). Aquí lo
   bajamos solo dentro del footer-two, sin afectar el resto del sitio.
   ----------------------------------------------------------------------------- */
.footer-two .py-120 {
    padding-block: 60px !important;    /* preset activo (era 120px) */
    /* padding-block: 40px !important; */   /* preset más compacto */
    /* padding-block: 80px !important; */   /* preset intermedio */
}