/*
.bgfondo244331 {
    position: absolute;
    background-color: #f0a33d;
    border-radius: 0% 16% 8% 0% / 0% 47% 48% 0%;
}

 .izq362352 {
    position: absolute;
    width: 81px;
    height: 100%;
    background-image: url('../img/aliados/fondo/izq.png');
    background-position: top left;
    background-size: 65px;
    background-repeat: no-repeat;
}

.der362352 {
    position: absolute;
    width: 63%;
    height: 100%;
    right: 0px;
    background-image: url('../img/aliados/fondo/der.png');
    background-size: width 70vw;
    background-repeat: no-repeat;
    z-index: -1;
} */
.img_aliados {
    position: relative;
    display: flex;
    height: auto;
    max-height: calc(242px * (100vw/1200));
    background-image: url('../img/aliados/banners/Nos-aliamos-con-los-mejores-web.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    aspect-ratio: 1200/242;
    z-index: 1;
}

@media (max-width: 768px) {
    .img_aliados {
        background-image: url('../img/aliados/banners/Nos-aliamos-con-los-mejores-app.webp');
        background-color: #dc3545;
        max-height: calc(600px * (100vw/944));
        aspect-ratio: 944/600;
    }
}
.container6462462 {
    position: relative;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fa-solid-900.woff2') format('woff2');
}

.container6462462::before {
    position: absolute;
    content: '\f002';
    font-family: 'FontAwesome';
    font-weight: 900;
    width: 50px;
    height: 100%;
    color: black;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    color: rgba(128, 128, 128, 0.482);
}

.search25352 {
    position: relative;
    padding-left: 50px;
}

.img_eafit325352 {
    background-image: url('../img/aliados/03_EAFIT.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img_upbl253532 {
    background-image: url('../img/aliados/04_upb.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img_cruzverde325352 {
    background-image: url('../img/aliados/05_cruzVerde.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.aliad32352532 {
    position: relative;
}

.aliad2353532 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 30%;
    bottom: 0;
    padding: 0 5px !important;
}

/* ------------------------ Modal ----------------------- */

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    background-color: #fefefe;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* modal */

.modal262632 {
    cursor: pointer;
}

@media screen and (max-width: 570px) {
    .max-width3263623 {
        max-width: 100%;
    }
}

@media screen and (min-width: 571px) {
    .max-width3263623 {
        max-width: 100%;
    }
}

/* ------------------- inicio @medias ------------------- */

/* Para pantallas extra pequeñas (xs) */
@media (max-width: 575.98px) {
    .izq362352 {
        display: none;
    }
}

/* Para pantallas pequeñas (sm) */
@media (min-width: 576px) {}

/* Para pantallas medianas (md) */

@media (max-width: 768px) {
    .font5325352 {
        font-size: 2.6vw;
    }
}

@media (min-width: 769px) {
    .font5325352 {
        font-size: 1.3vw;
    }

}

/* Para pantallas grandes (lg) */
@media (max-width: 991px) {
    .bgfondo244331 {
        width: 100% !important;
        border-radius: unset;
    }

    .der362352 {
        display: none;
    }
}

@media (min-width: 992px) {}

/* Para pantallas extra grandes (xl) */
@media (max-width: 1200px) {
    .bgfondo244331 {
        width: 68%;
    }

    .der362352 {
        background-position: top right -150px;
    }
}

@media (min-width: 1201px) {
    .bgfondo244331 {
        width: 58%;
    }

    .der362352 {
        background-position: top right 0px;
    }
}

/* Para pantallas extra extra grandes (xxl) */
@media (min-width: 1400px) {}