/********** Template CSS **********/

:root {
    --primary: #00064f;
    --secondary: #9EC00C;
    --light: #DDDDDD;
    --white: #ffffff;
    --dark: #00064f;
}

@font-face {
    font-family: 'Open_Sans';
    /* Nombre que tú eliges */
    src: url('../fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Open_Sans';
    font-size: var(--bs-body-font-size);
}

@font-face {
    font-family: Alex Brush;
    src: url(/fonts/Alex-Brush/AlexBrush-Regular.ttf);
    font-weight: regular;
}

.title-footer {
    font-family: 'Open_Sans', cursive;
    font-size: 25px;
    color: var(--secondary);
}

h1,
.font-weight-bold {
    font-family: 'Open_Sans';
    font-weight: 700 !important;
}

h2 {
    font-family: 'Open_Sans';
    font-weight: 700 !important;
}

h3,
h4,
.font-weight-semi-bold {
    font-weight: 600 !important;
}

h5,
h6,
.font-weight-medium {
    font-weight: 500 !important;
}

.btn {
    font-weight: 600;
    transition: 0.5s;
}

.login li {
    list-style: none;
    padding-bottom: 10px;
}

.footer-nal a {
    color: white;
}

.footer-nal a:hover {
    color: var(--secondary);
}

.footer-font {
    color: var(--secondary);
}

.btn-primary {
    color: #ffffff;
}

.btn-secondary {
    color: var(--primary);
}

.btn-primary:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 28px;
    height: 28px;
}

.btn-lg-square {
    width: 46px;
    height: 46px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity 0.5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 100px;
    z-index: 99;
}

.top-shape::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 100%;
    top: 0;
    left: -17px;
    background: var(--secondary);
    transform: skew(40deg);
}

.navbar-light .navbar-nav .nav-link {
    /* font-family: 'Jost', sans-serif; */
    padding: 35px 15px;
    font-size: 16px;
    color: var(--secondary);
    outline: none;
    transition: 0.5s;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: var(--secondary);
}

.img_logo {
    height: 65px;
}

.navbar-nav .nav-link {
    text-decoration: none;
    padding: 8px 15px;
    border-radius: 3px;
    display: inline-block;
    /* color: #000; */
    /* font-family: sans-serif; */
    /* font-weight: 600; */
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.navbar-nav .nav-link::before {
    position: absolute;
    content: "";
    width: calc(100% - 20px);
    height: 5px;
    background: var(--secondary);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.navbar-nav .nav-link.active::before,
.navbar-nav .nav-link:hover::before {
    visibility: visible;
    opacity: 1;
}

.sticky-top.navbar-light .navbar-nav .nav-link {
    padding: 20px 15px;
}

.sticky-top .img_logo {
    transition: 0.3s;
    height: 50px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--secondary);
}

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link,
    .sticky-top.navbar-light .navbar-nav .nav-link {
        padding: 10px 0;
    }
}

@media (max-width: 576px) {
    .carousel-caption h5 {
        font-size: 14px;
        font-weight: 500 !important;
    }
    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

@media (min-width: 991.98px) {
    .banner {
        position: relative;
        margin-top: -90px;
        z-index: 1;
    }
}


/* .section-title h5::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 3px;
    right: -55px;
    bottom: 11px;
    background: var(--primary);
}
.section-title h5::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 3px;
    right: -75px;
    bottom: 11px;
    background: var(--secondary);
} */

.twentytwenty-wrapper {
    height: 100%;
}

.hero-header {
    background: linear-gradient(rgba(9, 30, 62, 0.85), rgba(9, 30, 62, 0.85)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.bg-appointment {
    background: linear-gradient(rgba(9, 30, 62, 0.85), rgba(9, 30, 62, 0.85)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.appointment-form {
    background: rgba(6, 163, 218, 0.7);
}

.service-item img,
.service-item .bg-light,
.service-item .bg-light h5,
.team-item .team-text {
    transition: 0.5s;
}

.service-item:hover img {
    transform: scale(1.15);
}

.team-item .team-text::after,
.service-item .bg-light::after {
    position: absolute;
    content: "";
    top: 50%;
    bottom: 0;
    left: 15px;
    right: 15px;
    border-radius: 100px / 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
}

.team-item:hover .team-text::after,
.service-item:hover .bg-light::after {
    opacity: 1;
}

.bg-offer {
    background: url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.offer-text {
    background: rgba(6, 163, 218, 0.85);
}

.price-carousel .owl-nav,
.price-carousel-2 .owl-nav {
    position: absolute;
    width: calc(100% + 45px);
    height: 45px;
    top: calc(50% - 22.5px);
    left: -22.5px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: 0.5s;
}

.price-carousel:hover .owl-nav,
.price-carousel-2:hover .owl-nav {
    opacity: 1;
}

.price-carousel .owl-nav .owl-prev,
.price-carousel .owl-nav .owl-next,
.price-carousel-2 .owl-nav .owl-prev,
.price-carousel-2 .owl-nav .owl-next {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: var(--primary);
    border-radius: 2px;
    font-size: 22px;
    transition: 0.5s;
}

.price-carousel .owl-nav .owl-prev:hover,
.price-carousel .owl-nav .owl-next:hover,
.price-carousel-2 .owl-nav .owl-prev:hover,
.price-carousel-2 .owl-nav .owl-next:hover {
    background: var(--secondary);
}

.bg-testimonial {
    background: url(../img/carousel-2.jpg) center center no-repeat;
    background-size: cover;
}

.testimonial-carousel {
    background: rgba(6, 163, 218, 0.85);
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: calc(100% + 46px);
    height: 46px;
    top: calc(50% - 23px);
    left: -23px;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: var(--primary);
    border-radius: 2px;
    font-size: 22px;
    transition: 0.5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: var(--secondary);
}

.testimonial-carousel .owl-item img {
    width: 120px;
    height: 120px;
}


/**PARA EL FOOTER*/

.footer_group {
    border-left: 2px solid var(--light);
    border-right: 2px solid var(--light);
    padding: 30px;
}

.img_footer {
    height: 200px;
}


/**PARA RESPONSIVE*/

@media screen and (max-width: 1500px) {
    .top-shape::before {
        transform: skew(17deg);
    }
}

@media screen and (max-width: 1440px) {
    .img_logo {
        height: 45px;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
    }
}

@media screen and (max-width: 1280px) {
    .img_logo {
        height: 45px;
    }
    .navbar-light .navbar-nav .nav-link,
    .sticky-top.navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        padding: 30px 10px;
    }
}

@media screen and (max-width: 1024px) {
    .img_logo {
        height: 35px;
    }
    .navbar-light .navbar-nav .nav-link,
    .sticky-top.navbar-light .navbar-nav .nav-link {
        font-size: 13px;
        padding: 20px 5px;
    }
}

@media screen and (max-width: 991px) {
    .img_logo {
        height: 45px;
    }
}

@media screen and (max-width: 756px) {
    .footer_group {
        border-left: 0;
    }
    .sticky-top .img_logo {
        transition: 0.3s;
        height: 45px;
    }
}


/**PARA EL MENU RESPOSIVO*/

.menu-trigger {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 23px;
    width: 32px;
    height: 40px;
    text-indent: -9999em;
    z-index: 99;
    right: 40px;
    display: none;
}

.menu-trigger span,
.menu-trigger span:before,
.menu-trigger span:after {
    transition: all 0.4s;
    background-color: #fff;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
}

.menu-trigger span,
.menu-trigger span:before,
.menu-trigger span:after {
    background-color: #fff;
}

.menu-trigger span:before,
.menu-trigger span:after {
    transition: all 0.4s;
    background-color: #FFFF;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
    width: 75%;
}

.menu-trigger span:before,
.menu-trigger span:after {
    background-color: #FFF;
}

.menu-trigger span:before,
.menu-trigger span:after {
    content: "";
}

.menu-trigger span {
    top: 16px;
}

.menu-trigger span:before {
    transform-origin: 33% 100%;
    top: -10px;
    z-index: 10;
}

.menu-trigger span:after {
    transform-origin: 33% 0;
    top: 10px;
}

.menu-trigger.active span,
.menu-trigger.active span:before,
.menu-trigger.active span:after {
    background-color: transparent;
    width: 100%;
}

.menu-trigger.active span:before {
    transform: translateY(6px) translateX(1px) rotate(45deg);
    background-color: #fff;
}

.menu-trigger.active span:before {
    background-color: #fff;
}

.menu-trigger.active span:after {
    transform: translateY(-6px) translateX(1px) rotate(-45deg);
    background-color: #fff;
}

.menu-trigger.active span:after {
    background-color: #fff;
}

@media screen and (max-width: 990px) {
    .menu-trigger {
        display: block !important;
    }
}


/* 
---------------------------------------------
header responsive
--------------------------------------------- 
*/

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--secondary);
}

@media (max-width: 990px) {
    #navbarCollapse {
        position: absolute;
        top: 75px;
        background: #ffffff;
        width: 95%;
        left: 2.5%;
        right: 2.5%;
        margin: 0;
        z-index: 999;
        text-align: center;
    }
    #navbarCollapse .dropdown {
        position: relative;
        background: #929292;
        z-index: 99999;
    }
    #navbarCollapse .dropdown-menu {
        border: 0;
        border-radius: 0;
        padding: 0;
    }
    #navbarCollapse .nav-link,
    #navbarCollapse .dropdown-item {
        background: #ffffff;
        width: 100%;
        padding: 1rem 0.5rem;
        border-radius: 0;
        border-bottom: 1px solid #eee;
        text-align: center;
    }
    #navbarCollapse .dropdown-item {
        background-color: #f9f9f9;
        font-family: "OpenSans";
        color: var(--primary);
        font-size: 14px;
        font-weight: 600;
    }
    .navbar-nav .nav-link::before {
        background-color: unset;
    }
    #btn_inicio_sesion {
        margin: 15px;
    }
    .img_footer {
        height: 200px;
    }
}


/* **********CSS AYAR******************* */

.carreras .btn_prg {
    opacity: 1;
    visibility: visible;
    border: 0;
}

.boton {
    position: relative;
    display: block;
    padding: 15px 10px;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    max-width: 250px;
    margin-bottom: 60px;
    overflow: hidden;
    color: #000B3A;
    cursor: pointer;
    letter-spacing: 2px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    transition: all ease 0.5s;
    background: rgba(255, 255, 255, 1);
    margin: auto;
}

.boton:after,
.boton:before {
    width: 70px;
    height: 150px;
    content: '';
    display: block;
    background: rgba(255, 255, 255, 0.5);
    transform: rotate(45deg);
    top: -60px;
    position: absolute;
    transition: none;
    right: -45%;
    cursor: pointer;
}

.boton:before {
    left: -48%;
}

.btn_prg {
    position: relative;
    display: inline-block;
    padding: 15px 10px;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 60px;
    overflow: hidden;
    color: #000B3A;
    cursor: pointer;
    letter-spacing: 2px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    transition: all ease 0.5s;
    background: rgba(255, 255, 255, 1);
    margin: auto;
    opacity: 0;
    visibility: hidden;
}

.btn_prg:after,
.btn_prg:before {
    width: 10%;
    height: 150px;
    content: '';
    display: inline-block;
    background: rgba(255, 255, 255, 0.5);
    transform: rotate(45deg);
    top: -60px;
    position: absolute;
    transition: none;
    right: -45%;
    cursor: pointer;
}

.btn_prg:before {
    left: -48%;
}

.btn_prg:hover:after,
.btn_prg:hover:before {
    transform: rotate(45deg), scaleX(130%);
    background: rgba(255, 255, 255, 0.1);
    transition: all ease 0.5s;
}

.btn_prg:hover:after,
.btn_prg:hover:before {
    transform: rotate(45deg), scaleX(130%);
    background: rgba(255, 255, 255, 0.1);
    transition: all ease 0.5s;
}

.btn_prg:hover:after {
    right: 130%;
}

.btn_prg:hover:before {
    left: 130%;
}

.boton:hover {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    background: var(--secondary);
    color: var(--primary);
}

.boton:hover:after,
.boton:hover:before {
    transform: rotate(45deg), scaleX(130%);
    background: rgba(255, 255, 255, 0.1);
    transition: all ease 0.5s;
}

.boton:hover:after {
    right: 130%;
}

.boton:hover:before {
    left: 130%;
}

.boton_primary {
    background: var(--secondary);
    color: var(--primary);
}

.boton_primary:hover {
    background: var(--primary);
    color: var(--secondary);
}

.boton_secondary {
    background: var(--primary);
    color: var(--secondary);
}

.boton_secondary:hover {
    background: var(--secondary);
    color: var(--primary);
}

.boton_dark {
    background: rgba(5, 18, 37, 1);
    color: var(--secondary)
}

.boton_dark:hover {
    background: rgba(233, 236, 239, 1);
    color: var(--primary);
}

.boton_light {
    background: rgba(233, 236, 239, 1);
    color: var(--primary);
}

.boton_light:hover {
    background: rgba(5, 18, 37, 1);
    color: var(--secondary);
}

.btn-tamano {
    display: inline-block;
    width: 100%!important;
    padding: 20px;
    margin: 10px;
    max-width: 370px;
}

@media(max-width: 768px) {
    /*  col-sm   = pantalla  de 0 a 768  >  // celulares pequeños y medianos*/
    .btn-tamano {
        width: 100%!important;
        padding: 20px;
        margin: 10px;
        font-size: 80%;
        max-width: 300px;
    }
    .estilo_resumen {
        font-size: 13px !important;
    }
    .titulo_noticia {
        font-size: 1.2rem !important;
    }
}

.icono-noticias-inicio {
    color: #fff;
    font-weight: 900;
    font-size: 200%;
    letter-spacing: 0.5em;
}

.popular-location .single-location {
    position: relative;
    overflow: hidden;
}

.popular-location .single-location .location-img {
    /* border-radius: 10px; */
    overflow: hidden;
    position: relative;
    z-index: 0
}

.popular-location .single-location .location-img::before {
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 0;
    content: "";
    z-index: 1
}

.popular-location .single-location .location-img img {
    width: 100%;
    /* height: 100%; */
    transform: scale(1);
    transition: all .5s ease-out 0s;
}

.popular-location .single-location .location-details {
    position: absolute;
    padding: 20px;
    left: 0px;
    right: 0px;
    bottom: -15px;
    transition: all .4s ease-out 0s
}

.single-location:hover .location-img img {
    transform: scale(1.1);
}


/* .single-location:hover .location-details {
    bottom: -12px;
} */


/* .single-location:hover .location-details .btn_prg {
    opacity: 1;
    visibility: visible;
} */

.single-location .location-details .btn_prg {
    opacity: 1;
    visibility: visible;
}

.popular-location .single-location .location-img::after {
    background-color: transparent;
    background: linear-gradient(to bottom, transparent, #000);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    opacity: 0.45;
    transition: opacity .35s;
}


/* .popular-location .single-location:hover .location-img::after {
    background-color: unset;
    background: unset;
    background: unset;
    opacity: 1;
    pointer-events: none;
    transition: opacity 0.25s, visibility 0.25s;
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    content: "";
    display: block;
} */

#unandes {
    background: #f0f0f0;
}

.features-item {
    border-radius: 5px;
    padding: 60px 30px;
    text-align: center;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    position: relative;
}

.features-item img {
    z-index: 10;
    position: relative;
    max-width: 100%;
    margin-bottom: 20px;
}

.features-item h2 {
    z-index: 9;
    position: absolute;
    top: 15px;
    left: 45px;
    font-size: 100px;
    font-weight: 600;
    color: #d4dbba;
}

.features-item h4 {
    margin-top: 0px;
    font-size: 22px;
    color: #1e1e1e;
    margin-bottom: 25px;
}

.count-digit {
    margin: 5px 0px;
    color: var(--primary);
    font-weight: 700;
    font-size: 36px;
}

.count-title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0.5px;
}

.new {
    position: relative;
    border: 1px solid #D1D3D3;
    padding: 26px 20px 20px;
}

.new:before {
    height: 6px;
    width: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    background: #060559;
    content: "";
}

.new_img {
    display: block;
}

.new_img img {
    display: block;
    width: 100%;
}

.new_date {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 2px;
    letter-spacing: 0.125rem;
    line-height: 2;
    text-transform: uppercase;
    color: #5B6671;
    display: block;
}

.new_title h3 {
    color: var(--primary);
}

.new_link {
    font-weight: 700;
    /* border-bottom: 2px solid var(--secondary); */
    text-transform: uppercase;
    letter-spacing: 0.07813rem;
}

.new_link a:hover {
    color: var(--secondary);
}


/* PREGRADO ALL */

.color-white {
    color: #FFFFFF !important;
}

.centrar-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.justify {
    text-align: justify;
    padding-top: 3px;
}

.contenedor-de-iconos {
    margin-top: 100px;
    margin-bottom: 100px;
}

.contenedor-icono {
    /* border: red 1px solid; */
    background: rgba(1, 10, 24, 0.500);
    padding-top: 20px;
    padding-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
}

.icono-nosotros {
    color: #8cbe03;
    font-size: 60px;
    padding-right: 15px;
}


/* .contenedor-alianzas {
    margin-top: 100px;
    margin-bottom: 100px;
} */

.tamaño-img-alianzas {
    height: 100%;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
}

.titulo-alianzas {
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
}

.text-alianzas {
    text-align: center;
    font-weight: 400;
}


/* section.apply-now {
    background: linear-gradient( 61deg, rgb(193, 201, 204) 32%, #ffffff 71%);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0px;
} */

.detail_img p {
    font-size: 15px;
    font-style: italic;
}

.detail_date p {
    font-size: 15px;
}

.grid:after {
    content: '';
    display: block;
    clear: both;
}

@media(max-width: 576px) {
    .popular-location .single-location .location-img::after {
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        display: block;
        opacity: 1;
        transition: opacity .35s;
        z-index: 1;
    }
    .popular-location .single-location:hover .location-img::after {
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        display: block;
        opacity: 1;
        transition: opacity .35s;
        z-index: 1;
    }
    .single-location:hover .location-img img {
        transform: unset;
    }
    .single-location:hover .location-details {
        bottom: 0;
    }
    .single-location:hover .location-details .btn_prg {
        opacity: 1;
        visibility: visible;
    }
    .single-location .location-details .btn_prg {
        opacity: 1;
        visibility: visible;
        padding: 10px;
        font-size: 11px;
    }
    .single-location:hover .location-details {
        bottom: 0;
    }
    .popular-location .single-location .location-details {
        position: absolute;
        padding: 10px;
        left: 0px;
        right: 0px;
        bottom: 0;
        transition: unset;
    }
    .location-details h3 {
        font-size: 1rem;
    }
}


/* 
---------------------------------------------
Video
--------------------------------------------- 
*/

.our-videos .videos-left-dec img {
    width: 220px;
    height: 471px;
    left: 0;
    top: 120px;
    position: absolute;
}

.our-videos .videos-right-dec img {
    width: 730px;
    height: 523px;
    right: 0;
    top: 45px;
    position: absolute;
}

.our-videos {
    position: relative;
    margin-bottom: -30px;
    padding-top: 120px;
    margin-top: 0px;
}

.our-videos .naccs {
    position: relative;
}

.our-videos .naccs .menu div {
    margin-bottom: 30px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.our-videos .naccs .menu div {
    transition: all 0.3s;
}

.our-videos .naccs .menu div.active .thumb .inner-content {
    text-align: center;
    width: 100%;
    height: 100%;
    /* border-radius: 23px; */
}

.our-videos .naccs .menu div.active .thumb .inner-content h4 {
    top: 40%;
    transform: translateY(-55%);
    position: relative;
}

.our-videos .naccs .menu div.active .thumb .inner-content span {
    display: block;
    position: relative;
    top: 55%;
    transform: translateY(-55%);
}

.our-videos ul.nacc {
    position: relative;
    min-height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.our-videos ul.nacc li {
    opacity: 0;
    transform: translateX(-50px);
    position: absolute;
    list-style: none;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.our-videos ul.nacc li.active {
    transition-delay: 0.3s;
    position: relative;
    z-index: 2;
    opacity: 1;
    transform: translateX(0px);
}

.our-videos ul.nacc li {
    width: 100%;
}

.our-videos .nacc .thumb {
    position: relative;
    border-radius: 23px;
}

.our-videos .nacc .thumb iframe {
    /* border-radius: 23px; */
    height: 675px;
}

.our-videos .nacc .thumb .overlay-effect {
    background: #060350;
    background: linear-gradient(56deg, rgba(122, 11, 135, 1) 0%, rgba(23, 83, 145, 1) 100%);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    /* border-top-left-radius: 23px;
    border-bottom-right-radius: 23px; */
    padding: 35px 30px;
    text-align: center;
}

.our-videos .nacc .thumb .overlay-effect h4 {
    font-size: 20px;
    margin-top: 5px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.our-videos .nacc .thumb .overlay-effect span {
    font-size: 15px;
    color: #fff;
}

.our-videos .menu .thumb {
    position: relative;
}

.our-videos .menu .thumb .inner-content {
    background: var(--primary);
    background: linear-gradient(56deg, rgba(122, 11, 135, 1) 0%, rgba(23, 83, 145, 1) 100%);
    /* border-top-left-radius: 23px;
    border-bottom-right-radius: 23px; */
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 30px;
    transition: all 0.3s;
}

.our-videos .menu .thumb .inner-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    transition: all 0.3s;
}

.our-videos .menu .thumb .inner-content span {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    display: none;
    transition: all 0.3s;
}

.thumb img {
    width: 100%;
    overflow: hidden;
}

.smart {
    height: 600px;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
}

.accordion-button {
    font-size: 1.2rem;
}

.icono-acordion {
    font-size: 280%;
    padding-right: 30px;
    color: var(--secondary) !important;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
    color: var(--secondary);
    background-color: var(--primary);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--primary);
    background-color: var(--secondary);
}

.nav-pillss .nav-link.active,
.nav-pillss .show>.nav-link {
    color: var(--primary);
    background-color: var(--secondary);
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link:hover,
.nav-link:focus {
    color: #dee2e6;
}

.mod {
    padding-left: 20px;
}

.mod a {
    color: #fff;
}

.apps img {
    border-radius: 5px;
}

@media (max-width: 760px) {
    .img-slider {
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }
}

.tam-ico {
    font-size: 30px;
}

.footer-text ul {
    list-style: none;
}

.contenedor-ini-noticias {
    height: 380px;
}

.titulo-ini-noticias {
    height: 130px;
}

.resumen-ini-noticias {
    height: 160px;
}

.banner-style {
    vertical-align: inherit;
}

.button:active,
.button.is-checked {
    background-color: var(--secondary);
    border: 0;
}

.button.is-checked {
    color: var(--primary);
    border: 0;
}


/* ***************FIN DE CSS AYAR********************* */

.icono-preuni-vent {
    width: 50px;
    text-align: center;
    padding-right: 20px;
}

@media(max-width: 768px) {
    /*  col-sm   = pantalla  de 0 a 768  >  // celulares pequeños y medianos*/
    .icono-preuni-vent {
        width: 25px!important;
        text-align: center;
        padding-right: 5px;
    }
}

.color-primary {
    color: var(--primary);
}

.color-secondary {
    color: var(--secondary);
}

.color-light {
    color: var(--light);
}

.color-dark {
    color: var(--dark);
}

.color-white {
    color: var(--white);
}


/** PARA EL HEADER DE LAS PAGINAS**/

@media (max-width: 760px) {
    .img-slider-nose {
        min-width: 100%;
        min-height: 70vh;
        max-width: 100%;
        max-height: 70vh;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.img-slider-nose {
    -o-object-position: 50% bottom;
    object-position: 50% bottom
}

.bannerWrap {
    height: 60vh;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
}

.bannerWrap h1 {
    font-size: 2rem;
    font-family: 'Montserrat-ExtraBold';
    font-weight: 900!important;
    text-transform: uppercase;
}

.bannerWrap h6 {
    font-size: 1.3rem;
    line-height: 1.5!important;
}

.bannerWrapCaption {
    height: 60vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    width: 25%;
    background: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bannerAngledOne {
    position: absolute;
    top: 0;
    z-index: 11;
    width: 21%;
    left: 10%;
    height: 60vh;
    background: var(--primary);
    transform: skewX(-14deg);
}

.bannerAngledTwo {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 20%;
    left: 17%;
    height: 60vh;
    background: var(--primary);
    transform: skewX(-14deg);
    opacity: .2;
}

@media(max-width: 990px) {
    .bannerWrap {
        height: 50vh;
        margin-bottom: 120px;
    }
    .bannerWrapCaption {
        height: 200px;
        top: unset;
        bottom: -120px;
        width: 100%;
    }
    .bannerAngledOne {
        display: none;
    }
    .bannerAngledTwo {
        display: none;
    }
}

@media(max-width: 576px) {
    .bannerWrap h1 {
        font-size: 1.3rem;
    }
    .bannerWrap h6 {
        font-size: 1rem;
    }
    .bannerWrap {
        height: 20vh;
        margin-bottom: 120px;
    }
    .bannerWrapCaption {
        height: auto;
        top: unset;
        bottom: -80px;
        width: 100%;
        text-align: center;
        padding: 20px 0;
    }
    .smart {
        height: 70vh;
        position: relative;
        background-size: cover !important;
        background-position: center center !important;
    }
}

.listado_ul {
    padding-left: 15px;
}

.listado_ul li {
    margin-left: 20px;
    margin-bottom: 15px;
    padding-left: 15px;
}

.listado_ul li::marker {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: #9EC00C;
}

.listado_ul_2 {
    padding-left: 15px;
}

.listado_ul_2 li {
    margin-left: 20px;
    margin-bottom: 15px;
    padding-left: 15px;
}

.listado_ul_2 li {
    margin-left: 20px;
    margin-bottom: 15px;
    padding-left: 15px;
}

.listado_ul_2 li::marker {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: var(--primary);
}

.img-bienestar {
    background: url(../img/bienestar_estudiantil/bienestar.jpg) center center no-repeat !important;
    width: 100% !important;
    height: 400px;
}

@media(max-width: 652px) {
    .img-bienestar {
        background: url(../img/bienestar_estudiantil/bienestar-mov.jpg) center center no-repeat !important;
    }
}

.contorno-sombra-imagen {
    -webkit-filter: drop-shadow(-2px 2px 15px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(-2px 2px 15px rgba(0, 0, 0, 0.7));
}

.menu-contenedor-icono {
    background-color: #010250;
    border-radius: 10%;
    font-size: 150% !important;
}

.menu-icono-personalizado {
    color: #9EC00C;
    padding-left: 10px;
    /*izquierda*/
    padding-right: 10px;
    /*Derecha */
    margin-top: 2px;
    margin-bottom: 2px;
}


/* Underline From Center */

.menu-efecto-linea {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.menu-efecto-linea:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #9EC00C;
    height: 4px;
    transition-property: left, right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.menu-efecto-linea:hover:before,
.menu-efecto-linea:focus:before,
.menu-efecto-linea:active:before {
    left: 0;
    right: 0;
}

.frase_convocatoria {
    font-style: italic;
    font-weight: bold;
}

.fondo_linea_azul {
    background-color: #010250;
    color: #ffffff;
    font-weight: bold;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}

.fondo_linea_verde {
    background-color: #9EC00C;
    color: #010250;
    font-weight: bold;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}

.fondo_descripcion_convocatoria {
    box-shadow: -8px 8px 12px 1px rgba(0, 0, 0, 0.31);
    padding: 20px;
    background-color: #F4F4F4;
}

.link-noticia {
    color: var(--primary);
}

.link-noticia:hover {
    color: var(--light);
    opacity: 0.9;
    text-shadow: 0px 1px 2px #000000;
}


/**CSS PARA CAMBIAR EL TAMAÑO MEDIANTE PHP*/

.nuevo_tam {
    font-size: 1.2rem;
}

.titulo_noticia {
    font-size: 1.3rem;
}

.estilo_resumen {
    font-size: 15px;
}

@media (max-width: 760px) {
    .img-slider {
        height: 320px !important;
    }
    .sede {
        padding: 0px!important;
    }
}


/*PARA PANTALLAS SUPER GRANDES*/

@media (min-width: 1400px) {
    .cta-wrap {
        height: 550px !important;
    }
    .cta-content p {
        font-size: 1.2rem !important;
    }
    .cta-img-content {
        height: 150px !important;
    }
    .txt_nacional {
        font-size: 20px!important;
    }
    .nuevo_tam {
        font-size: 1.4rem !important;
    }
}


/*PARA DISPOSITIVOS MOVILES <576PX*/

@media (max-width:576px) {
    .bannerWrap {
        margin-bottom: 20% !important;
    }
    .bannerWrap2 {
        margin-bottom: 0% !important;
    }
    .btn-tamano {
        display: inline-block;
        width: 100%!important;
        padding: 20px;
        margin: 10px;
        max-width: 77%;
    }
    .txt-bann {
        font-size: 15px;
    }
    .mobile {
        display: none !important;
        font-size: 13px !important;
    }
    .m_ref {
        font-size: 75% !important;
    }
    .back-to-top {
        position: fixed;
        display: none;
        right: 30px !important;
        bottom: 54px;
        z-index: 99;
    }
    .mision {
        padding: 20px !important;
    }
    .transparencia-mision {
        background: linear-gradient(270deg, rgba(1, 2, 80, 1) 30%, rgba(255, 255, 255, .3) 100%), url(../img/nosotros/mision.jpg) center center no-repeat;
        background-size: cover;
        padding-top: 100px;
        padding-bottom: 150px;
        height: 400px;
    }
    .transparencia-vision {
        background: linear-gradient(90deg, rgba(1, 2, 80, 1) 30%, rgba(255, 255, 255, .3) 100%), url(../img/nosotros/vision.jpg) center center no-repeat;
        background-size: cover;
        padding-top: 100px;
        padding-bottom: 150px;
        height: 400px;
    }
    .vision {
        padding: 20px !important;
    }
    .display-5 {
        font-size: 25px;
    }
    .icono-acordion {
        font-size: 180%;
        padding-right: 30px;
        color: var(--secondary) !important;
    }
    .listado_ul {
        padding-left: 10px;
    }
    .listado_ul li {
        margin-left: 15px;
        margin-bottom: 10px;
        padding-left: 10px;
    }
    .listado_ul li::marker {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00c";
        color: #9EC00C;
    }
    .listado_ul_2 {
        padding-left: 10px;
    }
    .listado_ul_2 li {
        margin-left: 15px;
        margin-bottom: 10px;
        padding-left: 10px;
    }
    .listado_ul_2 li {
        margin-left: 15px;
        margin-bottom: 10px;
        padding-left: 10px;
    }
    .listado_ul_2 li::marker {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00c";
        color: var(--primary);
    }
}


/*=======================NOSOTROS CSS==============*/


/* estilos para slider sobre puesto  */

.bg-appointment-nosotros {
    background: linear-gradient(rgba(102, 111, 126, 0.267), rgba(60, 86, 133, 0.267)), url(../img/nosotros/nosotros-unandes.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 150px;
    background-position: center center !important;
}

.mwPageBlock {
    position: relative;
    margin: 0px !important;
    padding: 0px !important;
    padding-bottom: 50px;
    box-sizing: content-box;
}


/* .blockContents {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100px;
    font-family: inherit;
    vertical-align: baseline;
    margin-top: 0%;
    padding-bottom: 0%;
} */


/********************************* *********************************IMAGEN RECTOR **************************************************/

.img-rector {
    width: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
    border: 5px solid #273369;
    border-radius: 5%;
    box-shadow: 11px 10px 23px -4px rgba(0, 0, 0, 0.75);
}

@media(max-width: 768px) {
    /*  col-sm   = pantalla  de 0 a 768  >  // celulares pequeños y medianos*/
    .img-rector {
        width: 100%;
    }
}

@media (min-width:769PX) and (max-width: 980px) {
    /* col-md   = pantalla de 768 a  980  // tablets*/
    .img-rector {
        width: 100%;
    }
}

@media only screen and (min-width: 980px) {
    /* col-lg   y col-xl   = pantalla de 980 para adelante  // monitores medianos y grandes*/
    .img-rector {
        width: 313px;
        height: 322px;
    }
}


/********************************* *********************************PARA SLIDER IMAGEN DE FONDO**************************************************/

@media(max-width: 768px) {
    /*  col-sm   = pantalla  de 0 a 768  >  // celulares pequeños y medianos*/
    .img-slider-background-nosotros {
        background: url('../img/nosotros/nosotros-movil.jpg') no-repeat !important;
    }
}

@media (min-width:769PX) and (max-width: 980px) {
    /* col-md   = pantalla de 768 a  980  // tablets*/
    .img-slider-background-nosotros {
        background: url('../img/nosotros/nosotros-tablet.jpg') no-repeat;
    }
}

@media only screen and (min-width: 980px) {
    /* col-lg   y col-xl   = pantalla de 980 para adelante  // monitores medianos y grandes*/
    .img-slider-background-nosotros {
        background: url('../img/nosotros/nosotros.jpg') no-repeat;
    }
}


/* ================================ */

.color-white {
    color: #FFFFFF !important;
}

.centrar-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.justify {
    text-align: justify;
    padding-top: 3px;
}

.contenedor-de-iconos {
    margin-top: 100px;
    margin-bottom: 100px;
}

.contenedor-icono {
    /* border: red 1px solid; */
    background: rgba(1, 10, 24, 0.500);
    padding-top: 20px;
    padding-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
}

.icono-nosotros {
    color: #8cbe03;
    font-size: 60px;
    padding-right: 15px;
}


/* .contenedor-alianzas {
    margin-top: 100px;
    margin-bottom: 100px;
} */

.tamaño-img-alianzas {
    height: 100%;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
}

.titulo-alianzas {
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
}

.text-alianzas {
    text-align: center;
    font-weight: 400;
}


/* ==================================== */

.texto-mensaje {
    padding: 3% 5% 6% 25%;
    /* text-align: justify; */
    font-size: 20px;
    font-weight: 600;
}

.mision {
    padding: 6% 10% 0% 60%;
    /* font-size: 20px; */
}

.vision {
    padding: 6% 60% 0% 6%;
    /* text-align: justify; */
    /* font-size: 20px; */
}

.transparencia-rector {
    background: linear-gradient(90deg, rgba(1, 2, 80, 1) 5%, rgba(255, 255, 255, .3) 40%), url(../img/nosotros/rector.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 150px;
}

.texto-mensaje {
    background: linear-gradient(90deg, rgba(1, 2, 80, 1) 5%, rgba(255, 255, 255, .3) 35%);
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 150px;
}

.transparencia-mision {
    background: linear-gradient(270deg, rgba(1, 2, 80, 1) 30%, rgba(255, 255, 255, .3) 100%), url(../img/portada/portada.GIF) center center no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-bottom: 10px;
}

.transparencia-vision {
    background: linear-gradient(90deg, rgba(1, 2, 80, 1) 30%, rgba(255, 255, 255, .3) 100%), url(../img/nosotros/vision.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 150px;
}

@media only screen and (max-width: 980px) {
    /* col-lg   y col-xl   = pantalla de 980 para adelante  // monitores medianos y grandes*/
    /* @media only screen and (max-width: 700px) { */
    .texto-mensaje {
        padding: 2% 8% 8% 8%;
        /* text-align: justify; */
        font-size: 15px;
        font-weight: 600;
    }
    /* .mision {
        padding: 8% 8% 8% 8%;
        text-align: justify;
        color: #FFFFFF;
    } */
    .vision {
        padding: 8% 8% 8% 8%;
        text-align: justify;
    }
}

@media (min-width:769PX) and (max-width: 980px) {
    /* col-lg   y col-xl   = pantalla de 980 para adelante  // monitores medianos y grandes*/
    /* @media only screen and (max-width: 700px) { */
    .texto-mensaje {
        padding: 2% 8% 8% 8%;
        /* text-align: justify; */
        font-size: 18px;
        font-weight: 600;
    }
}


/********** Template CSS de la principal despues  se elimina esta seccion**********/

section.apply-now {
    /* background-image: url(../images/alianzas/alianzas-internacionales2.jpg); */
    background: linear-gradient(61deg, rgb(193, 201, 204) 32%, #ffffff 71%);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 90px 0px; */
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote:after {
    color: #ccc;
    content: close-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-left: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
    font-style: oblique;
}


/*==============================================INICIO CSS============================================================*/


/** PARA EL SLIDER  DE VIDEO*/

.main-banner {
    position: relative;
    overflow: hidden;
    margin-bottom: -7px;
}

.video-overlay {
    position: absolute;
    background-color: rgba(31, 39, 43, 0.17);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

.video-overlay:hover {
    background-color: rgba(31, 39, 43, 0.47);
}

.main-banner .caption {
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    /* transform: translateY(-50%); */
    color: #FFFFFF;
}

.main-banner h2 {
    color: #FFFFFF;
    font-size: 3rem;
    padding: 15px;
}

.main-banner h6 {
    color: #FFFFFF;
    font-size: 1.5rem;
    font-family: "Montserrat";
    padding: 15px;
}

.main-banner p {
    color: #FFFFFF;
    font-size: 1.5rem;
}

.main-banner a {
    letter-spacing: 2px;
}


/**PARA BANNER DESPUES DEL VIDEO*/

.cta-wrap {
    position: relative;
    z-index: 90;
    background-color: #9EC00C;
}

.cta-wrap * {
    position: relative;
    z-index: 50
}

@media(min-width: 800px) {
    .cta-wrap {
        height: 500px
    }
}

@media(min-width: 800px) {
    body.ie .cta-wrap {
        padding-bottom: 3em
    }
}

.cta-content,
.cta-backgrounds {
    overflow: visible;
    height: 100%
}

@media(min-width: 800px) {
    .cta-content,
    .cta-backgrounds {
        display: flex;
        flex-wrap: nowrap;
        height: 100%
    }
}

.cta-section {
    height: 500px;
    box-sizing: border-box;
    padding: 2em 1.5em 0;
    transition: 1.2s transform ease-out
}

@media(max-width: 800px) {
    .cta1 {
        transform-origin: 100% 0
    }
    .cta2 {
        transform-origin: -100% 0
    }
    .cta3 {
        transform-origin: 300% 0
    }
    .cta4 {
        transform-origin: -300% 0
    }
    .cta2,
    .cta4 {
        transform: skewY(-5deg)
    }
    .cta1,
    .cta3 {
        transform: skewY(5deg)
    }
}

.cta-backgrounds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cta-backgrounds .cta-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.cta-backgrounds .cta-section:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: 1.5s opacity
}

.cta-backgrounds .cta-section.js-active:after {
    opacity: .8
}

.cta-backgrounds .cta1:after {
    background-color: var(--dark)
}

.cta-backgrounds .cta2:after {
    background-color: var(--secondary)
}

.cta-backgrounds .cta3:after {
    background-color: var(--primary)
}

.cta-backgrounds .cta4:after {
    background-color: var(--secondary)
}

@media(min-width: 800px) {
    .cta-backgrounds .cta1 {
        transform-origin: 300% 0
    }
    .cta-backgrounds .cta2 {
        transform-origin: 200% 0
    }
    .cta-backgrounds .cta3 {
        transform-origin: 100% 0
    }
    .cta-backgrounds .cta4 {
        transform-origin: 0 0
    }
    .cta-backgrounds .cta1.skewed,
    .cta-backgrounds .cta2.skewed,
    .cta-backgrounds .cta3.skewed {
        transform: skewY(4deg)
    }
    .cta-backgrounds .cta1.skewed *,
    .cta-backgrounds .cta2.skewed *,
    .cta-backgrounds .cta3.skewed * {
        transform: skewY(-4deg)
    }
    .cta-backgrounds .cta4.skewed {
        transform: skewY(-7deg)
    }
    .cta-backgrounds .cta4.skewed * {
        transform: skewY(12deg)
    }
}

@media(min-width: 800px) {
    .cta-backgrounds {
        height: 100%;
        background: #595959
    }
    .cta-backgrounds:after {
        display: block;
        content: "";
        background: #000459;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5.5vw;
        z-index: 95
    }
}

@media (min-width:992PX) and (max-width: 1100px) {
    .cambiar-tamaño-letra {
        font-size: 15px !important;
    }
}

@media (min-width:1101PX) and (max-width: 1200px) {
    .cambiar-tamaño-letra {
        font-size: 18px !important;
    }
}

@media (min-width:1201PX) and (max-width: 1400px) {
    .cambiar-tamaño-letra {
        font-size: 20px !important;
    }
}

@media (min-width:1401PX) and (max-width: 1500px) {
    .cambiar-tamaño-letra {
        font-size: 23px !important;
    }
}

@media (min-width:1500PX) and (max-width: 1900px) {
    .cambiar-tamaño-letra {
        font-size: 23px !important;
    }
}

.cta-content {
    font-size: 1.3rem
}

.cta-content .cta-section {
    text-align: center;
    color: #fff
}

.cta-section-icon_mod {
    display: block;
    margin: 0 auto 1em;
    width: 160px;
    max-width: 130px;
    height: auto;
}

.cta-content .cta-section-icon {
    display: block;
    margin: 0 auto 1em;
    max-width: 75px;
    height: auto;
}

.cta-content h2 {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-family: 'Montserrat-Bold';
    margin-bottom: 0em;
    /* white-space: pre */
}

.cta-content p {
    border-top: 1px solid rgba(255, 255, 255, .5);
    margin-top: 1em;
    margin-bottom: 2em;
    padding-top: 1em;
    font-size: .9em;
    font-weight: 200;
    line-height: 1.4em;
    text-align: left
}

.cta-content .cta1 a.cta-button {
    color: var(--dark)
}

.cta-content .cta2 a.cta-button {
    color: var(--secondary)
}

.cta-content .cta3 a.cta-button {
    color: var(--primary)
}

.cta-content .cta4 a.cta-button {
    color: var(--light)
}

.cta-content a.cta-button:hover {
    color: #2e0505
}

@media(max-width: 800px) {
    .cta-content p {
        height: auto
    }
    .cta-content .cta2,
    .cta-content .cta4 {
        transform: skewY(-5deg)
    }
    .cta-content .cta2 .cta-content-inner,
    .cta-content .cta4 .cta-content-inner {
        position: relative;
        z-index: 50;
        transform: skewY(5deg)
    }
    .cta-content .cta1,
    .cta-content .cta3 {
        transform: skewY(5deg)
    }
    .cta-content .cta1 .cta-content-inner,
    .cta-content .cta3 .cta-content-inner {
        position: relative;
        z-index: 50;
        transform: skewY(-5deg)
    }
}

@media(min-width: 800px) {
    .cta-content {
        font-size: 1.1rem
    }
    .cta-section.animater .cta-content-inner {
        opacity: 0;
        transform: translateY(20px);
        transition: .3s
    }
    .cta-section.animater.js-active .cta-content-inner {
        opacity: 1;
        transform: translateY(0)
    }
}

@media(min-width: 1200px) {
    .cta-content {
        font-size: 1.2rem
    }
}

@media(min-width: 800px) {
    .cta-content p {
        height: 10.5em
    }
}

@media(min-width: 950px) {
    .cta-content p {
        height: 9em
    }
}

@media(min-width: 1024px) {
    .cta-content p {
        height: 8em
    }
}

@media(min-width: 1300px) {
    .cta-content p {
        height: 7em
    }
}

@media(min-width: 1400px) {
    .cta-content p {
        height: 6.5em
    }
}

@media(min-width: 800px) {
    .cta-section {
        width: 25%;
        padding: 1em;
        box-sizing: border-box;
        height: auto
    }
    .cta-content h2 {
        font-size: 1.2rem;
    }
}

@media(min-width: 1441px) {
    .cta-section {
        width: 25%;
        padding: 1em 1.5em;
        box-sizing: border-box;
        height: auto
    }
    .cta-content h2 {
        font-size: 1.9rem;
    }
}


/** PRA NOTICIAS*/

@media (min-width: 1200px) {
    .estilo_resumen {
        font-size: 14px !important;
    }
}

@media (max-width: 750px) {
    .icono-noticias-inicio {
        padding-top: 10px;
        font-weight: 900;
        font-size: 110% !important;
    }
}

.p_sede {
    font-size: 15px;
    font-weight: 900;
}

.bg-noticias {
    background: #E9ECEF;
}

.bg-azul {
    background: #05104e;
}

.bg-verde {
    background: #e4791b;
}

.bg-azul h4 {
    color: #fff;
}


/**PARA EL SUBFOOTER DE INICIO*/

.btn_footer {
    width: 20%;
    padding: 15px;
    margin: 10px;
}

.btn_footer.btn-secondary:hover {
    color: #FFF;
}

@media (max-width: 1440px) {
    .main-banner h2 {
        font-size: 2.5rem;
        padding: 0;
    }
    .main-banner h6 {
        font-size: 1.4rem;
        padding: 0;
    }
    .main-banner p {
        font-size: 1.4rem;
    }
}

@media (max-width: 1280px) {
    .main-banner h2 {
        font-size: 1.8rem;
    }
    .main-banner h6 {
        font-size: 1.3rem;
    }
    .main-banner p {
        font-size: 1.3rem;
    }
}

@media (max-width: 990px) {
    .video-overlay {
        background-color: rgba(31, 39, 43, 0.47);
    }
}

@media (max-width: 768px) {
    .main-banner .caption {
        position: absolute;
        top: unset;
        bottom: 15%;
        left: 0;
        right: 0;
        transition: .3s;
    }
}

@media (max-width: 576px) {
    .main-banner .caption {
        bottom: 10%;
    }
    .main-banner h6 {
        font-size: 1rem;
    }
    .main-banner h2 {
        font-size: 1.5rem;
        margin: 10px 15px;
    }
    .main-banner p {
        font-size: 1rem;
    }
    .sub_footer h2 {
        margin: 0 15px;
    }
    .btn_footer {
        display: block;
        width: 90%;
        margin: 20px auto;
    }
    .bg-video {
        min-width: 100%;
        min-height: 70vh;
        max-width: 100%;
        max-height: 70vh;
        -o-object-fit: cover;
        object-fit: cover;
    }
}


/* ********************************** boton parpadeante********************************** */

.text-parpadeante-verde {
    font-size: 15px;
    font-weight: bold;
    color: #9EC00C!important;
}

.text-parpadeante-azul {
    font-size: 15px;
    font-weight: bold;
    color: #000459!important;
}

.parpadea {
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}


/**PARA EVENTOS */

.texto_dia_evento {
    font-weight: bold;
}

.dia_evento {
    background-color: var(--secondary);
    color: var(--primary);
    padding: 10px 20px;
    font-family: 'Montserrat-ExtraBold';
    font-size: 3rem;
    font-weight: bold;
    display: inline-block;
    margin: 5px;
    line-height: 1.3em;
}

.mes_evento {
    font-weight: bold;
}

.new_date {
    font-weight: bold;
}

.dividir {
    border-top: 2px solid #d5d5d5;
    margin-top: 15px;
    padding-top: 15px;
}

@media (max-width: 576px) {
    .dia_evento {
        font-size: 2rem;
        padding: 10px;
    }
}


/** PARA GALERIA DE IMAGENES **/

.collage_body {
    position: relative;
}

.collage_items {
    padding: 0 10px;
}

.collage_items:after {
    clear: both;
    content: "";
    display: table;
}

@media screen and (min-width: 980px) {
    .collage_items {
        padding: 0 24px;
    }
}

.collage_item {
    position: relative;
    float: left;
    overflow: hidden;
}

@media screen and (min-width: 980px) {
    .collage_item:before {
        font-family: 'Merriweather', serif;
        font-weight: 400;
        height: calc(100% - 40px);
        width: calc(100% - 40px);
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 2;
        align-items: center;
        color: #000;
        content: attr(data-caption);
        display: flex;
        font-size: 14px;
        line-height: 1.78571;
        opacity: 0;
        padding: 20px;
        transition: opacity .25s;
    }
}

@media screen and (min-width: 1220px) {
    .collage_item:before {
        padding: 20px 40px;
    }
}

@media screen and (min-width: 980px) {
    .collage_item:focus:before,
    .collage_item:hover:before {
        opacity: 1;
    }
}

.collage_item[data-caption=""] {
    cursor: default;
}

.collage_item[data-caption=""]:before {
    display: none;
}

.collage_item:nth-child(1),
.collage_item:nth-child(2) {
    width: 33.33%;
    padding-bottom: 33.33%;
}

@media screen and (min-width: 740px) {
    .collage_item:nth-child(1),
    .collage_item:nth-child(2) {
        width: 25%;
        padding-bottom: 25%;
    }
}

.collage_item:nth-child(3) {
    width: 33.33%;
    padding-bottom: 33.33%;
}

.collage_item:nth-child(n+4) {
    width: 33.33%;
    padding-bottom: 33.33%;
}

@media screen and (min-width: 740px) {
    .collage_item:nth-child(3) {
        width: 25%;
        padding-bottom: 25%;
    }
    .collage_item:nth-child(n+4) {
        width: 25%;
        padding-bottom: 25%;
    }
}

.collage_item:nth-child(1) {
    background: #000459;
}

.collage_item:nth-child(2) {
    background: #000572;
}

.collage_item:nth-child(3) {
    background: #0a0c40;
}

.collage_item:nth-child(4) {
    background: #000572;
}

.collage_item:nth-child(5) {
    background: #00079a;
}

.collage_item:nth-child(6) {
    background: #010662;
}

.collage_item:nth-child(7) {
    background: #000148;
}

.collage_item:nth-child(8) {
    background: #0a0c40;
}

.collage_item:nth-child(9) {
    background: #04062e;
}

.collage_item:nth-child(10) {
    background: #010326;
}

.collage_item:nth-child(11) {
    background: #000122;
}

.collage_item_image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /* opacity: 0; */
    transform: scale(1);
    transition: opacity .5s, transform .5s;
}

.set-0 .collage_item_image.loaded.set-0 {
    opacity: 1;
    transform: scale(1);
}

.set-1 .collage_item_image.loaded.set-1 {
    opacity: 1;
    transform: scale(1);
}

.set-2 .collage_item_image.loaded.set-2 {
    opacity: 1;
    transform: scale(1);
}

.set-3 .collage_item_image.loaded.set-3 {
    opacity: 1;
    transform: scale(1);
}

.set-4 .collage_item_image.loaded.set-4 {
    opacity: 1;
    transform: scale(1);
}

.set-5 .collage_item_image.loaded.set-5 {
    opacity: 1;
    transform: scale(1);
}

.collage_item:nth-child(1) .collage_item_image {
    transition-delay: 0.025s;
}

.collage_item:nth-child(2) .collage_item_image {
    transition-delay: 0.05s;
}

.collage_item:nth-child(3) .collage_item_image {
    transition-delay: 0.075s;
}

.collage_item:nth-child(4) .collage_item_image {
    transition-delay: 0.1s;
}

.collage_item:nth-child(5) .collage_item_image {
    transition-delay: 0.125s;
}

.collage_item:nth-child(6) .collage_item_image {
    transition-delay: 0.15s;
}

.collage_item:nth-child(7) .collage_item_image {
    transition-delay: 0.175s;
}

.collage_item:nth-child(8) .collage_item_image {
    transition-delay: 0.2s;
}

.collage_item:nth-child(9) .collage_item_image {
    transition-delay: 0.225s;
}

.collage_item:nth-child(10) .collage_item_image {
    transition-delay: 0.25s;
}

.collage_item:nth-child(11) .collage_item_image {
    transition-delay: 0.275s;
}

.loader-ellips {
    font-size: 20px;
    /* change size here */
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #555;
    /* change color here */
    position: absolute;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@-webkit-keyframes reveal {
    from {
        transform: scale(0.001);
    }
    to {
        transform: scale(1);
    }
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }
    to {
        transform: scale(1);
    }
}

@-webkit-keyframes slide {
    to {
        transform: translateX(1.5em)
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em)
    }
}

.loader-ellips__dot:nth-child(1) {
    -webkit-animation-name: reveal;
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    -webkit-animation-name: slide;
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    -webkit-animation-name: reveal;
    animation-name: reveal;
    animation-direction: reverse;
}

.cta-img-content {
    height: 130px;
}

.cta-txt-content {
    height: 170px;
}

.img-vid {
    padding-right: 30px;
}

.vida-list li::marker {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    color: #9EC017;
}

.vida-list li {
    padding-left: 15px;
}

.nav-link:hover,
.nav-link:focus {
    color: var(--secondary);
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: var(--primary);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--primary);
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-bottom: 2px solid #0D0B47;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #FFFFFF #FFFFFF #FFFFFF;
    isolation: isolate;
    border-bottom: 2px solid #0D0B47;
}

.cambiar-tam {
    font-size: 1rem;
}


/* ================================================ */


/* ================================================ */


/* ================================================ */

.bordear {
    border: red solid 1px;
}

.efecto_ {
    transition: transform 0.3s ease-in-out;
}

.efecto_:hover {
    transform: scale(1.1);
}


/*   IMAGEN EXAGONAL   */

.con_img_center {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    /* Asegura que la sombra no se recorte */
    -webkit-filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.4));
    /* Aplica la sombra */
}


/* Imagen hexagonal */

.imagen-hexagonal {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}


/*   IMAGEN EXAGONAL   */


/*     SECCION TEXTO PRINCIPAL  */

.ima_inv {
    border-radius: 50% !important;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4) !important;
    min-height: 200px;
    max-height: 450px;
}


/*  SECCION VIDEO DE INVESTIGACION   */

.transparencia-fondo-video {
    background: linear-gradient(230deg, rgba(121, 173, 0) 20%, rgba(255, 255, 255, .3) 100%), url(../img/portada/fondo-video.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 5px;
    padding-bottom: 5px;
}


/*  SECCION REVISTAS PUBLICADAS   */

.contenedor_revistas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around !important;
}

.revistas {
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4) !important;
}

.efecto_ {
    transition: transform 0.3s ease-in-out;
}

.efecto_:hover {
    transform: scale(1.1);
}

.video-container video {
    width: 70%;
    height: auto;
    border-radius: 10px;
    /* Bordes redondeados opcionales */
}

blockquote {
    text-align: justify;
    font-size: 1.1rem;
    padding: 20px;
}

.borde_luis {
    border: red solid 1px;
}

.contenedor_revistas {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slider-track {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-animation: scrollSlider 20s linear infinite;
    animation: scrollSlider 20s linear infinite;
}

.slider-track img {
    margin-right: 20px;
    width: 300px;
    height: auto;
    flex-shrink: 0;
}

@-webkit-keyframes scrollSlider {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes scrollSlider {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.con_cont_pub {
    border: #FFFFFFFF solid 5px !important;
}

.con_rev {
    background-color: #DDDDDD !important;
}

.con_rev_ani {
    background-color: #DDDDDD !important;
    padding: 30px !important;
}

.con_tar {
    background: rgb(1, 2, 80);
}

.con_tar_dat {
    background-color: #DDDDDD !important;
}

.imagen_revistas {
    display: flex;
    /* Necesario para usar justify-content */
    justify-content: center;
    /* Centra horizontalmente */
    align-items: center;
    /* (Opcional) Centra verticalmente */
    padding: 10px;
}

hr {
    height: 10px !important;
    /* Grosor de la línea */
    background-color: rgb(246, 246, 255);
    /* Color de fondo */
    width: 100%;
    /* Ancho personalizable */
    border-radius: 5px;
    /* Bordes redondeados opcionales */
}

.subrayado {
    text-decoration: underline;
    -webkit-text-decoration-color: #9EC00C;
    text-decoration-color: #9EC00C;
    /* Color del subrayado */
    text-underline-offset: 4px;
    /* Separación del texto */
    color: inherit;
    /* Usa el color del texto actual */
}

.carousel-inner img {
    height: 60vh;
    /* object-fit: cover; */
}

.carousel-caption {
    font-size: 40px;
    top: 60%;
    transform: translateY(-50%);
    bottom: auto;
    /* Evita que se mantenga en la parte inferior */
}

.con_foto_inv {
    background-color: rgb(241, 241, 241) !important;
    border-radius: 10px;
    /* margin: 1px; */
    padding: 20px;
}

.foto_inv {
    max-width: 200px;
    /* Máximo ancho */
    max-height: 200px;
    /* Máximo alto */
    border-radius: 100%;
    border: #010250 solid 5px;
}

.carousel-inner img {
    height: 60vh;
    /* object-fit: cover; */
}

.carousel-caption {
    font-size: 40px;
    top: 60%;
    transform: translateY(-50%);
    bottom: auto;
    /* Evita que se mantenga en la parte inferior */
}