@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed&display=swap');

:root {
    /*? upaep-gradient */
    --upaep-gradient-dark: rgba(0, 0, 0, 0.4);
    --upaep-gradient-white: rgba(255, 255, 255, 0.5);
    /*? upaep shadow */
    --upaep-box-shadow: 1px 2px 8px rgb(60 60 60 / 40%);
    --upaep-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.7));
    /*? upaep colors */
    --upaep-color-red: #E30921;
    --upaep-color-cherry: #920318;
    --upaep-color-grey: #909496;
    --upaep-color-light-grey: #B5BABD;
    --upaep-color-dark-grey: #52565A;
    --upaep-color-blue-primary: #1D335B;
    --upaep-color-blue-primary-hover: #264072;
    --upaep-color-yellow-primary: #FECB15;
    --upaep-color-gold: #CDA434;
    --upaep-color-background: #F5F5F5;
    --upaep-color-tenue-gray: #EEEEEE;
    --upaep-color-ingenierias: #003E92;
    --upaep-color-economico-administrativas: #930d19;
    --upaep-color-negocios: #930d19;
    --upaep-color-artes-humanidades: #F36A10;
    --upaep-color-ciecnias-creativas: #511F7F;
    --upaep-color-ciecnias-humanas-sociales: #F36A10;
    --upaep-color-ciencias-sociales: #9F0000;
    --upaep-color-ciencias-biologicas: #00A894;
    --upaep-color-ciencias-vida-salud: #00A894;
    --upaep-color-ciencias-salud: #0079c7;
    --upaep-color-ciencias-medicas: #0079c7;
    --upaep-color-lenguas-cultura: #FFA800;
    --upaep-color-error-light: #FEC4CA;
    --upaep-color-error-hover-light: #F6B7BE;
    --upaep-color-success-light: #B9F0D4;
    --upaep-color-success-hover-light: #9AE1BD;
    --upaep-color-warning-light: #F5DC80;
    --upaep-color-warning-hover-light: #E9D071;
    --upaep-color-error: #DC3545;
    --upaep-color-error-hover: #bc2433;
    --upaep-color-success: #28A745;
    --upaep-color-success-hover: #1f973a;
    --upaep-color-warning: #FFC107;
    --upaep-color-warning-hover: #e5ac03;
    --upaep-color-white: #FFFFFF;
    --upaep-color-white-hover: #FEFEFE;
    --upaep-color-black: #000000;
    --upaep-color-primary: #e10023;
    --upaep-color-primary-hover: #c2001e;
    --upaep-color-secondary: #fecb15;
    --upaep-color-secondary-hover: #eeba00;
    --upaep-color-tertiary: #d0d0d0;
    --upaep-color-tertiary-hover: #b8b8b8;
    --upaep-color-whats: #25d366;
    --upaep-color-dissabled: #EFEFEF;
    --upaep-color-dissabled-red: #F5ACB7;
    --upaep-color-dissabled-error: #EEBBC0;
    --upaep-color-dissabled-yellow: #FEEEB3;
    --upaep-color-dissabled-warning: #F9E5A9;
    --upaep-color-dissabled-success: #B3DDBD;
    --upaep-color-border-red: #B9001D;
    --upaep-color-border-grey: #8E9396;
    --upaep-color-border-grey-icon: #E8E8E8;
    --upaep-color-border-dissabled: #D6D6D6;
    --upaep-color-border-error: #BC2433;
    --upaep-color-border-warning: #E5AC03;
    --upaep-color-none: none;
    /*? color educacion continua*/
    --upaep-color-educacion-continnua-ingenieria: #004494;
    --upaep-color-educacion-continnua-administracion: #A6091E;
    --upaep-color-educacion-continnua-gastronomia: #E20026;
    --upaep-color-educacion-continnua-desarrollo-organizacional: #E8526B;
    --upaep-color-educacion-continnua-humanidades: #EE7F00;
    --upaep-color-educacion-continnua-arquitectura: #6D1F80;
    --upaep-color-educacion-continnua-educacion: #E75113;
    --upaep-color-educacion-continnua-derecho: #BC5A15;
    --upaep-color-educacion-continnua-comunicacion: #A64D94;
    --upaep-color-educacion-continnua-ciencias-biologicas: #00AA9B;
    --upaep-color-educacion-continnua-salud: #0081C7;
    --upaep-color-educacion-continnua-lengua-cultura: #FABB00;
    --upaep-color-educacion-continnua-relaciones-internacionales: #FFEF44;
    --upaep-color-educacion-continnua-soft-skills: #8E959A;
    /*? upaep font family */
    --upaep-ff-fira-sans: 'Fira Sans', sans-serif;
    --upaep-ff-merriweather: 'Merriweather', serif;
    --upaep-ff-roboto: 'Roboto', sans-serif;
    --upaep-ff-fontawesome: 'FontAwesome';
    /*? upaep font weight */
    --upaep-fw-bold: bold;
    --upaep-fw-semibold: 600;
    --upaep-fw-medium: 500;
    --upaep-fw-regular: 400;
    /*? upaep font size */
    --upaep-fz2: .125rem;
    --upaep-fz4: .25rem;
    --upaep-fz6: .375rem;
    --upaep-fz8: .5rem;
    --upaep-fz10: .625rem;
    --upaep-fz12: .75rem;
    --upaep-fz14: .875rem;
    --upaep-fz15: .9375rem;
    --upaep-fz16: 1rem;
    --upaep-fz18: 1.125rem;
    --upaep-fz20: 1.25rem;
    --upaep-fz22: 1.375rem;
    --upaep-fz24: 1.5rem;
    --upaep-fz25: 1.5625rem;
    --upaep-fz26: 1.625rem;
    --upaep-fz28: 1.75rem;
    --upaep-fz30: 1.875rem;
    --upaep-fz32: 2rem;
    --upaep-fz34: 2.125rem;
    --upaep-fz36: 2.25rem;
    --upaep-fz38: 2.375rem;
    --upaep-fz40: 2.5rem;
    --upaep-fz42: 2.625rem;
    --upaep-fz44: 2.75rem;
    --upaep-fz46: 2.875rem;
    --upaep-fz48: 3rem;
    --upaep-fz50: 3.125rem;
    --upaep-fz52: 3.25rem;
    --upaep-fz54: 3.375rem;
    --upaep-fz56: 3.5rem;
    --upaep-fz58: 3.625rem;
    --upaep-fz60: 3.75rem;
    /*? size */
    --upaep-size-xxs: 360px;
    --upaep-size-xs: 375px;
    --upaep-size-sm: 480px;
    --upaep-size-md: 924px;
    --upaep-size-lg: 1024px;
    --upaep-size-xl: 1450px;
    --upaep-size-xxl: 1920px;
    /*? orientation */
    --upaep-portrait: portrait;
    --upaep-landscape: landscape;
    /*? otros */
    --gutter-y: 0;
    --gutter-x: 1.5rem;
    --secondary: #52565A;
    --primary: #ab0909;
    --colorblue: #1f335c;
    --colorblue1: #86B7FE;
    --colorblue2: #18172c;
    --colordark: #212529;
    --colordark2: #333333;
    --colordark3: #52565a;
    --colorred: #e10023;
    --colorred: #dc3545;
    --colorred: #ab0909;
    --colorgreen: #198754;
    --colorgreen1: #067703;
    --colorgreen2: #3ae38b;
    --colorgreen3: #B9EFD3;
    --colorpink: #F2CED4;
    --colorgrey1: #8f9496;
    --colorgrey2: #cfcfcf;
    --colorgrey3: #eeeeee;
    --colorgrey4: #e8e9ed;
    --colorgrey5: #434257;
    --colorgrey6: #ced4da;
    --colorgrey7: #dee2e6;
    --coloryellow: #ffcc00;

    --gradient: linear-gradient(0deg, #e4406f 0%, #ca2374 50%, #9c297f 100%);
    --gradient1: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(255, 14, 144, 1) 23%, rgba(253, 29, 29, 1) 49%, rgba(232, 22, 58, 1) 75%, rgba(219, 7, 7, 1) 100%);
    --gradient2: linear-gradient(135deg, #e8a038 0, #ee9637 8.33%, #f38a38 16.67%, #f77c3a 25%, #f96d3d 33.33%, #fa5b41 41.67%, #f94646 50%, #f72b4c 58.33%, #f40055 66.67%, #ef005f 75%, #ea006a 83.33%, #e20077 91.67%, #d90085 100%);
    --gradient3: linear-gradient(135deg, #b962e9 0, #cc58db 5%, #dc4ecc 10%, #e844bc 15%, #f23bab 20%, #f9349a 25%, #fd3189 30%, #ff3178 35%, #ff3667 40%, #fd3d56 45%, #f94646 50%, #f34f36 55%, #eb5924 60%, #e2620d 65%, #d86b00 70%, #cc7300 75%, #bf7a00 80%, #b18100 85%, #a38700 90%, #938d00 95%, #839100 100%);
}

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

/* header */
header:has(.upaep__header.is-scrolling) {
    --header-bg: none;
    --header-zindex: 999;
    --header-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 {
    --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;
        }
    }
}

.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;
}


.__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: 50vh;
}

.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__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;
    padding: 2rem 0;
}

/* 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: 2rem 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 .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 .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;
    }
}

/* 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: auto;
        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;
    }
}

/* 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 (orientation: landscape) {}