/*---------------------------------------------------------------------------------------------------------------
    AUTOR          : DIEGO BUSTOS PEÑA
    FECHA CREACIÓN : 09-06-2026
    DESCRIPCIÓN    : CSS DE LOS BANNERS
-----------------------------------------------------------------------------------------------------------------
    AUTOR          : DIEGO BUSTOS PEÑA
    FECHA CREACIÓN : 17-06-2026
    DESCRIPCIÓN    : SE MODIFICA LA VISUALIZACIÓN DE LAS FOTOGRAFÍAS EN EL BANNER
----------------------------------------------------------------------------------------------------------------*/

/* BANNER PRINCIPAL */
#banner-wrap {
    position      : relative;
    overflow      : hidden;
    border-radius : 28px 28px 0 0;
    min-height    : 420px;
    background    : #0d2b5e;
}

/* CARRUSEL */

#landingCarousel,
#landingCarousel .carousel-inner,
#landingCarousel .carousel-item {
    height : 420px;
}

/* IMÁGENES */
#landingCarousel .carousel-item img {
    width           : 100%;
    height          : 100%;
    object-fit      : cover;
    object-position : center center;
    display         : block;
    transform       : scale(1.02);
    transition      : transform 7s ease;
}

/* EFECTO ZOOM SUAVE */
.carousel-item.active img {
    transform : scale(1.06);
}

/* AJUSTES INDIVIDUALES */
/* INICIO MOD -> 17-06-2026 */
/* .banner-1 {
    object-position : center 53%;
}

.banner-2 {
    object-position : center 72%;
} */
.focus-top {
    object-position: center top !important;
}

.focus-top-soft {
    object-position: center 25% !important;
}

.focus-center {
    object-position: center center !important;
}

.focus-bottom-soft {
    object-position: center 75% !important;
}

.focus-bottom {
    object-position: center bottom !important;
}
/* FIN MOD -> 17-06-2026 */

/* OVERLAY */
.banner-overlay {
    position        : absolute;
    inset           : 0;
    z-index         : 5;
    display         : flex;
    flex-direction  : column;
    justify-content : flex-end;
    padding         : 2.5rem 3rem;
    background      : linear-gradient(
        to top,
        rgba(0,0,0,.58) 0%,
        rgba(0,0,0,.20) 40%,
        rgba(0,0,0,.05) 100%
    );
}

/* TÍTULOS */
.banner-title {
    margin      : 0;
    font-size   : clamp(2.2rem, 4vw, 4rem);
    font-weight : 800;
    line-height : 1.05;
    color       : #ffffff;
    text-shadow : 0 4px 18px rgba(0,0,0,.35);
}

.banner-subtitle {
    margin-top  : .8rem;
    font-size   : 1.05rem;
    font-weight : 400;
    color       : rgba(255,255,255,.92);
    max-width   : 720px;
}

/* BADGES DESTACADOS */
.banner-programas {
    display     : flex;
    align-items : center;
    flex-wrap   : wrap;
    gap         : 0;
}

.banner-highlight,
.banner-highlight-gold {
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    padding         : 10px 18px;
    font-size       : 2.9rem;
    font-weight     : 800;
    line-height     : 1;
    box-shadow      : 0 4px 10px rgba(0,0,0,.18);
}

.banner-highlight {
    background-color : var(--uct-navy);
    color            : #fff;
}

.banner-highlight-gold {
    background-color : var(--uct-gold);
    color            : var(--uct-navy);
}