/**
 * @name MOD_INICIO CSS
 */

.upaep__home {
    width: 100%;
    overflow-x: hidden;
}

/* header */
header:has(.upaep__header.is-scrolling) {
    --header-bg: none;
    --header-position: fixed;
    position: fixed;
}

header:has(.upaep__header.is-scrolling) .upaep__header__down,
header:has(.upaep__header.is-scrolling) .upaep__button__language,
header:has(.upaep__header.is-scrolling) .upaep__header__titulo_d {
    display: none !important;
}

body {
    &:not(:has(.modal.show)) {
        .upaep__panel-2 {
            z-index: 10;
        }
    }

    &:has(.modal.show) {
        .sliderBanner .carousel-indicators {
            z-index: 0;
        }
    }
}

header {
    background-color: transparent;
    position: absolute;
    float: left;
    width: 100%;
    z-index: 100;
    --header-position: absolute;

    &:has(.upaep__header:not(.is-scrolling)) {
        --header-bg: none;
    }

    .upaep__header:not(.is-scrolling) {
        /* display: none; */
        --upaep-header-bg: none;

        .upaep__header__rigth {
            display: none;
        }
    }
}

.__accesos-list {
    .__link {
        --upaep-link-margin: 0;
    }
}

.upaep__header.is-scrolling .upaep__header-rigth,
.upaep__header.is-scrolling .upaep__header__rigth {
    display: none;
}

/* banner */
.sliderBanner .carousel-inner {
    position: fixed;
    width: 100%;
    height: 100%;
}

.sliderBanner .__controls {
    position: fixed;
    z-index: 10;
}

.sliderBanner .carousel-indicators {
    left: 10px;
    right: 90%;
    margin: 10px 0;
    position: fixed;
    z-index: 10;
}

.sliderBanner .__indicator {
    background: var(--upaep-color-white);
    border-radius: 50px;
    width: 15px;
    height: 15px;
    border: 0;
}

.sliderBanner .__indicator.active {
    background: var(--upaep-color-red);
}

.banner_btn_down {
    /* position: absolute;
    bottom: 10px;
    left: 8.5%;
    z-index: 20; */
    cursor: pointer;
    animation: heartBeat 2s infinite;
}

.banner_btn_down .upaep__btn-down::before {
    font-size: var(--upaep-fz20);
    margin: 0;
    background: var(--upaep-color-red);
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* menu-bar */
.upaep__menu-bar.__banner-home {
    --upaep-menubar-position: absolute;
    --upaep-menubar-inset: 10px 5px auto auto;
}

.upaep__menu-bar.__banner-home.is-scrolling {
    --upaep-menubar-width: auto;
    --upaep-menubar-position: fixed;
    --upaep-menubar-inset: 10px 10px auto auto;
    --upaep-menubar-content-direction: row-reverse;
    --upaep-menubar-content-bg: none;
    --upaep-menubar-content-item-margin: 0 1rem;
    --upaep-menubar-content-item-padding: 0;
    --upaep-menubar-content-padding: 0;
    --upaep-menubar-scale: 1;
    --upaep-menubar-content-icon-bg: none;
    --upaep-menubar-content-item-direction: row-reverse;
    --upaep-menubar-content-text-color: var(--upaep-color-black);
    --upaep-menubar-content-filter: none;
    z-index: 999;
}

/* oferta-educativa */
.upaep__oferta-educativa.upaep__section {
    /* --upaep-section-width: 100%;
    --upaep-section-height: 100%; */
    background: url("../img/Fondo_Oferta_home01.webp") center center;
    background-size: cover;
}

.upaep__oferta-educativa .upaep__title {
    --upaep-title-color: var(--upaep-color-white)
}

.upaep__oferta-educativa .upaep__content {
    --upaep-content-padding: 2rem 3rem;
}

.upaep__input.input__oferta_educativa {
    --upaep-input-color: var(--upaep-color-black);
    --upaep-input-bg: none;
    --upaep-input-color: var(--upaep-color-white);
    --upaep-input-focus-color: var(--upaep-color-white);
    --upaep-input-hover-color: var(--upaep-color-white);
    --upaep-input-border-color: var(--upaep-color-red);
    --upaep-input-placeholder-color: var(--upaep-color-white);
    --upaep-input-focus-border-color: var(--upaep-color-red);
    --upaep-input-focus-boxshadow: 0 0 0 0.25rem rgba(82, 86, 90, 0.25);
    --upaep-input-focus-bg: none;
    --upaep-input-hover-bg: none;
    --upaep-input-hover-border-size: 2px;
    --upaep-input-hover-border-color: var(--upaep-color-red);
    --upaep-input-hover-fontsize: var(--upaep-fz16);
    --upaep-input-hover-fontweight: var(--upaep-fw-regular);
    --upaep-input-hover-color: var(--upaep-color-black);
    --upaep-input-border-bottom-size: 2px;
    --upaep-input-border-bottom-color: var(--upaep-color-red);
}


.upaep__card.__oferta {
    --upaep-card-width: 100%;
    --upaep-card-maxwidth: 80%;
    --upaep-card-height: 100%;
    --upaep-card-maxheight: 400px;
    --upaep-card-bg: var(--upaep-color-white);
    --upaep-card-boxshadow: 1px 2px 8px rgb(60 60 60 / 40%);
    --upaep-card-border-radius: 10px;
    --upaep-card-margin: 10px 0;
    --upaep-card-img-content-height: 40%;
    --upaep-card-img-content-width: 100%;
    --upaep-card-img-content-border-radius: 10px 10px 0 0;
    --upaep-card-img-width: 100%;
    --upaep-card-img-height: 100%;
    --upaep-card-img-objectfit: cover;
    --upaep-card-img-border-radius: 10px 10px 0 0;
    --upaep-card-content-height: 60%;
    --upaep-card-content-width: 100%;
    --upaep-card-content-padding: 1rem;
    cursor: pointer;

    a {
        width: 100%;
        height: 100%;
        text-decoration: none;
    }

    .upaep__card-subtitle {
        color: var(--upaep-color-dark-grey);
        font-size: var(--upaep-fz20);
        font-weight: bold;
    }

    .__campus {
        color: var(--upaep-color-dark-grey);
        font-size: var(--upaep-fz15);
        font-weight: 400;
        margin: 1rem 0;

        &::before {
            font-family: "FontAwesome";
            content: '\e4db';
            padding: 0 10px 0 0;
            color: var(--upaep-color-red);
            font-size: var(--upaep-fz25);
            text-align: center;
        }
    }

    .upaep__card-title {
        color: var(--upaep-color-dark-grey);
        font-size: var(--upaep-fz14);
        margin: 10px 0;
        /* height: 20%; */
    }

    .upaep__card-items {
        list-style: none;
        padding: 0;
        height: 75%;
    }

    .upaep__card-item {
        font-size: var(--upaep-fz16);
        font-weight: 500;
        padding: 10px;
        /* &::before{
            font-family: "FontAwesome";
            padding: 0 20px 0 0;
            color: var(--upaep-color-red);
            font-size: var(--upaep-fz25);
            text-align: center;
        }
        .upaep__card-item.__fecha::before {
            content: '\f073';
        }
        .upaep__card-item.__duracion::before {
            content: '\f017';
        }
        .upaep__card-item.__costo::before {
            content: '\24';
        } */
    }
}


.upaep__input-icon#btn_search {
    cursor: pointer;
}

.upaep__oferta-educativa-top {
    width: 100%;
    border-bottom: 1px solid var(--upaep-color-red)
}

.filtro {
    width: 250px;
    position: relative;
}

.offcanvas .filtros {
    width: 100%;
}

.offcanvas .filtro {
    width: 100%;
    position: relative;
}

/* filtro button */
.filtro .filtro-button {
    width: 100%;
    height: auto;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    color: var(--upaep-color-white);
    background: none;
    border: none;
    cursor: pointer;
}

.offcanvas .filtro .filtro-button {
    color: var(--upaep-color-black);
}

.filtro .filtro-button::after {
    display: none;
}

/* filtro icon */
.filtro .filtro-button .filtro-button-icon {
    font-size: var(--upaep-fz30);
    margin: 0 5px;
}

.filtro .filtro-button .filtro-button-icon .filtro_icon {
    width: 50px;
    height: 50px;
    background: url('../img/Icon_campus.svg') no-repeat center center;
}

/* filtro texts */
.filtro .filtro-button .filtro-button-texts {
    margin: 0 5px;
    text-align: start;
}

.filtro .filtro-button .filtro-button-texts .filtro-button-title {
    font-size: var(--upaep-fz18);
    margin: 0;
}

.filtro .filtro-button .filtro-button-texts .filtro-button-subtitle {
    font-size: var(--upaep-fz18);
    font-weight: bold;
    margin: 0;
}

.filtro .filtro-button .filtro-button-icon-arrow::after {
    font-family: "FontAwesome";
    content: '\f0d7';
    padding: 0 5px;
}

/* filtro option */
.filtro .filtro-options {
    width: 250px;
    border-radius: 0 0 10px 10px;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(0px, 55px);
    padding: 10px;
}

.offcanvas .filtro .filtro-options {
    width: 100%;
}

/* filtro options a */
.filtro .filtro-options a {
    color: var(--upaep-color-black);
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.filtro .filtro-options a:hover {
    background: var(--colorgrey2);
}

.filtro .filtro-options a::before {
    font-family: "FontAwesome";
    content: '\f0da';
    padding: 0 10px;
    color: var(--upaep-color-red);
}

/* filtro option a active */
.filtro .filtro-options a.active {
    background: none;
}

.filtro .filtro-options a.active::after {
    font-family: "FontAwesome";
    content: '\f00c';
    padding: 0 10px;
    color: var(--upaep-color-red);
}

/* filtro is-show */
/* .filtro:not(.is-show) .filtro-options {
    display: none;
} */

.filtro .filtro-button.show {
    background: var(--upaep-color-white);
    color: var(--upaep-color-black);
}

.filtro .filtro-button.show .filtro-button-icon .filtro_icon {
    width: 50px;
    height: 50px;
    background: url('../img/Icon_campus_rojo.svg') no-repeat center center;
}

.offcanvas .filtro .filtro-button.show {
    background: var(--upaep-color-white);
    color: var(--upaep-color-black);
    border: 1px solid rgba(0, 0, 0, 0.175);
}

.filtro .filtro-button.show .filtro-button-icon-arrow::after {
    font-family: "FontAwesome";
    content: '\f0d8';
    padding: 0 5px;
}

.filtro .filtro-options {
    background: var(--upaep-color-white);
    color: var(--upaep-color-black);
}

.upaep__input-group .invalid-tooltip {
    top: 65% !important;
}

.upaep__oferta-noresultados {
    width: 100%;
    height: auto;
}

.upaep__oferta-noresultados-content {
    width: 100%;
    height: auto;
}

.upaep__oferta-educativa-bottom-content {
    width: 100%;
    height: auto;
    animation: fadeIn 2s;
}

.upaep__oferta-educativa-bottom-content:not(.is-active) {
    display: none;
}

.upaep__oferta-educativa-content-title {
    font-size: var(--upaep-fz30);
    font-weight: 500;
    color: var(--upaep-color-white);
    margin: 1.5rem 0;
}

.upaep__btn-filter::before {
    font-family: 'FontAwesome';
    content: '\f0b0';
    color: var(--upaep-color-white);
    font-size: 3rem;
    margin: 0 15px;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.7));
}

.upaep__oferta-educativa .offcanvas.offcanvas-bottom {
    height: 60vh;
}

.__content {
    width: 100%;
    height: 280px;
    margin: 1rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.__content .upaep__card.__sliced .upaep__card-text {
    font-size: var(--upaep-fz14);
}

.upaep__oferta-educativa-search-filtros {
    display: flex;
    justify-content: end;
}

.upaep__oferta-educativa-search-filtros .filtros .btn_prev {
    color: var(--upaep-color-white);
    font-weight: bold;
    font-size: var(--upaep-fz25);
    text-align: end;
    margin: 1rem 2rem;
    cursor: pointer;
}

.upaep__btn-group {
    display: flex;
}

.upaep__btn-group .btn_prev {
    color: var(--upaep-color-white);
    font-weight: bold;
    font-size: var(--upaep-fz25);
    text-align: end;
    margin: 1rem 0;
    cursor: pointer;
}

.upaep__oferta-educativa-search-filtros .filtros .filtro .filtro-button .filtro-button-texts {
    text-align: end;
}

.offcanvas .upaep__oferta-educativa-search-filtros .filtros .filtro .filtro-button .filtro-button-texts {
    text-align: start;
}

.upaep__oferta-educativa-search-filtros .filtros .filtros_text {
    color: var(--upaep-color-white);
    font-weight: bold;
    font-size: var(--upaep-fz20);
    text-align: end;
    margin: 0 2rem;
}

.offcanvas .upaep__oferta-educativa-search-filtros .filtros .filtros_text {
    color: var(--upaep-color-black);
}


.upaep__oferta-educativa-search-filtros .filtros .filtro {
    margin: 2rem auto;
}

.upaep__oferta-educativa-search-filtros .filtros .filtro .filtro-button {
    justify-content: end;
}

.offcanvas .upaep__oferta-educativa-search-filtros .filtros .filtro .filtro-button {
    justify-content: start;
}

.filtro input[type="radio"] {
    display: none;
}

.upaep__oferta-educativa-filtro-tab {
    width: 100%;
    margin: 1rem 0 0 0;
}

.upaep__oferta-educativa-filtro-tab .content {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.upaep__oferta-educativa-filtro-tab .content .tab-item {
    text-decoration: none;
    color: var(--upaep-color-white);
    font-size: var(--upaep-fz16);
}

.upaep__oferta-educativa-filtro-tab .content .tab-item.is-active {
    color: var(--upaep-color-yellow-primary);
}

.upaep__oferta-filtro-btn {
    border-radius: 50px;
    width: auto;
    background: none;
    border: none;
    margin: auto;
}

.upaep__oferta-filtro-btn .upaep__btn-filter::before {
    font-size: var(--upaep-fz24);
    margin: 0;
}

.upaep__oferta-educativa-content-buttons {
    /* position: relative; */
    padding: 1rem 0 0 0;
}

filtro input[type="radio"] {
    display: none;
}

.upaep__oferta-educativa-filtro-tab {
    width: 100%;
    margin: 1rem 0 0 0;
}

.upaep__oferta-educativa-filtro-tab .content {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.upaep__oferta-educativa-filtro-tab .content .tab-item {
    text-decoration: none;
    color: var(--upaep-color-white);
    font-size: var(--upaep-fz16);
}

.upaep__oferta-educativa-filtro-tab .content .tab-item.is-active {
    color: var(--upaep-color-yellow-primary);
}

.upaep__oferta-filtro-btn {
    border-radius: 50px;
    width: auto;
    background: none;
    border: none;
    margin: auto;
}

.upaep__oferta-filtro-btn .upaep__btn-filter::before {
    font-size: var(--upaep-fz24);
    margin: 0;
}

.swiperOferta {
    /* width: 100%;
    height: 150%; */
    padding: 5rem 0;
    --swiper-pagination-color: var(--upaep-color-yellow-primary);
    --swiper-pagination-bullet-size: 25px;
    --swiper-pagination-bullet-width: 25px;
    --swiper-pagination-bullet-height: 25px;
    --swiper-pagination-bullet-inactive-color: var(--colorgrey2);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    --swiper-navigation-color: var(--upaep-color-white);
}

.swiperOferta .swiper-button-prev::after {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.7));
}

.swiperOferta .swiper-button-next::after {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.7));
}

.upaep__oferta-noresultados:not(.is-active) {
    display: none;
}

/* .upaep__oferta-educativa {} */

.upaep__card.__oferta {
    --upaep-card-maxwidth: 80%;
    --upaep-card-maxheight: 400px;
    --upaep-card-margin: 1rem 0;
    --upaep-card-bg: var(--upaep-color-white);
    --upaep-card-content-width: 100%;
    --upaep-card-content-height: 60%;
    --upaep-card-content-bg: ;
    --upaep-card-img_content-width: 100%;
    --upaep-card-img_content-height: 40%;
    --upaep-card-boxshadow: 1px 2px 8px rgb(60 60 60 / 40%);
    --upaep-card-title-fontsize: var(--upaep-fz14);
    --upaep-card-title-color: var(--upaep-color-dark-grey);
    --upaep-card-subtitle-fontsize: var(--upaep-fz20);
    --upaep-card-subtitle-color: var(--upaep-color-dark-grey);
}


.upaep__card.__oferta a {
    width: 100%;
    height: 100%;
    text-decoration: none;
}


.upaep__card.__oferta .upaep__card-content {
    flex-direction: column;
    align-items: start;
}

.upaep__card.__oferta .upaep__card-content .__campus {
    color: var(--upaep-color-dark-grey);
    font-size: var(--upaep-fz15);
    font-weight: 400;
    margin: 1rem 0;
}

.upaep__card.__oferta .upaep__card-content .upaep__card-title {
    color: var(--upaep-color-dark-grey);
    font-size: var(--upaep-fz14);
    margin: 10px 0;
}

.upaep__card.__oferta .upaep__card-content .upaep__card-items {
    list-style: none;
    padding: 0;
    height: 75%;
}

.upaep__card.__oferta .upaep__card-content .upaep__card-item {
    font-size: var(--upaep-fz16);
    font-weight: 500;
    padding: 10px;
}

.upaep__card.__oferta .upaep__card-content .upaep__card-item.__campus::before {
    font-family: "FontAwesome";
    content: '\e4db';
    padding: 0 10px 0 0;
    color: var(--upaep-color-red);
    font-size: var(--upaep-fz25);
    text-align: center;
}

.upaep__card.__oferta .upaep__card-content .upaep__card-item.__fecha::before {
    font-family: "FontAwesome";
    content: '\f073';
    padding: 0 20px 0 0;
    color: var(--upaep-color-red);
    font-size: var(--upaep-fz25);
    text-align: center;
}

.upaep__card.__oferta .upaep__card-content .upaep__card-item.__duracion::before {
    font-family: "FontAwesome";
    content: '\f017';
    padding: 0 20px 0 0;
    color: var(--upaep-color-red);
    font-size: var(--upaep-fz25);
    text-align: center;
}

.upaep__card.__oferta .upaep__card-content .upaep__card-item.__costo::before {
    font-family: "FontAwesome";
    content: '\24';
    padding: 0 20px 0 5px;
    color: var(--upaep-color-red);
    font-size: var(--upaep-fz25);
    text-align: center;
}

/* transformadora */
.upaep__transformadora .upaep__title {
    --upaep-title-color: var(--upaep-color-blue-primary);
}

.upaep__transformadora-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
}

.upaep__transformadora-panel {
    width: 100%;
    padding: 1rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.upaep__transformadora-panel.panel_1 {
    background: url("../img/Fondo_excelencia.webp") center center no-repeat;
    background-size: cover;
    height: 50vh;
}

.upaep__transformadora-panel.panel_2 {
    background: url("../img/Fondo_ADN1850.webp") no-repeat;
    background-size: cover;
    height: 50vh;
}

.upaep__transformadora-panel.panel_3 {
    background: url("../img/Fondo_nosotros.webp") center center no-repeat;
    background-size: cover;
    height: 50vh;
}

.upaep__transformadora-panel .title {
    color: var(--upaep-color-white);
    font-size: var(--upaep-fz30);
    font-weight: bold;
    text-align: center;
    padding: 1rem 0;
}

.upaep__transformadora-card {
    width: 100%;
    max-width: 300px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upaep__transformadora-card .upaep__transformadora-img {
    width: 104px;
    height: 100px;
}

.upaep__transformadora-card .upaep__transformadora-text {
    color: var(--upaep-color-white);
    font-size: var(--upaep-fz18);
    align-items: center;
    margin: 1rem 0;
}

.btn_transformadora {
    width: auto;
    height: 35px;
    background: var(--upaep-color-blue-primary);
    color: var(--upaep-color-white);
    font-size: var(--upaep-fz18);
    text-align: center;
    border: none;
    border-radius: 35px;
    padding: 0 10px;
    margin: 1rem 0;
}

.upaep__transformadora-card-bottom {
    text-align: center;
}


.upaep__transforadora-panel-img {
    width: 100%;
}

.upaep__transforadora-panel-text {
    width: 100%;
    color: var(--upaep-color-white);
    font-size: var(--upaep-fz32);
    text-align: center;
    padding-top: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.upaep__transforadora-panel-text p {
    padding: 0 1rem;
    margin: 0;
    inline-size: 80%;
    overflow-wrap: break-word;
}

.icon_50 {
    width: 150px;
}

.lottie_panel {
    width: 150px;
    height: 150px;
    /* &.__upaep{
        height: 100px;
    } */
}

.upaep__transformadora-panel-content {
    width: 100%;
    height: 100%;
}

.upaep__transformadora-panel-content.logo_50 {
    padding: 0;
}

.btn_conce_mas {
    width: auto;
    height: 35px;
    background: var(--upaep-color-red);
    color: var(--upaep-color-white);
    font-size: var(--upaep-fz18);
    text-align: center;
    border: none;
    border-radius: 35px;
    padding: 0 10px;
}

.swiperTransformadora {
    padding: 1rem 0;
    --swiper-pagination-color: var(--upaep-color-yellow-primary);
    --swiper-pagination-bullet-size: 15px;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-pagination-bullet-inactive-color: var(--colorgrey2);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    --swiper-navigation-color: var(--upaep-color-white);
}

.swiperTransformadora .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* un aguila */
.upaep__unaguila.upaep__section {
    --upaep-section-padding: 3rem 6rem;
}

.upaep__unaguila .upaep__title {
    --upaep-title-color: var(--upaep-color-blue-primary);
}

.upaep__unaguila .upaep__content {
    --upaep-content-padding: 0 3rem 0;
}

.upaep__unaguila-title>* {
    font-size: var(--upaep-fz48);
    font-weight: bold;
    color: var(--upaep-color-blue-primary);
    text-align: center;
    margin: 0;
}

.upaep__unaguila-subtitle>* {
    font-size: var(--upaep-fz40);
    font-weight: bold;
    color: var(--upaep-color-blue-primary);
    text-align: center;
    margin: 0;
}

.upaep__unaguila-descubre,
.upaep__unaguila-convive,
.upaep__unaguila-transforma {
    margin: 0 0 3rem 0;
    padding: 0;
}

/* .upaep__tab.tab-content-second, .upaep__tab.__content-second */
.upaep__unaguila .upaep__tab.tab-content-second {
    /* --upaep-tab-tabscontent-second-height: 400px; */
    --upaep-tab-tabsitem-justify: center;
    --upaep-tab-tabitem-fz: var(--upaep-fz18);
    --upaep-tab-tabitem-color: var(--upaep-color-blue-primary);
    --upaep-tab-tabitem-active-fz: var(--upaep-fz18);
    --upaep-tab-tabitem-active-color: var(--upaep-color-blue-primary);
    --upaep-tab-tabitem-hover-fz: var(--upaep-fz18);
    --upaep-tab-tabitem-hover-color: var(--upaep-color-blue-primary);
    --upaep-tab-tabitem-active-hover-fz: var(--upaep-fz18);
    --upaep-tab-tabitem-active-hover-color: var(--upaep-color-blue-primary);
}

.upaep__unaguila .upaep__tab .tab-overlay-content {
    mix-blend-mode: darken;
}

.upaep__unaguila .upaep__tab .upaep__tab-img {
    width: auto;
    max-height: 500px;
    margin: 0 auto;
    display: block;
}

.upaep__unaguila .tab-overlay {
    height: auto;
}

.upaep__unaguila .upaep__tab .upaep__tabs-content .upaep__tab-content .text p {
    color: var(--upaep-color-red);
    font-size: var(--upaep-fz24);
    font-weight: bold;
    text-align: center;
}

.upaep__unaguila .upaep__tab .upaep__tabs-content .upaep__tab-content .text p span {
    color: var(--upaep-color-blue-primary);
}

.upaep__unaguila-card {
    width: 100%;
    max-width: 300px;
    height: 400px;
    border-radius: 15px;
    box-shadow: 1px 2px 8px rgb(60 60 60 / 40%);
    padding: 1rem;
    margin: 1rem 0;
}

.upaep__unaguila-card a {
    text-decoration: none;
}

.upaep__unaguila-card .upaep__unaguila-card-img {
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upaep__unaguila-card .upaep__unaguila-card-button {
    width: 100%;
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upaep__unaguila-card .upaep__unaguila-card-text {
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upaep__unaguila-card .upaep__unaguila-card-img img {
    width: 100%;
    height: 100%;
}

.upaep__unaguila-card .upaep__unaguila-card-text p {
    margin: 0;
    font-size: var(--upaep-fz16);
    font-weight: bold;
}

.upaep__btn.btn_unaguila {
    --upaep-btn-width: 100%;
}

.btn_unaguila p::after {
    font-family: 'FontAwesome';
    content: '\f061' !important;
    margin: 0 0 0 10px;
    color: var(--upaep-color-white);
}

.swiperDescubre {
    height: 70%;
    --swiper-pagination-color: var(--upaep-color-red);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-pagination-bullet-inactive-color: var(--colorgrey2);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    --swiper-navigation-color: var(--upaep-color-white);
}

/* .swiperDescubre .swiper-wrapper {
    transition-timing-function: linear
} */

.swiperDescubre .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiperConvive {
    height: 70%;
    --swiper-pagination-color: var(--upaep-color-red);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-pagination-bullet-inactive-color: var(--colorgrey2);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    --swiper-navigation-color: var(--upaep-color-white);
}

/* .swiperConvive .swiper-wrapper {
    transition-timing-function: linear
} */

.swiperConvive .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiperTransforma {
    height: 70%;
    --swiper-pagination-color: var(--upaep-color-red);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-pagination-bullet-inactive-color: var(--colorgrey2);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    --swiper-navigation-color: var(--upaep-color-white);
}

/* .swiperTransforma .swiper-wrapper {
    transition-timing-function: linear
} */

.swiperTransforma .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* comunidad aguila */
.upaep__comunidad-aguila.upaep__section {
    --upaep-section-bg: var(--colorgrey3);
    --upaep-section-height: 500px;
    --upaep-section-padding: 2rem 0;
}

.upaep__comunidad-aguila .upaep__title {
    --upaep-title-color: var(--upaep-color-blue-primary);
}

.upaep__comunidad-aguila-title>* {
    color: var(--upaep-color-blue-primary);
    font-size: var(--upaep-fz48);
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.upaep__comunidad-aguila .upaep__card.__img {
    --upaep-card-width: 60%;
    --upaep-card-height: 300px;
    --upaep-card-img-content-bg: var(--upaep-color-red);
    --upaep-card-img-width: 100px;
    --upaep-card-img-height: 100px;
    --upaep-card-text-height: 50%;
    --upaep-card-img-objectfit: contain;
}

.upaep__comunidad-aguila .upaep__card.__img a {
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.upaep__comunidad-aguila .upaep__card.__img .upaep__card-text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiperComunidadAguila {
    height: 75%;
    --swiper-pagination-color: var(--upaep-color-red);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-pagination-bullet-inactive-color: var(--colorgrey2);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    --swiper-navigation-color: var(--upaep-color-white);
}

.swiperComunidadAguila .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* vida universitaria */
.upaep__vida-universitaria {
    --upaep-section-padding: 2rem 0 0;
}

.upaep__vida-universitaria .upaep__title {
    --upaep-title-color: var(--upaep-color-blue-primary);
}

.upaep__vida-universitaria-title>* {
    color: var(--upaep-color-blue-primary);
    font-size: var(--upaep-fz48);
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.upaep__vida-universitaria-button {
    display: flex;
    justify-content: center;
    align-items: center;

    .upaep__btn {
        --upaep-btn-margin: 0 1rem;
    }
}

/* excelencia */
.upaep__excelencia .upaep__title {
    --upaep-title-color: var(--upaep-color-blue-primary);
}

.swiperExcelencia {
    height: 50%;
    padding: 1rem 0;
    --swiper-pagination-color: var(--upaep-color-red);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-pagination-bullet-inactive-color: var(--upaep-color-light-grey);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;

    .swiper-slide {
        align-items: center;
    }
}

.swiperExcelencia .upaep__card.__basic {
    --upaep-card-img-width: 80%;
    --upaep-card-img-height: 60%;
    --upaep-card-img-objectfit: contain;
    --upaep-card-img-margin: 0 auto;
    --upaep-card-a-width: 100%;
    --upaep-card-a-height: 100%;
}

.swiperExcelencia .upaep__card.__basic .upaep__btn {
    --upaep-btn-width: 80%;
}

/* .swiperExcelencia .upaep__card.__basic {
    box-shadow: var(--upaep-box-shadow);
    width: auto;
    height: auto;
    margin: .5rem;
} */

.upaep__apuesta .upaep__content {
    --upaep-content-width: 100%;
    --upaep-content-height: 100vh;
    --upaep-content-padding: 2rem 2rem 0;
}

/* apuesta */
.swiperApuesta {
    --swiper-pagination-color: var(--upaep-color-red);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-pagination-bullet-inactive-color: var(--upaep-color-light-grey);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
}

.swiperApuesta .swiper-wrapper {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: row;
    /* transition-timing-function: linear */
}

.swiperApuesta .swiper-slide {
    text-align: center;
    height: calc((100% - 30px) / 3) !important;
    display: flex;
    justify-content: center;
}

.swiperApuesta .upaep__card.__icons {
    width: 90%;
    height: auto;
}

/* consultoria */
.upaep__consultoria-servicios .upaep__content {
    --upaep-content-width: 100%;
    --upaep-content-height: 75vh;
    --upaep-content-padding: 0 2rem 0;
}

.swiperConsultoriaServicios {
    --swiper-pagination-color: var(--upaep-color-red);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-pagination-bullet-inactive-color: var(--upaep-color-light-grey);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
}

.swiperConsultoriaServicios .swiper-wrapper {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    /* transition-timing-function: linear */
}

.swiperConsultoriaServicios .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    height: calc((100% - 30px) / 3) !important;
}

.swiperConsultoriaServicios .upaep__card.__icon a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiperConsultoriaServicios .upaep__card.__icon {
    --upaep-card-img_content-height: auto;
    --upaep-card-img-width: 60px;
    --upaep-card-img-height: 60px;
    --upaep-card-img-objectfit: contain;
    --upaep-card-text-fontsize: var(--upaep-fz18);
    --upaep-card-text-align: center;
}

.swiperConsultoriaServicios .upaep__card.__icon .upaep__card-content {
    flex-direction: column;
}

/* enterate */
.upaep__enterate:has(.upaep__content.__d-none) {
    display: none;
}

.upaep__enterate .upaep__content {
    width: 100%;
    height: 60vh;
}

.swiperEnterate {
    --swiper-pagination-color: var(--upaep-color-red);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 15px;
    --swiper-pagination-bullet-height: 15px;
    --swiper-pagination-bullet-inactive-color: var(--upaep-color-light-grey);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
}

.swiperEnterate .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiperEnterate .upaep__card.__news {
    --upaep-card-height: auto;
    --upaep-card-boxshadow: none;
}

/*? --upaep-size-xxl */
/* max-width 1920px*/
@media(width <=1920px) {}

/* min-width 1920px*/
@media(1920px <=width) {}

/*? --upaep-size-xl */
/* max-width 1450px*/
@media(width <=1450px) {

    .upaep__transformadora-panel.panel_1,
    .upaep__transformadora-panel.panel_2,
    .upaep__transformadora-panel.panel_3 {
        height: auto;
    }

    .upaep__transformadora-panel .title {
        font-size: var(--upaep-fz24);
    }

    .upaep__transforadora-panel-text {
        font-size: var(--upaep-fz22);
    }

    .lottie_panel {
        width: 100px;
        height: 100px;
    }

    .icon_50 {
        width: 100px;
    }

    .upaep__comunidad-aguila.upaep__section {
        --upaep-section-height: auto;
    }

    .swiperExcelencia {
        height: auto;
    }

    .upaep__enterate .upaep__content {
        height: 100vh;
    }

}

/* min-width 1450px*/
@media(1450px <=width) {}

/* rango 1450px - 1920px */
@media (1450px <=width <=1920px) {}

/*? --upaep-size-lg */
/* max-width 1024px*/
@media(width <=1024px) {}

/* min-width 1024px*/
@media(1024px <=width) {}

/* rango 1024px - 1450px */
@media (1024px <=width <=1450px) {}

/*? --upaep-size-md */
/* max-width 924px*/
@media(width <=924px) {

    .upaep__menu-bar.__banner-home.is-scrolling #btn__accesos,
    .upaep__menu-bar.__banner-home.is-scrolling #btn_admisiones,
    .upaep__menu-bar.__banner-home.is-scrolling #btn_language {
        display: none;
    }

    .sliderBanner .carousel-indicators {
        left: 0;
        right: 0;
    }

    .banner_btn_down {
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
    }

    .__content {
        height: auto;
    }

    .upaep__oferta-educativa .upaep__content {
        --upaep-content-padding: 2rem 0;
    }

    .upaep__transformadora-bottom {
        flex-direction: column;
    }

    .upaep__transforadora-panel-text {
        font-size: var(--upaep-fz18);
    }

    .upaep__transforadora-panel-text p {
        padding: 0;
    }

    .upaep__unaguila.upaep__section {
        --upaep-section-padding: 3rem 0;
    }

    .upaep__unaguila-subtitle>* {
        font-size: var(--upaep-fz24);
    }

    .upaep__comunidad-aguila.upaep__section {
        --upaep-section-height: 75vh;
    }

    .upaep__excelencia .upaep__content {
        padding: 0 2rem;
        height: 60vh;
    }

    .swiperExcelencia {
        height: 100%;
        padding: 1.5rem 0;
    }

    .upaep__apuesta .upaep__content {
        height: 35vh;
        padding: 2rem;
    }

    .upaep__consultoria-servicios .upaep__content {
        height: 25vh;
    }

    .swiperApuesta .swiper-wrapper {
        justify-content: start;
    }

    .swiperConsultoriaServicios .swiper-wrapper {
        justify-content: start;
    }

    .swiperApuesta .upaep__card.__icons {
        height: 250px;
    }

    .upaep__enterate .upaep__content {
        height: 60vh;
    }
}

/* min-width 924px*/
@media(924px <=width) {}

/* rango 924px - 1024px */
@media (924px <=width <=1024px) {}

/*? --upaep-size-sm */
/* max-width 480px*/
@media(width <=480px) {
    .upaep__apuesta .upaep__content {
        height: 50vh;
        padding: 2rem;
    }

    .upaep__consultoria-servicios .upaep__content {
        height: 35vh;
    }

    .swiperApuesta {
        height: 100%;
    }

    .swiperConsultoriaServicios {
        height: 100%;
    }

}

/* min-width 480px*/
@media(480px <=width) {}

/* rango 480px - 924px */
@media (480px <=width <=924px) {}

/*? --upaep-size-xs */
/* max-width 375px*/
@media(width <=375px) {
    .upaep__transformadora-panel {
        height: auto !important;
    }
}

/* min-width 375px*/
@media(375px <=width) {}

/* rango 375px - 480px */
@media (375px <=width <=480px) {}

/*? --upaep-size-xxs */
/* max-width 360px*/
@media(width <=360px) {}

/* min-width 360px*/
@media(360px <=width) {}

/* rango 360px - 375px */
@media (360px <=width <=375px) {}

/*? --upaep-landscape */
@media(width <=480px) and (orientation: landscape) {

    .upaep__unaguila-descubre-cards,
    .upaep__unaguila-convive-cards,
    .upaep__unaguila-transforma-cards,
    .upaep__comunidad-aguila.upaep__section,
    .upaep__excelencia .upaep__content,
    .upaep__enterate .upaep__content {
        height: 500px;
    }

    .swiperDescubre,
    .swiperConvive,
    .swiperTransforma,
    .swiperComunidadAguila {
        height: 100%;
    }

    .upaep__apuesta .upaep__content {
        height: 400px;
    }

    .upaep__consultoria-servicios .upaep__content {
        height: 300px;
    }
}