@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");

#header .botones-cont .botones, .lista-cuadros, .info-set, .info-set .overlay, #footer, .detalle-investigacion .links ul li a, #infoExtraCarrera {
    *zoom: 1;
}

    #header .botones-cont .botones:before, .lista-cuadros:before, .info-set:before, .info-set .overlay:before, #footer:before, .detalle-investigacion .links ul li a:before, #infoExtraCarrera:before, #header .botones-cont .botones:after, .lista-cuadros:after, .info-set:after, .info-set .overlay:after, #footer:after, .detalle-investigacion .links ul li a:after, #infoExtraCarrera:after {
        content: " ";
        display: table;
    }

    #header .botones-cont .botones:after, .lista-cuadros:after, .info-set:after, .info-set .overlay:after, #footer:after, .detalle-investigacion .links ul li a:after, #infoExtraCarrera:after {
        clear: both;
    }

/* .container-with-floated-children {
 	@extend %clearfix;
} */
/*
input,  
textarea {  
    @include input-placeholder {
        color: $grey;
    }
}
*/
/*@mixin scale($args) {
    -ms-transform: scale($args);
    -webkit-transform: scale($args);
    transform: scale($args);
}*/
/* EJEMPLO:
.sidebar {
	width: 60%;
	float: left;
	margin: 0 2% 0 0;
	@include bp-small {
		width: 100%;
		float: none;
		margin: 0;
	}
}
*/
/*
@include keyframes(slide-down) {
	0% { opacity: 1; }
	90% { opacity: 0; }
}
.element {
	width: 100px;
	height: 100px;
	background: black;
	@include animation('slide-down 5s 3');
}
*/
/* EJEMPLO:
a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
}
transition: <property> || <duration> || <timing-function> || <delay> [, ...];

Note that the duration must come before the delay if the latter is specified. Individual transitions combined in shorthand declarations:

-webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
-moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
-ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
-o-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
*/
html {
    font-size: 16px;
    line-height: 25px;
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    color: #444;
}

body {
    background-color: #ffffff;
    font: inherit;
    overflow-x: hidden !important;
    margin: 0 !important;
    color: #444;
    color: #000000;
}

a {
    outline: none;
    color: #000;
}

    a:hover {
        opacity: 1;
        color: #000;
    }

.m {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
}

h1, h2, h3, h4 {
    font-size: 1rem;
    line-height: 1rem;
    margin: 0;
    margin-bottom: 1rem;
}

#sidemenu_btn {
    display: none;
    position: fixed;
    right: 40px;
    top: 21px;
    width: 24px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -ms-transform: translate(44px, 0);
    -webkit-transform: translate(44px, 0);
    transform: translate(44px, 0);
    opacity: 0;
    transition-delay: 0.2s;
}

    #sidemenu_btn span {
        background-color: #0373D3;
        border-radius: 50px;
    }

    #sidemenu_btn.open span {
        background-color: #fff;
    }

    #sidemenu_btn.right {
        right: 40px;
    }

    #sidemenu_btn.in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

#sidemenu.right {
    width: 400px;
    right: -400px;
}

    #sidemenu.right #sidemenu_panel {
        width: 400px;
        background-color: #0373D3;
        padding-left: 30px;
    }

        #sidemenu.right #sidemenu_panel ul li {
            margin-bottom: 15px;
        }

            #sidemenu.right #sidemenu_panel ul li a {
                text-decoration: none;
                color: #fff;
                font-size: 1.5rem;
                padding: 10px 0 5px;
            }

                #sidemenu.right #sidemenu_panel ul li a.afx::after {
                    background-color: #fff;
                }

            #sidemenu.right #sidemenu_panel ul li.redes-li {
                display: none;
            }

#loading {
    background-color: #2699FB;
    color: #fff;
}

    #loading .cont .loader img.logo {
        opacity: 1;
        margin-bottom: 30px;
        width: 74px;
    }

    #loading .sk-wave .sk-rect {
        background-color: #fff;
    }

    #loading.ajax {
        z-index: 99;
    }

.btn-pi {
    font-weight: bold;
    width: 236px;
    height: 50px;
    /* Orange */

    background: #F2994A;
    border-radius: 60px;
    border: 0px solid;
}

.btn-expoU {
    font-weight: bold;
    width: 236px;
    height: 50px;
    /* Orange */

    background: #F2994A;
    border-radius: 60px;
    border: 0px solid;
    font-size: 27px;
    color: #f2f9ff;
    width: 282px;
    height: 47px;
    font-family: cervo;
}

.cecUH-lista-perfiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 800px; /* Ajusta el ancho máximo según tu preferencia */
    margin: 0 auto; /* Centra la lista en la página */
}

.cecUH-perfil {
    text-align: center;
    margin: 10px;
    max-width: 200px;
    flex-basis: calc(25% - 20px); /* 25% de ancho menos el margen */
    box-sizing: border-box; /* Incluye el margen en el cálculo del ancho */
}

    .cecUH-perfil img {
        border-radius: 50%;
        width: 100%;
        max-width: 150px;
        height: auto;
    }

.cecUH-nombre {
    font-weight: bold;
    margin-top: 5px;
}

.cecUH-cargo {
    font-size: 0.8em;
}

.cecUH-contGris {
    width: 100%; /* Establece el ancho del contenedor al 33% del tamaño del contenedor padre */
    margin: 0 auto; /* Centra el contenedor en la pantalla */
    background-color: #F2F2F2; /* Establece el fondo gris */
    border-radius: 10px; /* Hace que los bordes sean redondeados */
    padding: 20px; /* Añade un poco de espacio entre el contenido y los bordes */
    text-align: left;
    margin-bottom: 20px;
}

.cecUH-contGris-flex {
    display: flex;
    padding: 0px;
}

.cecUH-Titulo {
    font-size: 20px;
    color: #2F9CF8;
    font-weight: bold;
}

.cecUH-file {
    overflow: hidden;
    padding-bottom: 15px;
    display: flex; /* Utiliza flexbox para alinear verticalmente */
    align-items: center; /* Centra verticalmente los elementos dentro del contenedor */
    max-width: 813px
}

.cecUH-boton-celeste-download {
    padding: 5px 10px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    display: inline-block;
    font-size: 13px;
    width: 120px;
    background: var(--Blue-1, #2F80ED);
}

.cecUH-boton-blanco-download {
    padding: 5px 10px;
    background-color: white;
    color: #000000;
    text-decoration: none;
    border-radius: 6px;
    display: inline-block;
    font-size: 13px;
    border: 1px solid var(--neutral-200, #E5E5E5);
    white-space: nowrap;
}

.cecUH-boton-blanco-downloadAll {
    padding: 5px 10px;
    background-color: #EEF2FF;
    color: #6366F1;
    text-decoration: none;
    border-radius: 6px;
    display: inline-block;
    font-size: 13px;
}

.cecUH-boton-blanco {
    padding: 10px 20px;
    background-color: white;
    color: #000000;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
}

.cecUH-imagen-fondo {
    background-position: center; /* Centra la imagen vertical y horizontalmente */
    background-repeat: no-repeat; /* Evita la repetición de la imagen */
    width: 100%; /* Ajusta el ancho del contenedor al 100% del viewport */
    height: 122px; /* Establece el límite máximo para la altura */
    max-width: 812px;
    border-top-left-radius: 10px; /* Redondea la esquina superior izquierda */
    border-top-right-radius: 10px; /* Redondea la esquina superior derecha */
}


/* Media Query para pantallas más pequeñas */
@media (max-width: 600px) {
    .cecUH-perfil {
        flex-basis: calc(50% - 20px); /* 50% de ancho menos el margen */
    }
    .cecUH-contGris-flex {
        display: block;
    }

    .cecUH-boton-blanco-download {
        font-size: 0; /* Hacer el texto invisible en dispositivos móviles */
    }

}

/* Media Query para pantallas aún más pequeñas */
@media (max-width: 400px) {
    .cecUH-perfil {
        flex-basis: 100%; /* El perfil ocupará el 100% del ancho disponible */
    }

    .cecUH-contGris-flex {
        display: block;
    }

    .cecUH-boton-blanco-download {
        font-size: 0; /* Hacer el texto invisible en dispositivos móviles */
    }

}

.btn, .btn:visited {
    position: relative;
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: transparent;
    border: 3px solid #2699FB;
    color: #2699FB;
    padding: 0.7rem 1rem;
    display: inline-block;
    text-decoration: none !important;
    font-weight: bold;
}

    .btn i.fa, .btn:visited i.fa {
        position: relative;
        top: -1px;
        margin-left: 10px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .btn:hover i.fa {
        -ms-transform: translate(6px, 0);
        -webkit-transform: translate(6px, 0);
        transform: translate(6px, 0);
    }

    .btn.btn-lleno.celeste {
        border: 0;
        color: #fff;
        background: #2699FB;
    }

    .btn.celeste {
        border-color: #2699FB;
        color: #2699FB;
    }

    .btn.celeste2 {
        background-color: #2699FB;
        border: 4px solid #fff;
        color: #fff;
    }

    .btn.cyan {
        border-color: #08D9FF;
        color: #08D9FF;
    }

    .btn.blanco {
        border-color: #fff;
        color: #fff;
    }

    .btn.negro {
        border-color: #000000;
        color: #000000;
    }

    .btn.rojo {
        border-color: #d32027;
        color: #d32027;
    }

    .btn.small {
        padding: 0.2rem 0.6rem;
        font-size: 0.9rem;
    }

hr {
    display: block;
    margin: 0 auto;
    width: 100%;
    border: 0;
    height: 1px;
    background-color: #f2f2f2;
}

.btn-cont {
    padding: 30px 0;
}

.btn-cont-pi {
    padding: 15px 0;
}

.sec {
    padding: 100px 0 80px;
    margin: 15px 0;
}

    .sec.pad-0 {
        padding: 0;
    }

.italic {
    font-style: italic;
}

.txt1 {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.txt2 {
    font-size: 1.1rem;
    line-height: 1.4rem;
}

.tit1 {
    font-size: 3rem;
    line-height: 3.1rem;
    font-weight: bold;
}

.tit2 {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.tit-huge {
    font-size: 5rem;
    line-height: 5rem;
}

.rojo {
    color: #d32027;
}

.celeste {
    color: #2699FB;
}

.cyan {
    color: #08D9FF;
}

.azul {
    color: #0373D3;
}

.gris {
    color: #5f5f5f;
}

.bg-celeste {
    background-color: #2699FB !important;
}

.bg-cyan {
    background-color: #08D9FF !important;
}

.bg-blanco {
    background-color: #fff;
}

.bg-gris {
    background-color: #5f5f5f !important;
}

p {
    margin-bottom: 1.5em;
}

.pager {
    display: block;
    width: 100%;
    text-align: center;
}

    .pager .pagination {
        text-align: center;
        padding: 55px 20px 70px;
    }

        .pager .pagination .disabled {
            display: none;
        }

        .pager .pagination li {
            display: inline-block;
            color: #fff;
            border: 1px solid #2699FB;
            margin: 0 4px 8px;
        }

            .pager .pagination li a {
                display: block;
                color: #fff;
                padding: 4px 12px;
                text-decoration: none !important;
                /*background-color: $gris;*/
                color: #2699FB;
            }

            .pager .pagination li.active {
                background-color: #2699FB;
            }

                .pager .pagination li.active span {
                    padding: 4px 12px;
                    display: block;
                    font-weight: bold;
                    color: #fff;
                    cursor: default;
                }

.field-outline {
    background: transparent;
    color: #fff;
    font-weight: bold;
    border: 3px solid #fff;
    padding: 1rem 1.2rem;
    font-size: 1.2rem;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
}

    .field-outline.searchfield {
        background: url(../../img/iconos/search.png) 95% 50%/auto 65% no-repeat;
        padding-right: 60px;
    }

.sec.tit-link {
    text-align: center;
}

#header {
    padding: 20px 40px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
    -webkit-transition: all 0.84s ease;
    -moz-transition: all 0.84s ease;
    -ms-transition: all 0.84s ease;
    -o-transition: all 0.84s ease;
    transition: all 0.84s ease;
    transition-delay: 0.3s;
    -ms-transform: translate(0, -200px);
    -webkit-transform: translate(0, -200px);
    transform: translate(0, -200px);
}

    #header .logo img {
        height: 70px;
    }

    #header .botones-cont {
        position: absolute;
        right: 40px;
        top: 0;
        margin: 20px 0;
    }

        #header .botones-cont .mensaje-bolsa {
            background-color: #fff;
            cursor: default;
            position: absolute;
            right: 92px;
            top: 72px;
            width: 272px;
            padding: 8px 8px;
            text-align: center;
        }

            #header .botones-cont .mensaje-bolsa p {
                font-size: 13px;
                line-height: 1.15;
                font-weight: bold;
                color: #444;
                margin: 0;
            }

            #header .botones-cont .mensaje-bolsa:after {
                content: '';
                display: block;
                position: absolute;
                right: 12px;
                top: -12px;
                width: 0;
                height: 0;
                border-left: 12px solid transparent;
                border-right: 12px solid transparent;
                border-bottom: 12px solid #fff;
            }

            #header .botones-cont .mensaje-bolsa .cerrar {
                font-size: 0.9em;
                color: #ccc;
                margin-left: 7px;
                padding: 3px;
                cursor: pointer;
                position: relative;
                top: -1px;
            }

        #header .botones-cont .botones {
            position: relative;
            border: 4px solid #fff;
            display: inline-block;
            font-size: 0;
        }

            #header .botones-cont .botones a {
                display: block;
                float: left;
                background-color: #2699FB;
                text-align: center;
                line-height: 0;
                font-size: 0;
                padding: 8px;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                text-decoration: none !important;
                border-right: 1px solid rgba(255, 255, 255, 0.4);
            }

                #header .botones-cont .botones a img {
                    width: 28px;
                }

                #header .botones-cont .botones a.open {
                    background-color: #08D9FF;
                }

                #header .botones-cont .botones a:last-child {
                    border-right: 0;
                }

                #header .botones-cont .botones a.whatsapp {
                    background-color: #00bd2f;
                }

                #header .botones-cont .botones a.azul {
                    background-color: #1957a6;
                }

                #header .botones-cont .botones a.claro {
                    background-color: #f47832;
                }

                    #header .botones-cont .botones a.claro:hover {
                        background-color: #f79d6a;
                    }

        #header .botones-cont .whatsapp-btn {
            display: inline-block;
            cursor: pointer;
            position: relative;
            top: -22px;
            margin-right: 10px;
        }

            #header .botones-cont .whatsapp-btn img {
                width: 44px;
            }

    #header .searchbar {
        position: absolute;
        right: 40px;
        top: 70px;
        border: 4px solid #fff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -ms-transform: translate(500px, 0);
        -webkit-transform: translate(500px, 0);
        transform: translate(500px, 0);
        opacity: 0;
    }

        #header .searchbar .field {
            background-color: #0373D3;
            color: #fff;
            border: 0;
            padding: 11px 14px;
            width: 400px;
            max-width: 60vw;
            height: 47px;
        }

        #header .searchbar .btn-submit {
            background: url(../../img/flechas/fle-der-blanca.png) 50% 50%/40% auto no-repeat;
            width: 45px;
            height: 45px;
            cursor: pointer;
            border: 0;
            position: absolute;
            right: 0px;
            top: 0px;
        }

        #header .searchbar.open {
            -ms-transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            opacity: 1;
        }

    #header.open {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.hey-no-touch #header .botones a:hover {
    background-color: #08D9FF;
}

    .hey-no-touch #header .botones a:hover.whatsapp {
        background-color: #00e639;
    }

.btn.submitFormTecnicos {
    width: 270px;
}

#menu-overlay {
    background-color: rgba(255, 255, 255, 0.44);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0;
}

    #menu-overlay.open {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 1;
        z-index: 4000;
    }

#menu {
    background-color: #2699FB;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 200px 50px 80px;
    overflow-y: auto;
    height: 100vh;
    max-width: 370px;
    z-index: 4010;
    color: #fff;
    transition-delay: 0.2s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    -ms-transform: translate(-444px, 0);
    -webkit-transform: translate(-444px, 0);
    transform: translate(-444px, 0);
}

    #menu ul li {
        margin-bottom: 0.85rem;
        display: block;
    }

        #menu ul li a {
            display: block;
            height: 28px;
            font-size: 1rem;
            font-weight: 400;
            color: #fff;
            text-decoration: none !important;
            position: relative;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
            opacity: 0.85;
            /*&:hover {
                    opacity: 1;
                    &::after {
                        @include translate(15px,0);
                        opacity: 1;
                    }
                }*/
        }

            #menu ul li a::after {
                content: '';
                display: inline-block;
                height: 28px;
                width: 28px;
                background: url(../../img/flechas/fle-der-blanca.png) 50% 50%/60% auto no-repeat;
                position: absolute;
                right: 0;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -ms-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;
                -ms-transform: translate(0, 0);
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
                opacity: 0;
            }

        #menu ul li.active a {
            opacity: 1;
            font-weight: bold;
            cursor: default;
        }

            #menu ul li.active a::after {
                display: none;
            }

    #menu.open {
        opacity: 1;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.hey-no-touch #menu ul li a:hover {
    opacity: 1;
}

    .hey-no-touch #menu ul li a:hover::after {
        -ms-transform: translate(15px, 0);
        -webkit-transform: translate(15px, 0);
        transform: translate(15px, 0);
        opacity: 1;
    }

#introHome {
    position: relative;
    z-index: 10;
    height: 100vh;
    background: #000;
    color: #fff;
}

    #introHome .home-slider {
        width: 100%;
        height: 100vh;
        position: relative;
    }

        #introHome .home-slider .slick-list {
            overflow: visible;
        }

        #introHome .home-slider .slide {
            width: 100%;
            height: 100vh;
            position: relative;
            overflow: visible;
        }

            #introHome .home-slider .slide .overlay {
                background: rgba(0, 0, 0, 0.44);
                z-index: 8;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100vh;
            }

            #introHome .home-slider .slide .img {
                height: 100vh;
                width: 100%;
                background-position: 50% 50%;
                background-size: cover;
                position: absolute;
                left: 0;
                top: 0;
                z-index: -10;
            }

            #introHome .home-slider .slide video {
                position: absolute;
                left: 50%;
                margin-left: -50%;
                top: 0;
                min-width: 100%;
                min-height: 100vh;
                z-index: 0;
                overflow: hidden;
            }

            #introHome .home-slider .slide .video-cont {
                overflow: hidden;
                width: 100%;
                height: 100vh;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 0;
            }

                #introHome .home-slider .slide .video-cont #sliderPlayerCont {
                    position: relative;
                    z-index: 0;
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }

                    #introHome .home-slider .slide .video-cont #sliderPlayerCont #sliderPlayer {
                        /*position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;*/
                        position: absolute;
                        z-index: 0;
                        top: 50%;
                        left: 50%;
                        margin-left: -65%;
                        margin-top: -60vh;
                        width: 130%;
                        height: 120vh;
                        min-height: 100vh;
                    }

                #introHome .home-slider .slide .video-cont iframe.old-iframe {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin-left: -60%;
                    margin-top: -60vh;
                    width: 120%;
                    height: 120vh;
                    min-height: 100vh;
                }

            #introHome .home-slider .slide .cont {
                height: 90vh;
                max-width: 44%;
                margin-left: 200px;
                position: relative;
                z-index: 10;
            }

                #introHome .home-slider .slide .cont .buscador {
                    padding: 10px 0 35px;
                    /*@include transition(all 0.7s ease);
                    transition-delay: 0.3s;
                    opacity: 0;
                    @include translate(-44px,0);*/
                }

                    #introHome .home-slider .slide .cont .buscador .field-outline {
                        width: 380px;
                        max-width: 100%;
                    }

                #introHome .home-slider .slide .cont .matricula-cont .btn {
                    padding: 14px 50px;
                    font-size: 1.1em;
                }

        #introHome .home-slider .slick-prev, #introHome .home-slider .slick-next {
            width: 35px;
            height: 35px;
            background: rgba(255, 255, 255, 0.2);
            opacity: 0.9;
            top: 50%;
            margin-top: -20px;
        }

            #introHome .home-slider .slick-prev::before, #introHome .home-slider .slick-next::before {
                content: '';
                width: 35px;
                height: 35px;
                display: block;
                background-repeat: no-repeat;
                background-size: 44% auto;
                background-position: 50% 50%;
            }

        #introHome .home-slider .slick-prev {
            left: 0;
        }

            #introHome .home-slider .slick-prev::before {
                background-image: url(../../img/flechas/fle-izq-blanca.png);
            }

        #introHome .home-slider .slick-next {
            right: 0;
        }

            #introHome .home-slider .slick-next::before {
                background-image: url(../../img/flechas/fle-der-blanca.png);
            }

.home-slider-titulo {
    margin-bottom: 60px;
    font-size: 37px;
    line-height: 1.23;
}

    .home-slider-titulo span.mid {
        display: block;
        font-size: 26px;
        font-weight: normal;
        margin-top: 12px;
    }

    .home-slider-titulo small {
        display: block;
        font-size: 17px;
        margin: 20px 0 0;
        font-weight: normal;
    }

small.aviso {
    line-height: 1.2;
    font-weight: normal;
    font-style: italic;
    opacity: 0.8;
    font-size: 12px;
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
}

.formulario-home-total .abrir-formulario-home {
    padding: 14px 50px;
    font-size: 1.1em;
    display: inline-block;
}

.formulario-home-total .formulario-home-cont {
    display: inline-block;
    position: relative;
    height: 38px;
    margin-left: 10px;
}

    .formulario-home-total .formulario-home-cont .formulario-home {
        position: absolute;
        top: 0;
        left: 0;
        width: 350px;
        padding: 30px 20px 20px;
        background: #f2f2f2;
        color: #000;
        border: 1px solid #f0f0f0;
        -webkit-box-shadow: 0px 0px 28px -3px rgba(0, 0, 0, 0.88);
        -moz-box-shadow: 0px 0px 28px -3px rgba(0, 0, 0, 0.88);
        box-shadow: 0px 0px 28px -3px rgba(0, 0, 0, 0.88);
        border-radius: 4px;
        z-index: 1000;
        transition: all 0.3s ease;
        opacity: 0;
        -ms-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

        .formulario-home-total .formulario-home-cont .formulario-home.open {
            opacity: 1;
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .formulario-home-total .formulario-home-cont .formulario-home .cerrar {
            position: absolute;
            right: -15px;
            top: -15px;
            display: block;
            padding: 1px 0;
            border-radius: 100px;
            width: 35px;
            height: 35px;
            background: #2699FB;
            color: #fff;
            text-align: center;
            border: 3px solid #fff;
        }

        .formulario-home-total .formulario-home-cont .formulario-home .form {
            position: relative;
        }

            .formulario-home-total .formulario-home-cont .formulario-home .form .form-group {
                position: relative;
            }

                .formulario-home-total .formulario-home-cont .formulario-home .form .form-group.btn-cont {
                    padding: 0px;
                }

                .formulario-home-total .formulario-home-cont .formulario-home .form .form-group .helptext {
                    font-size: 12px;
                    margin: 0;
                }

                .formulario-home-total .formulario-home-cont .formulario-home .form .form-group .form-control {
                    display: block;
                    width: 100%;
                    font-size: 14px;
                }

                .formulario-home-total .formulario-home-cont .formulario-home .form .form-group .field-validation-error {
                    color: red;
                    font-size: 14px;
                }

                .formulario-home-total .formulario-home-cont .formulario-home .form .form-group .btn {
                    width: 100%;
                    font-size: 15px;
                    padding: 7px 10px;
                    text-align: center;
                    border: 0;
                    margin-top: 10px;
                }

                .formulario-home-total .formulario-home-cont .formulario-home .form .form-group.politicas-cont {
                    font-size: 14px;
                }

                    .formulario-home-total .formulario-home-cont .formulario-home .form .form-group.politicas-cont .errorPoliticas {
                        color: red;
                    }

            .formulario-home-total .formulario-home-cont .formulario-home .form .leyenda {
                line-height: 17px;
                text-align: left;
            }

.btn.verde {
    background: #00bd2f;
    color: #fff;
    border: 0;
}

#introHome .home-slider .slide.slick-active .cont h1 {
    opacity: 1;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#introHome .home-slider .slide.slick-active .cont .buscador {
    opacity: 1;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#intro {
    background: url(../../img/home-imgs/intro.jpg) 50% 50%/cover no-repeat;
    color: #fff;
}

    #intro .overlay {
        background: rgba(0, 0, 0, 0.44);
    }

    #intro .cont {
        margin: 0 auto;
        max-width: 1400px;
        padding: 340px 44px 180px;
        text-align: left;
    }

        #intro .cont h1 {
            -webkit-transition: all 0.7s ease;
            -moz-transition: all 0.7s ease;
            -ms-transition: all 0.7s ease;
            -o-transition: all 0.7s ease;
            transition: all 0.7s ease;
            opacity: 0;
            -ms-transform: translate(-44px, 0);
            -webkit-transform: translate(-44px, 0);
            transform: translate(-44px, 0);
        }

            #intro .cont h1.in {
                opacity: 1;
                -ms-transform: translate(0, 0);
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
            }

        #intro .cont p.subida {
            -webkit-transition: all 0.7s ease;
            -moz-transition: all 0.7s ease;
            -ms-transition: all 0.7s ease;
            -o-transition: all 0.7s ease;
            transition: all 0.7s ease;
            opacity: 0;
            -ms-transform: translate(-44px, 0);
            -webkit-transform: translate(-44px, 0);
            transform: translate(-44px, 0);
            color: #08D9FF;
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: 10px;
        }

            #intro .cont p.subida a {
                color: inherit;
                font: inherit;
                text-decoration: none !important;
            }

                #intro .cont p.subida a i.fa {
                    margin-right: 8px;
                }

            #intro .cont p.subida.in {
                opacity: 1;
                -ms-transform: translate(0, 0);
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
            }

        #intro .cont p.bajada {
            -webkit-transition: all 0.7s ease;
            -moz-transition: all 0.7s ease;
            -ms-transition: all 0.7s ease;
            -o-transition: all 0.7s ease;
            transition: all 0.7s ease;
            opacity: 0;
            -ms-transform: translate(-44px, 0);
            -webkit-transform: translate(-44px, 0);
            transform: translate(-44px, 0);
        }

            #intro .cont p.bajada.bajada-grande {
                font-size: 1.2em;
                padding: 44px 0 30px;
            }

            #intro .cont p.bajada.in {
                opacity: 1;
                -ms-transform: translate(0, 0);
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
            }

.big-heading-pi {
    padding: 5px 0 35px;
}

    .big-heading-pi .cont {
        max-width: 900px;
        padding: 0 30px;
        margin: 0 auto;
        text-align: center;
    }



        .big-heading-pi .cont .title {
            font-size: 24px;
            /* font-weight: 600; */
            margin: 20px 0 5px;
            font-family: 'CervoNeue';
            color: #1A59A7;
            font-weight: 300;
            line-height: 35px;
            text-align: center;
            text-transform: uppercase;
        }


.big-heading {
    padding: 130px 0 150px;
}

    .big-heading .cont {
        max-width: 900px;
        padding: 0 30px;
        margin: 0 auto;
        text-align: center;
    }

        .big-heading .cont .tit-huge {
            margin-bottom: 74px;
        }

        .big-heading .cont .subtitulo {
            margin-bottom: 74px;
            color: #5f5f5f;
        }

        .big-heading .cont .bajada {
            max-width: 700px;
            margin: 0 auto;
            color: #5f5f5f;
        }

    .big-heading.bg-celeste .cont {
        color: #fff;
    }

        .big-heading.bg-celeste .cont .subtitulo {
            margin-bottom: 74px;
            color: #fff;
        }

        .big-heading.bg-celeste .cont .bajada {
            color: #fff;
        }

#homeLinks {
    padding: 0;
}

.lista-cuadros {
    width: 100%;
    margin: 15px 0;
}

    .lista-cuadros .elem {
        display: block;
        background-color: #5f5f5f;
        float: left;
        position: relative;
        width: 33.33333%;
        height: 24vw;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }

        .lista-cuadros .elem::after {
            content: '';
            display: block;
            z-index: 2;
            background: rgba(0, 0, 0, 0.3);
            width: 100%;
            height: 24vw;
            position: absolute;
            top: 0;
            left: 0;
        }

        .lista-cuadros .elem span {
            display: block;
        }

        .lista-cuadros .elem .img {
            width: 100%;
            height: 24vw;
            background-size: cover;
            background-position: 50% 50%;
            position: relative;
            z-index: 1;
        }

        .lista-cuadros .elem .info {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 65px;
            color: #fff;
            z-index: 3;
        }

            .lista-cuadros .elem .info .subida {
                color: #08D9FF;
                font-weight: bold;
                font-size: 1.2rem;
                margin-bottom: 10px;
            }

            .lista-cuadros .elem .info .titulo {
                font-size: 2.44rem;
                line-height: 2.44rem;
                font-weight: bold;
                margin-bottom: 10px;
            }

            .lista-cuadros .elem .info .bajada {
                font-weight: 600;
            }

        .lista-cuadros .elem.sinaes::before {
            content: '';
            display: block;
            position: absolute;
            z-index: 10;
            top: 10px;
            right: 10px;
            width: 80px;
            height: 80px;
            background: url(../../img/sinaes-peq.png) 50% 50%/100% auto no-repeat;
        }

    .lista-cuadros.cols-3 .elem {
        width: 33.33333%;
        height: 24vw;
    }

    .lista-cuadros.cols-4 .elem {
        width: 25%;
        height: 19vw;
    }

.hey-no-touch .lista-cuadros .elem .img {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.hey-no-touch .lista-cuadros .elem:hover .img {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.info-set {
    color: #fff;
    position: relative;
    margin: 0;
    border-bottom: 15px solid #fff;
    background-position: 50% 50%;
    background-size: cover;
}

    .info-set .img-lado {
        width: 34vw;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background-size: cover;
        background-position: 50% 50%;
        z-index: 2;
    }

    .info-set .overlay {
        background: rgba(0, 0, 0, 0.3);
        position: relative;
        z-index: 10;
    }

    .info-set .cont {
        padding: 200px 0;
        margin: 0 200px;
        max-width: 610px;
        position: relative;
        z-index: 3;
    }

        .info-set .cont h1 {
            margin-bottom: 2rem;
            font-size: 4.4rem;
            line-height: 4.4rem;
        }

        .info-set .cont .bajada {
            margin-bottom: 2rem;
        }

        .info-set .cont .btn-cont {
            padding: 0;
            margin-bottom: 0;
        }

    .info-set.align-right .cont {
        float: right;
    }

    .info-set.media-img .overlay {
        background: none;
    }

.footer-pi {
    background-color: #2699FB;
    color: #fff;
    /*padding: 40px 40px 50px;*/
    text-align: center;
    padding: 440px 130px 0px;
    background: url(../../study-abroad-img/backBottom.jpg) 50% 50%/cover no-repeat;
    background-size: cover;
}

#footer {
    background-color: #2699FB;
    color: #fff;
    padding: 40px 40px 50px;
}

    #footer .izq {
        float: left;
        text-align: left;
        width: 50%;
    }

        #footer .izq p {
            margin-bottom: 5px;
        }

            #footer .izq p strong {
                font-size: 1.05rem;
            }

            #footer .izq p a {
                color: #fff;
            }

                #footer .izq p a img {
                    height: 50px;
                }

            #footer .izq p.btn-cont {
                padding: 15px 0 0;
            }

            #footer .izq p.logo {
                margin-bottom: 10px;
            }

    #footer .der {
        float: right;
        text-align: right;
        width: 50%;
        padding-top: 24px;
    }

        #footer .der p {
            margin-bottom: 5px;
        }

            #footer .der p a {
                color: #fff;
            }

        #footer .der .redes {
            margin-top: 10px;
        }

            #footer .der .redes a {
                color: #fff;
            }

                #footer .der .redes a img {
                    width: 30px;
                }

#contacto {
    padding-bottom: 80px;
}

    #contacto .intro-txt {
        padding: 80px 0 40px;
        text-align: center;
        margin-bottom: 0;
    }

    #contacto .cont {
        max-width: 700px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
    }

        #contacto .cont .form .from-group {
            margin-bottom: 15px;
        }

            #contacto .cont .form .from-group label {
                color: #5f5f5f;
            }

        #contacto .cont .form .btn-cont {
            text-align: right;
        }

.filtros {
    padding: 30px 0 44px;
}

    .filtros .cont {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 20px;
        text-align: center;
    }

        .filtros .cont .fil {
            display: inline-block;
            position: relative;
            width: 300px;
        }

            .filtros .cont .fil .form-control {
                width: 100%;
            }

#page_carreras .big-heading {
    padding-bottom: 50px;
}

.rector {
    padding: 0 20px 24px;
}

    .rector .circ {
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
        background-clip: padding-box;
        width: 320px;
        height: 320px;
        padding: 20px;
        border: 1px dashed #2699FB;
        margin: 0 auto 25px;
    }

        .rector .circ .img {
            -webkit-border-radius: 1000px;
            border-radius: 1000px;
            background-clip: padding-box;
            width: 280px;
            height: 280px;
            background-position: 50% 50%;
            background-size: cover;
        }

    .rector .info .nombre {
        font-size: 1.15rem;
        margin-bottom: 15px;
    }

    .rector .info .puesto {
        color: #5f5f5f;
        font-weight: bold;
    }

/*

$cuadro_elem_h: 24vw;
$cuadro_elem_w: 33.33333333%;

.lista-cuadros {
    @extend %clearfix;
    width: 100%;
    margin: 15px 0;
 */
.otras-carreras-slider {
    margin: 15px 0;
    width: 100%;
}

    .otras-carreras-slider .slide a {
        display: block;
        position: relative;
        height: 24vw;
        width: 100%;
        overflow: hidden;
    }

        .otras-carreras-slider .slide a::after {
            content: '';
            display: block;
            z-index: 2;
            background: rgba(0, 0, 0, 0.3);
            width: 100%;
            height: 24vw;
            position: absolute;
            top: 0;
            left: 0;
        }

        .otras-carreras-slider .slide a span {
            display: block;
        }

        .otras-carreras-slider .slide a .img {
            width: 100%;
            height: 24vw;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 50% 50%;
            position: relative;
            z-index: 1;
        }

        .otras-carreras-slider .slide a .info {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 65px;
            color: #fff;
            z-index: 3;
        }

            .otras-carreras-slider .slide a .info .subida {
                color: #08D9FF;
                font-weight: bold;
                font-size: 1.2rem;
                margin-bottom: 10px;
            }

            .otras-carreras-slider .slide a .info .titulo {
                font-size: 2.44rem;
                line-height: 2.44rem;
                font-weight: bold;
                margin-bottom: 10px;
            }

            .otras-carreras-slider .slide a .info .bajada {
                font-weight: 600;
            }

        .otras-carreras-slider .slide a.sinaes::before {
            content: '';
            display: block;
            position: absolute;
            z-index: 10;
            top: 10px;
            right: 10px;
            width: 80px;
            height: 80px;
            background: url(../../img/sinaes-peq.png) 50% 50%/100% auto no-repeat;
        }

.slick-prev, .slick-next {
    width: 35px;
    height: 35px;
    background: rgba(255, 255, 255, 0.2) !important;
    opacity: 0.9;
    top: 50%;
    margin-top: -20px;
}

    .slick-prev::before, .slick-next::before {
        content: '';
        width: 35px;
        height: 35px;
        display: block;
        background-repeat: no-repeat;
        background-size: 44% auto;
        background-position: 50% 50%;
    }

.slick-prev {
    left: 0;
}

    .slick-prev::before {
        background-image: url(../../img/flechas/fle-izq-blanca.png);
    }

.slick-next {
    right: 0;
}

    .slick-next::before {
        background-image: url(../../img/flechas/fle-der-blanca.png);
    }

#mision_vision {
    display: table;
    width: 100%;
}

    #mision_vision .col {
        display: table-cell;
        width: 50%;
        padding: 85px 84px;
        text-align: center;
        color: #fff !important;
    }

        #mision_vision .col .tit1 {
            color: #fff;
            margin-bottom: 44px;
        }

        #mision_vision .col p {
            color: #fff;
            font-weight: bold;
        }

        #mision_vision .col#mision {
            background-color: #0373D3;
        }

        #mision_vision .col#vision {
            background-color: #2699FB;
        }

#enfoque {
    padding: 85px 20px;
}

    #enfoque .tit2 {
        color: #5f5f5f;
        max-width: 700px;
        margin: 0 auto 44px;
        text-align: center;
    }

    #enfoque .texto {
        color: #5f5f5f;
        max-width: 768px;
        margin: 0 auto;
        text-align: left;
    }

        #enfoque .texto p {
            margin-bottom: 0.7rem;
        }

#contenido_trayectoria {
    padding: 0 30px 90px;
}

    #contenido_trayectoria .flecha {
        display: block;
        margin: 0 auto 90px;
    }

    #contenido_trayectoria .texto {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 20px;
    }

.detalle-generico {
    padding: 80px 20px;
}

    .detalle-generico .texto {
        max-width: 900px;
        margin: 0 auto 80px;
    }

    .detalle-generico .mapa-cont {
        max-width: 1000px;
        margin: 0 auto;
        width: 100%;
    }

        .detalle-generico .mapa-cont #mapa-sede {
            width: 100%;
            height: 560px;
        }

    .detalle-generico .cuadro-cita {
        max-width: 900px;
        margin: 0 auto;
        margin: 50px auto 0;
        background-color: #f2f2f2;
        padding: 30px 20px;
    }

        .detalle-generico .cuadro-cita .cita {
            font-size: 1.3rem;
            line-height: 1.55rem;
        }

        .detalle-generico .cuadro-cita .autor {
            color: #5f5f5f;
        }

            .detalle-generico .cuadro-cita .autor .nombre {
                font-weight: bold;
                margin-bottom: 2px;
            }

            .detalle-generico .cuadro-cita .autor .puesto {
                font-size: 0.9rem;
                margin-bottom: 0px;
            }

.detalle-investigacion .links {
    padding: 44px 0 10px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

    .detalle-investigacion .links h2 {
        margin-bottom: 44px;
    }

    .detalle-investigacion .links ul li {
        margin-bottom: 10px;
    }

        .detalle-investigacion .links ul li a {
            text-decoration: none !important;
            display: block;
            padding: 10px;
            border: 1px solid #f2f2f2;
        }

            .detalle-investigacion .links ul li a:hover {
                background-color: #f2f2f2;
            }

            .detalle-investigacion .links ul li a img {
                width: 84px;
                float: left;
            }

            .detalle-investigacion .links ul li a span {
                display: block;
                text-align: left;
                padding-left: 15px;
                float: left;
                width: calc(100% - 120px);
            }

#rectorCarrera {
    padding: 90px 20px 44px;
}

    #rectorCarrera .cont {
        max-width: 1300px;
        margin: 0 auto;
    }

        #rectorCarrera .cont .rector {
            display: block;
            margin: 0 auto;
            text-align: center;
        }

            #rectorCarrera .cont .rector .nombre {
                margin-bottom: 2px;
            }

            #rectorCarrera .cont .rector .puesto {
                margin-bottom: 0;
            }

        #rectorCarrera .cont .inform {
            padding-top: 80px;
        }

            #rectorCarrera .cont .inform .bajada {
                color: #5f5f5f;
                font-weight: bold;
            }

#perfilCarrera {
    color: #fff;
    padding: 90px 0;
    text-align: center;
}

    #perfilCarrera .cont {
        max-width: 600px;
        margin: 0 auto;
        padding: 0 20px;
    }

        #perfilCarrera .cont h1 {
            color: #08D9FF;
            margin-bottom: 30px;
            font-size: 2rem;
            line-height: 2.1rem;
        }

        #perfilCarrera .cont p {
            color: #fff;
        }

#porqueCarrera {
    padding: 90px 0;
    text-align: center;
}

    #porqueCarrera .cont {
        max-width: 600px;
        margin: 0 auto;
        padding: 0 20px;
    }

        #porqueCarrera .cont h1 {
            color: #0373D3;
            margin-bottom: 30px;
            font-size: 2rem;
            line-height: 2.1rem;
        }

.body-editor ul {
    padding-left: 15px;
}

    .body-editor ul li {
        padding-left: 4px;
        list-style: square;
        list-style-position: inside;
    }

#infoExtraCarrera .cuad {
    width: 50%;
    height: 30vw;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
}

    #infoExtraCarrera .cuad .img {
        width: 100%;
        height: 30vw;
        background-position: 50% 50%;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    #infoExtraCarrera .cuad .cont {
        width: 100%;
        height: 30vw;
        padding: 0 15px;
    }

        #infoExtraCarrera .cuad .cont h1 {
            color: #fff;
            font-size: 2rem;
            line-height: 2rem;
            margin-bottom: 20px;
        }

        #infoExtraCarrera .cuad .cont .bajada {
            color: #fff;
            max-width: 444px;
            font-weight: bold;
            margin: 0 auto 44px;
        }

        #infoExtraCarrera .cuad .cont .btn-cont {
            padding: 10px 0 0;
        }

.field {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-clip: padding-box;
    background: #eee;
    color: #000;
    padding: 12px 20px;
    border: 0;
}

.formularioContenidosCarrera {
    text-align: center;
    background: #fff;
    padding: 110px 0 90px;
}

    .formularioContenidosCarrera .intro-txt {
        max-width: 600px;
        margin: 0 auto 50px;
        font-size: 1.2em;
        color: #888;
    }

    .formularioContenidosCarrera .form {
        max-width: 600px;
        margin: 0 auto;
        padding: 0 15px;
    }

        .formularioContenidosCarrera .form .elem {
            margin: 0 0 20px;
        }

            .formularioContenidosCarrera .form .elem.btn-cont {
                padding: 10px 0;
            }

            .formularioContenidosCarrera .form .elem .helptext {
                font-size: 12px;
                margin: 2px 17px 0;
                text-align: right;
            }

            .formularioContenidosCarrera .form .elem .field {
                width: 100%;
            }

            .formularioContenidosCarrera .form .elem .field-validation-error {
                color: red;
            }

            .formularioContenidosCarrera .form .elem.ops {
                padding: 24px 0 0;
            }

                .formularioContenidosCarrera .form .elem.ops label {
                    margin: 0 15px 15px;
                }

                    .formularioContenidosCarrera .form .elem.ops label i {
                        color: #2699FB;
                        font-size: 1.5rem;
                        margin-right: 6px;
                        position: relative;
                    }

                    .formularioContenidosCarrera .form .elem.ops label input {
                        position: relative;
                        margin-right: 6px;
                    }

                    .formularioContenidosCarrera .form .elem.ops label span {
                        position: relative;
                        color: #888;
                    }

.soy-estudiante-regular {
    position: relative;
    margin-bottom: 12px;
    text-align: left;
}

    .soy-estudiante-regular label {
        display: block;
    }

        .soy-estudiante-regular label input {
            position: relative;
            margin-right: 5px;
            top: 3px;
            float: left;
        }

        .soy-estudiante-regular label span {
            position: relative;
            font-weight: normal;
            font-size: 14px;
            color: #000;
            display: inline-block;
            line-height: 1.32;
            width: 90%;
            padding-left: 5px;
        }

    .soy-estudiante-regular .errorPoliticas {
        color: red;
        margin: 5px 0 0;
        display: none;
    }

.politicas-cont {
    position: relative;
    margin-bottom: 0;
    text-align: left;
}

    .politicas-cont .pol input {
        position: relative;
        margin-right: 5px;
        top: 2px;
        float: left;
    }

    .politicas-cont .pol span {
        position: relative;
        font-weight: normal;
        font-size: 14px;
        color: #555;
        display: inline-block;
        line-height: 1.32;
        width: 90%;
        padding-left: 5px;
    }

.politicas-cont-pi .pol {
    padding-top: 30px;
}

    .politicas-cont-pi .pol span {
        font-weight: normal;
        font-size: 14px;
        color: #fff;
        line-height: 1.32;
        width: 90%;
    }

    .politicas-cont-pi .pol a {
        font-weight: normal;
        font-size: 14px;
        color: #fff;
        line-height: 1.32;
        width: 90%;
    }

.politicas-cont .errorPoliticas {
    color: red;
    margin: 5px 0 0;
    display: none;
}

.leyenda {
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #777;
    line-height: 1.2;
}

#sinaes {
    font-size: 0;
    padding: 30px 0 0;
}

    #sinaes img {
        width: 200px;
        max-width: 44%;
        display: block;
        margin: 0 auto;
    }

#franjaMatricula {
    text-align: center;
    padding: 44px 20px;
}

#page_cuenta {
    padding: 180px 20px 100px;
    background-color: #2699FB;
    color: #fff;
    min-height: 100vh;
    position: relative;
}

    #page_cuenta hr {
        opacity: 0.3;
        display: block;
        margin: 20px auto;
    }

    #page_cuenta .cont {
        width: 700px;
        position: relative;
        max-width: 100%;
        margin: 0 auto;
    }

        #page_cuenta .cont .form-control {
            width: 100%;
        }

    #page_cuenta .login {
        width: 500px;
        margin: 0 auto;
    }

        #page_cuenta .login a {
            color: #fff;
        }

        #page_cuenta .login h1 {
            margin: 0 0 40px;
        }

        #page_cuenta .login .form-group .form-control {
            width: 100%;
        }

    #page_cuenta .forgot {
        width: 500px;
    }

#resultadosBusqueda {
    position: relative;
}

    #resultadosBusqueda .ops {
        padding: 50px 20px 0px;
        text-align: center;
    }

        #resultadosBusqueda .ops .search {
            font-size: 18px;
            padding: 8px;
            border: 1px solid #ccc;
            color: #2699FB;
            display: inline-block;
            width: 300px;
            max-width: 50vw;
        }

        #resultadosBusqueda .ops .btn {
            position: relative;
            top: -1px;
        }

    #resultadosBusqueda .lista {
        width: 1024px;
        max-width: 100%;
        margin: 0 auto;
        padding: 25px 20px;
    }

        #resultadosBusqueda .lista .seccion {
            display: block;
            padding: 20px 0;
        }

            #resultadosBusqueda .lista .seccion .tit2 {
                color: #0373D3;
                margin: 0 auto 30px;
            }

            #resultadosBusqueda .lista .seccion .resultados a {
                display: block;
                text-decoration: none !important;
                -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
                -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
                background-color: #fff;
                padding: 15px;
                margin: 0 auto 15px;
                border: 2px solid #fff;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -ms-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                background-clip: padding-box;
            }

                #resultadosBusqueda .lista .seccion .resultados a:hover {
                    border-color: #2699FB;
                }

                #resultadosBusqueda .lista .seccion .resultados a span {
                    display: block;
                }

                #resultadosBusqueda .lista .seccion .resultados a .titulo {
                    color: #2699FB;
                    font-weight: bold;
                    font-size: 15px;
                    line-height: 18px;
                    margin-bottom: 5px;
                }

                #resultadosBusqueda .lista .seccion .resultados a .resumen {
                    font-size: 13px;
                    line-height: 17px;
                    opacity: 0.4;
                }

#loginEstudiantes {
    background: #fff;
    max-width: 540px;
    margin: 0 auto;
    padding: 80px 20px 100px;
}

    #loginEstudiantes .form p.introtxt {
        text-align: center;
        opacity: 0.8;
        font-size: 1.15em;
        margin: 0 auto 35px;
    }

    #loginEstudiantes .form #validation-errors {
        text-align: center;
        color: #ff0000;
    }

        #loginEstudiantes .form #validation-errors p {
            margin-bottom: 15px;
        }

    #loginEstudiantes .form .form-group {
        margin-bottom: 20px;
    }

        #loginEstudiantes .form .form-group:last-child {
            text-align: center;
        }

div.styled {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    /* this hides the select's drop button */
    width: 100%;
    border: solid 1px #eee;
    background-color: #eee;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-clip: padding-box;
}

    div.styled select {
        position: relative;
        z-index: 1;
        width: 120%;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        border: none;
        box-shadow: none;
        padding: 10px 15px;
        /* padding should be added to the select, not the div */
        font-size: 16px;
    }

    div.styled::after {
        content: '';
        display: block;
        width: 35px;
        height: 25px;
        z-index: 0;
        background: url(../../img/fle-abajo.png) 50% 50%/25px auto no-repeat;
        position: absolute;
        right: 8px;
        top: 40%;
        margin-top: -0.5em;
        cursor: default;
    }

#encuestaNutricion {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    z-index: -1;
    -ms-transform: translate(0, 100vh);
    -webkit-transform: translate(0, 100vh);
    transform: translate(0, 100vh);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    #encuestaNutricion.open {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 5000;
        opacity: 1;
    }

    #encuestaNutricion .bg {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        opacity: 0.85;
        z-index: 1;
    }

    #encuestaNutricion .cont-total {
        z-index: 2;
        position: relative;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #encuestaNutricion .cont-total .cuadro {
            max-width: 100%;
            width: 490px;
            background: #2699FB;
            position: relative;
            padding: 32px;
        }

            #encuestaNutricion .cont-total .cuadro .cerrar {
                color: #fff;
                position: absolute;
                right: 10px;
                top: 5px;
                padding: 5px;
            }

            #encuestaNutricion .cont-total .cuadro .cont {
                position: relative;
                color: #fff;
            }

                #encuestaNutricion .cont-total .cuadro .cont p {
                    font-weight: bold;
                }

                #encuestaNutricion .cont-total .cuadro .cont .contrasena-incorrecta {
                    color: #ff0000;
                    margin: 20px 0 0 0;
                    font-weight: bold;
                }

                #encuestaNutricion .cont-total .cuadro .cont .btn-cont {
                    padding-bottom: 0;
                    text-align: right;
                }

/**** Landing Hyper Games *********/
#page_landing .btn-hg {
    padding: 10px;
    border: none;
    background-color: Transparent;
}

    #page_landing .btn-hg img {
        width: 65%
    }

#page_landing .imagenFooter-iz-hg {
    padding: 25px;
    width: 27%;
    min-width: 200px
}

#page_landing #apply .form-apply-hg {
    max-width: 850px;
    margin: 0 auto;
}

/*.institucion-cont {
    padding-left: 35px;
    width: 400px !important;
}*/

.form-control-expo-combo {
    margin-left: 35px !important;
    width: 85%;
    max-width: 400px;
    /*    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #ffffff;
    background-image: none;
    border-top: 1px solid #d6d4d4;
    border-right: 1px solid #d6d4d4;
    border-bottom: 1px solid #d6d4d4;
    border-left: 1px solid #d6d4d4;
    padding-top: 0;
    padding-right: 5px;
    padding-bottom: 0;
    padding-left: 5px;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 4px;
    
    display: block;
    
    box-sizing: border-box;
    height: 40px;
    color: #161616;
    font-family: cervo;
    font-size: 16px;
    overflow: hidden;
    vertical-align: top;*/
}

.imgIz-ExpoU {
    position: absolute;
    display: block;
    z-index: 15003;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
    border-bottom-left-radius: initial;
    border-top-left-radius: initial;
    height: 69px;
    width: 211px;
    top: 771px;
    left: 0px;
    overflow: hidden;
    display: block;
}

.form-control-expo {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #ffffff;
    background-image: none;
    border-top: 1px solid #02aefb;
    border-left: 1px solid #02aefb;
    border-right: 1px solid #02aefb;
    border-bottom: 1px solid #02aefb;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 4px;
    margin-left: 35px;
    display: block;
    width: 85%;
    box-sizing: border-box;
    height: 41px;
    color: #161616;
    font-size: 14px;
    overflow: hidden;
    font-family: cervo;
    vertical-align: top;
}

#page_landing #apply .form-apply-hg .form-control-hg {
    color: #828282;
    font-family: inherit;
    font-weight: 500;
    border-radius: 25px;
    border: 1px solid #fff;
    padding-left: 20px;
    width: 100%;
    height: 45px;
}

#page_landing .imagenFooter-der-hg {
    padding: 25px;
    width: 27%;
    min-width: 200px
}

.image-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 485px;
    margin-top: 55px;
}

.imagenFooter-der-expo {
    max-width: 150px;
}

.imagenFooter-iz-expo {
    max-width: 150px;
}

.text-center-expo {
    text-align: center; /* Alinea el texto al centro */
    margin: 0 auto; /* Establece los márgenes izquierdo y derecho automáticos */
}

.newsletter-cont {
    width: 400px;
    margin: 0 auto;
}

.btnGraciasExpo {
    background-color: #ffffff;
    background-image: none;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
    background-size: auto !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    box-sizing: border-box;
    color: #204395;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    font-family: cervo;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3;
    overflow: hidden;
    width: 280px;
    height: 55px;
    text-decoration: none;
    top: 616px;
    left: 340px;
}

#formSec-hg {
    /*padding: 50px 0px;*/
    position: relative;
    color: #C8AD56;
}

    #formSec-hg .cols-hg {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
        display: flex;
        flex-wrap: wrap;
    }

        #formSec-hg .cols-hg .form-col-der-hg {
            flex: 0 0 50%;
            padding-left: 30px;
            width: 50%;
            position: relative;
        }

        #formSec-hg .cols-hg .form-col-iz-hg {
            flex: 0 0 50%;
            padding-right: 30px;
            width: 50%;
            position: relative;
        }


/*#page_landing .landingHead-HG {*/
/*text-align: center;*/
/*padding: 840px 130px 0px;*/
/*background: url(../../img/landing-hypergames/back-hiper-Games.jpg);*/
/*background-size: cover;*/
/*background-repeat: no-repeat;*/
/*background-size: contain;*/
/*background-size: 100%;
    background-position: center;*/
/*background-attachment: fixed;*/
/*}*/
#page_landing .landingHead-HG img {
    width: 100%;
    height: auto;
}

#page_landing .bg-hg {
    background: url(../../img/landing-hypergames/fondoazul-HG.jpg) 50% 50%/cover no-repeat !important;
}

/**** FORM *********/
#page_landing #landingLogo {
    text-align: center;
    padding: 100px 30px 40px;
    background: url(../../study-abroad-img/bg/backTop.jpg) 50% 50%/cover no-repeat;
    background-size: cover;
}

    #page_landing #landingLogo img {
        width: 420px;
        max-width: 60%;
        display: block;
        margin: 0 auto;
    }


#page_landing .landingLogoPI {
    text-align: center;
    padding: 440px 130px 0px;
    background: url(../../study-abroad-img/backTopBlank.jpg) 50% 50%/cover no-repeat;
    background-size: cover;
}

    #page_landing .landingLogoPI .logo {
        /*width: 420px;*/
        max-width: 35%;
        min-width: 164px;
        display: block;
        margin: 0 auto;
        transform: translateY(-150%)
    }

#page_landing #apply p.apply-intro-txt-pi {
    max-width: 644px;
    margin: -30px auto 25px;
    /*    font-weight: bold;*/
    /*    font-size: 1.1rem;*/
    /*    font-family: 'Cervo Neue';*/
    line-height: 1.7;
    text-align: center;
}

.chatSF {
    position: fixed;
    z-index: 99999999;
    margin: 20px;
    inset: auto 0px 0px auto;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #005290;
    font-family: "Arial", sans-serif;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #005290;
}

.btn-pi-link {
    position: relative;
    border: 0;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    border: 0px solid;
    color: #fff;
    padding: 0.3rem 1rem;
    display: inline-block;
    text-decoration: none !important;
    font-weight: bold;
    width: 100%;
    max-width: 450px;
}

.btn-pi-link.celeste-pi {
    background-color: #2998D5 !important;
}

.btn-pi-link.azul-pi {
    background-color: #1A59A7 !important;
}

.titlePI {
    font-size: 45px;
    /* font-weight: 600; */
    margin: 20px 0 44px;
    font-family: 'CervoNeue';
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
}

.logoExpoU {
    max-width: 100%;
    min-width: 164px;
    display: block;
    margin: 0 auto;
}

.tituloExpoU-gracias {
    color: #ffffff;
    font-family: cervo;
    font-size: 3vw;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    top: 602.8125px;
    left: 215.5px;
    font-style: normal;
    text-align: center;
    text-align-last: center;
    display: block;
}

/* Media Query para ajustar el tamaño de fuente en pantallas más pequeñas */
@media (max-width: 768px) {
    .tituloExpoU-gracias {
        font-size: 6vw; /* Tamaño de fuente más grande para pantallas más pequeñas */
    }
}

.tituloExpoU {
    color: #ffffff;
    font-family: cervo;
    font-size: 30px;
    font-weight: 700;
    z-index: 15013;
    line-height: 1.2;
    letter-spacing: 0;
    top: 602.8125px;
    left: 215.5px;
    height: 108px;
    font-style: normal;
    text-align: center;
    text-align-last: center;
    display: block;
    margin-top: 25px;
}

.textoExpoU {
    height: auto;
    display: block;
    font-family: cervo;
    font-size: 16px;
    color: #ffffff;
    width: 353px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 35px;
    background-color: transparent;
    background-image: none;
    vertical-align: top;
    text-align: left;
    text-align-last: left;
    overflow: hidden;
    line-height: 1.8;
}

.botonExpoU {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
}


#page_landing .tucan {
    max-width: 60%;
    display: block;
    width: 20%;
    position: absolute;
    transform: translateY(-90%);
}

#page_landing .bandera {
    max-width: 60%;
    display: block;
    width: 20%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    transform: translateY(-230%);
}

#page_landing .guacamaya {
    max-width: 60%;
    display: block;
    width: 15%;
    position: absolute;
    transform: translateY(-50%);
}

#page_landing .peresozo {
    max-width: 60%;
    display: block;
    width: 16%;
    position: absolute;
    transform: translateY(-55%);
    right: 0;
}

#page_landing .hojap {
    max-width: 60%;
    display: block;
    width: 14%;
    position: absolute;
    transform: translateY(-50%);
    right: 0;
}

#page_landing #apply {
    background: #0373D3;
    color: #fff;
    padding: 50px 0 100px;
}

    #page_landing #apply h2 {
        font-size: 28px;
        margin: 0 auto 44px;
    }

    #page_landing #apply p.apply-intro-txt {
        max-width: 644px;
        margin: 0 auto 45px;
        font-weight: bold;
        font-size: 1.1rem;
        line-height: 1.7;
    }

    #page_landing #apply .form-apply {
        max-width: 550px;
        margin: 0 auto;
    }

        #page_landing #apply .form-apply .form-group {
            font-weight: bold;
        }

        #page_landing #apply .form-apply .form-controlpi {
            color: #828282;
            font-family: inherit;
            font-weight: 500;
            border-radius: 25px;
            border: 1px solid #fff;
            padding-left: 20px;
            width: 100%;
            height: 45px;
        }

        #page_landing #apply .form-apply .form-control {
            background-color: transparent;
            color: #fff;
            border-color: rgba(255, 255, 255, 0.2);
            font-family: inherit;
            font-weight: 600;
        }

            #page_landing #apply .form-apply .form-control:focus {
                background-color: rgba(255, 255, 255, 0.2);
            }

            #page_landing #apply .form-apply .form-control option {
                color: #000 !important;
                background: #fff !important;
            }

        #page_landing #apply .form-apply .animate-label {
            position: relative;
            padding-top: 7px;
        }

            #page_landing #apply .form-apply .animate-label label {
                display: block;
                font-family: inherit;
                font-weight: inherit;
                text-transform: uppercase;
                padding: 2px 4px;
                margin-bottom: 0;
                line-height: 1.2;
                transition: all ease 0.2s;
                z-index: 0;
                border-radius: 2px;
            }

            #page_landing #apply .form-apply .animate-label.label-top label {
                opacity: 1;
                top: 0;
                font-size: 0.55em;
                padding: 2px 5px;
                left: 5px;
                background-color: #0373D3;
                line-height: 1;
                color: rgba(255, 255, 255, 0.8);
                z-index: 3;
                letter-spacing: 1px;
            }

            #page_landing #apply .form-apply .animate-label .form-control {
                position: relative;
                z-index: 2;
            }

                #page_landing #apply .form-apply .animate-label .form-control option {
                    background-color: #07568C;
                }

                #page_landing #apply .form-apply .animate-label .form-control::placeholder {
                    opacity: 0;
                    visibility: hidden;
                }

        #page_landing #apply .form-apply .info-form {
            padding: 20px 0 0;
        }

            #page_landing #apply .form-apply .info-form a {
                color: #fff !important;
            }

        #page_landing #apply .form-apply .aviso-validacion {
            display: none;
        }

        #page_landing #apply .form-apply .was-validated .aviso-validacion {
            display: block;
        }

        #page_landing #apply .form-apply .info-acepto {
            font-size: 0.7em;
            line-height: 1.15;
            margin: 7px auto;
        }

#page_landing .bg-pi {
    background: url(../../study-abroad-img/Formulario.png) 50% 50%/cover no-repeat !important;
}

.bg-expou {
    color: #fff;
    padding: 50px 0 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../../img/landing-expou/backfondo.png");
}


.expoUForm {
    z-index: 15004;
    background-color: transparent;
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0), rgba(255,255,255,0.26));
    background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0), rgba(255,255,255,0.26));
    background-image: -ms-linear-gradient(180deg, rgba(0,0,0,0), rgba(255,255,255,0.26));
    background-image: -o-linear-gradient(180deg, rgba(0,0,0,0), rgba(255,255,255,0.26));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#42ffffff' );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#42ffffff' );";
    background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(255,255,255,0.26));
    background-size: auto !important;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 14px 100px rgba(0,159,244,0.74);
    height: 1104px;
    width: 100%;
    max-width: 400px;
    top: 554px;
    left: 189.5px;
    display: block;
    margin: 0 auto;
    top: 50%;
}


.gracias-pag {
    text-align: center;
    padding: 90px 20px;
    max-width: 800px;
    margin: 0 auto;
    min-height: 57vh;
}

    .gracias-pag h1 {
        margin-bottom: 50px;
    }

#covidContent .cont {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    padding: 65px 20px 95px;
}

    #covidContent .cont #accordion {
        text-align: center;
        border: 0 !important;
    }

        #covidContent .cont #accordion h3 {
            padding: 20px 35px 20px 15px;
            background: #2699FB;
            color: #fff !important;
            font-weight: 700;
            border-radius: 10px !important;
            font-size: 1.14em;
            border: 0 !important;
            position: relative;
            line-height: 1.2;
        }

            #covidContent .cont #accordion h3 .ui-accordion-header-icon {
                position: absolute;
                right: 20px;
                top: 24px;
                color: #fff !important;
                -ms-transform: scale(1.3, 1.3);
                -webkit-transform: scale(1.3, 1.3);
                transform: scale(1.3, 1.3);
            }

        #covidContent .cont #accordion .inf {
            padding: 30px 15px 25px;
            border: 0;
        }

            #covidContent .cont #accordion .inf p {
                font-weight: 700;
                color: #616161;
            }

                #covidContent .cont #accordion .inf p a {
                    color: #2699FB !important;
                }

#rrhhPage .cuadro-azul {
    background: #0373D3;
    min-height: 100vh;
    padding: 130px 0 50px;
}

    #rrhhPage .cuadro-azul .cont {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 20px;
        text-align: center;
        color: #fff;
    }

        #rrhhPage .cuadro-azul .cont .logo-rrhh {
            display: block;
            margin: 0 auto 20px;
            width: 300px;
            max-width: 70%;
        }

        #rrhhPage .cuadro-azul .cont h1 {
            color: #fff;
            font-size: 32px;
            margin: 10px auto 20px;
        }

        #rrhhPage .cuadro-azul .cont a {
            color: #fff;
            text-decoration: underline;
        }

        #rrhhPage .cuadro-azul .cont .txt {
            margin: 10px auto 75px;
            max-width: 600px;
        }

        #rrhhPage .cuadro-azul .cont .formulario {
            display: flex;
            text-align: left;
            flex-wrap: wrap;
        }

            #rrhhPage .cuadro-azul .cont .formulario .form-group .text-danger {
                color: #ff0000;
                font-weight: bold;
                display: block;
                margin-top: 2px;
            }

            #rrhhPage .cuadro-azul .cont .formulario .form-group.adjuntar p {
                font-weight: 700;
                margin-bottom: 10px;
            }

            #rrhhPage .cuadro-azul .cont .formulario .form-group.btn-cont {
                padding: 10px 0 0;
            }

                #rrhhPage .cuadro-azul .cont .formulario .form-group.btn-cont .terminos {
                    margin-bottom: 25px;
                }

            #rrhhPage .cuadro-azul .cont .formulario .form-group.radios label {
                display: inline-block;
                margin-right: 10px;
                font-weight: normal;
                font-size: 14px;
            }

            #rrhhPage .cuadro-azul .cont .formulario .form-group .form-control {
                -webkit-border-radius: 15px;
                border-radius: 15px;
                background-clip: padding-box;
            }

            #rrhhPage .cuadro-azul .cont .formulario .form-col-1 {
                flex: 0 0 50%;
            }

            #rrhhPage .cuadro-azul .cont .formulario .form-col-2 {
                flex: 0 0 50%;
                padding-left: 35px;
            }

.terminos-modal-flex-cont {
    display: none;
}

    .terminos-modal-flex-cont .terminos-modal-cont {
        position: fixed;
        z-index: 6000;
        width: 100%;
        height: 100vh;
        display: flex;
        top: 0;
        left: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .terminos-modal-flex-cont .terminos-modal-cont .terminos-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            z-index: 0;
            background: #000;
            opacity: 0.6;
        }

        .terminos-modal-flex-cont .terminos-modal-cont .terminos-modal {
            position: relative;
            width: 500px;
            max-width: 100%;
            z-index: 1;
            background: #fff;
            -webkit-border-radius: 15px;
            border-radius: 15px;
            background-clip: padding-box;
            text-align: center;
        }

            .terminos-modal-flex-cont .terminos-modal-cont .terminos-modal .cont {
                padding: 20px 25px !important;
            }

                .terminos-modal-flex-cont .terminos-modal-cont .terminos-modal .cont h2 {
                    color: #0373D3;
                    margin: 15px 0 25px;
                }

                .terminos-modal-flex-cont .terminos-modal-cont .terminos-modal .cont .txtt {
                    text-align: justify;
                    color: #555;
                }

                .terminos-modal-flex-cont .terminos-modal-cont .terminos-modal .cont .btn-cont {
                    padding-top: 25px;
                    padding-bottom: 0;
                }

                    .terminos-modal-flex-cont .terminos-modal-cont .terminos-modal .cont .btn-cont .btn {
                        margin: 0 10px 20px;
                    }

                        .terminos-modal-flex-cont .terminos-modal-cont .terminos-modal .cont .btn-cont .btn.cancel-btn {
                            padding: 4px 14px !important;
                            color: #2699FB !important;
                            font-size: 0.9em !important;
                        }

                        .terminos-modal-flex-cont .terminos-modal-cont .terminos-modal .cont .btn-cont .btn.aceptar-btn {
                            min-width: 144px;
                        }

#page_test .iframe-info {
    padding: 70px 20px 0;
}

    #page_test .iframe-info p {
        max-width: 700px;
        text-align: center;
        margin: 0 auto;
    }

#page_test .iframe-cont {
    max-width: 1440px;
    margin: 0 auto;
    padding: 50px 20px;
    position: relative;
}

    #page_test .iframe-cont iframe {
        max-width: 100%;
        width: 100%;
    }

.info-set .cont .btn-cont {
    padding-top: 12px;
}

    .info-set .cont .btn-cont a {
        position: relative;
        margin: 0 18px 12px 0;
        text-decoration: none !important;
    }

        .info-set .cont .btn-cont a.whatsapp {
            border-color: #00bd2f;
            background-color: #00bd2f;
            color: #fff;
            padding-right: 50px;
        }

            .info-set .cont .btn-cont a.whatsapp img {
                height: 30px;
                position: absolute;
                top: 8px;
                right: 9px;
            }

.info-set.align-right .cont .btn-cont a {
    margin: 0 0 12px 18px;
}

.rounded-button-orange {
    background-color: #f47832;
    color: white;
    border: none;
    border-radius: 30px; /* Ajusta el valor según tus preferencias */
    padding: 10px 20px; /* Espaciado interno del botón */
    cursor: pointer;
}

    .rounded-button-orange:hover {
        color: white;
    }

.titular-recuadro-naranja {
    line-height: 1.3;
}

    .titular-recuadro-naranja span {
        font-family: 'CervoNeue', sans-serif;
        font-style: italic;
        text-transform: uppercase;
        padding: 12px 20px;
        display: inline-block;
        background: #f07832;
        color: #fff;
    }

.cervo {
    font-family: 'CervoNeue', sans-serif;
}

#adelanteIntro {
    background-image: url("/img/landing-adelante/bg3.jpg");
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 110px 0 100px;
    position: relative;
}

    #adelanteIntro img.logo {
        display: block;
        margin: 0 auto 44px;
        max-width: 280px;
        position: relative;
        z-index: 3;
    }

    #adelanteIntro .cont {
        position: relative;
        z-index: 2;
        max-width: 600px;
        margin-left: 130px;
    }

        #adelanteIntro .cont h1 {
            color: #fff;
            font-family: 'CervoNeue', sans-serif;
        }

            #adelanteIntro .cont h1 .blue {
                color: #014ca7;
                font-weight: bold;
                font-size: 83px;
                display: block;
                line-height: 1.2;
            }

            #adelanteIntro .cont h1 .white {
                display: block;
                font-size: 64px;
                color: #fff;
                line-height: 1;
            }

        #adelanteIntro .cont .subtitle {
            color: #fff;
            margin-bottom: 12px;
        }

        #adelanteIntro .cont .titular-recuadro-naranja {
            margin-bottom: 20px;
        }

        #adelanteIntro .cont .estudiantes-intro-info {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

            #adelanteIntro .cont .estudiantes-intro-info .call-link {
                display: flex;
                padding-right: 15px;
            }

                #adelanteIntro .cont .estudiantes-intro-info .call-link a {
                    display: flex;
                    color: #fff;
                    font-weight: 600;
                    margin-right: 25px;
                    justify-content: flex-start;
                    align-items: center;
                    text-decoration: none;
                }

                    #adelanteIntro .cont .estudiantes-intro-info .call-link a i {
                        font-size: 48px;
                        margin-right: 10px;
                    }

            #adelanteIntro .cont .estudiantes-intro-info .links {
                display: flex;
                padding-right: 15px;
            }

                #adelanteIntro .cont .estudiantes-intro-info .links span {
                    display: block;
                }

                #adelanteIntro .cont .estudiantes-intro-info .links img {
                    width: 60px;
                    height: 60px;
                }

            #adelanteIntro .cont .estudiantes-intro-info .telefonos {
                color: #fff;
            }

                #adelanteIntro .cont .estudiantes-intro-info .telefonos p {
                    margin: 0 0 4px;
                }

                #adelanteIntro .cont .estudiantes-intro-info .telefonos .sede {
                    margin-right: 2px;
                }

                #adelanteIntro .cont .estudiantes-intro-info .telefonos a {
                    color: #fff;
                    font-weight: 700;
                    display: inline-block;
                }

    #adelanteIntro .overlay {
        display: none;
        opacity: 0.8;
        background: #2699FB;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

#adelanteBeneficios {
    padding: 80px 0;
}

    #adelanteBeneficios .m {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
    }

        #adelanteBeneficios .m > h1.title {
            color: #014ca7;
            font-weight: bold;
            font-size: 44px;
            margin: 0 0 65px;
            text-align: center;
            line-height: 1.2;
        }

        #adelanteBeneficios .m .lista-beneficios {
            display: flex;
            justify-content: center;
            align-items: stretch;
            flex-wrap: wrap;
        }

            #adelanteBeneficios .m .lista-beneficios .beneficio {
                flex: 0 0 380px;
                max-width: 100%;
                padding: 12px;
            }

                #adelanteBeneficios .m .lista-beneficios .beneficio .cuadro {
                    overflow: hidden;
                    -webkit-border-radius: 20px;
                    border-radius: 20px;
                    background-clip: padding-box;
                    background: #0373D3;
                    position: relative;
                    border: 2px solid #fff;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -ms-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                }

                    #adelanteBeneficios .m .lista-beneficios .beneficio .cuadro:hover {
                        border-color: #0373D3;
                    }

                    #adelanteBeneficios .m .lista-beneficios .beneficio .cuadro .img {
                        background-color: #2899d5;
                        background-size: cover;
                        background-position: 50% 50%;
                        background-repeat: no-repeat;
                        width: 100%;
                        height: 244px;
                    }

                    #adelanteBeneficios .m .lista-beneficios .beneficio .cuadro .inf {
                        padding: 5px 20px;
                        text-align: center;
                        color: #fff;
                        height: 130px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: column;
                        position: relative;
                    }

                        #adelanteBeneficios .m .lista-beneficios .beneficio .cuadro .inf .title {
                            position: relative;
                            z-index: 1;
                            font-family: 'CervoNeue', sans-serif;
                            margin: 0;
                            font-size: 17px;
                            font-weight: normal;
                            color: #fff;
                            text-transform: uppercase;
                        }

                            #adelanteBeneficios .m .lista-beneficios .beneficio .cuadro .inf .title.title-big {
                                font-size: 25px;
                            }

                        #adelanteBeneficios .m .lista-beneficios .beneficio .cuadro .inf .subtitle {
                            position: relative;
                            z-index: 1;
                            margin: 5px 0 0;
                            font-size: 13px;
                            line-height: 1.3;
                            text-transform: uppercase;
                        }

                        #adelanteBeneficios .m .lista-beneficios .beneficio .cuadro .inf:after {
                            content: '';
                            display: block;
                            position: absolute;
                            z-index: 0;
                            bottom: 0;
                            left: 0;
                            width: 110px;
                            height: 110px;
                            background: url(/img/landing-adelante/triangulo.png) 0 0/cover no-repeat;
                        }

                        #adelanteBeneficios .m .lista-beneficios .beneficio .cuadro .inf small {
                            display: block;
                            line-height: 1.2;
                            position: relative;
                            z-index: 2;
                            margin-top: 8px;
                        }

                #adelanteBeneficios .m .lista-beneficios .beneficio.bg-bottom .cuadro .img {
                    background-size: 100% auto;
                    background-position: 50% 100%;
                }

        #adelanteBeneficios .m .valido {
            text-align: right;
            color: #0373D3;
            margin: 30px 0 0;
            font-size: 1.12em;
        }

#adelanteInformativo {
    background: #2699FB;
    padding: 80px 0 100px;
}

    #adelanteInformativo .m {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
    }

        #adelanteInformativo .m .cuadro {
            -webkit-border-radius: 20px;
            border-radius: 20px;
            background-clip: padding-box;
            overflow: hidden;
            display: flex;
        }

            #adelanteInformativo .m .cuadro .img {
                flex: 0 0 55%;
                background-size: cover;
                background-position: 0% 0%;
                background-repeat: no-repeat;
                background-image: url(/img/landing-adelante/estudiante_regular.jpg);
            }

            #adelanteInformativo .m .cuadro .imgNuevo {
                flex: 0 0 55%;
                background-size: cover;
                background-position: 0% 0%;
                background-repeat: no-repeat;
                background-image: url(/img/landing-adelante/nuevos_ingresos.jpg);
            }

            #adelanteInformativo .m .cuadro .inf {
                flex: 0 0 45%;
            }

                #adelanteInformativo .m .cuadro .inf .fondo-azul {
                    background: #0373D3;
                    padding: 30px;
                }

                    #adelanteInformativo .m .cuadro .inf .fondo-azul h1 {
                        color: #fff;
                        font-family: 'CervoNeue', sans-serif;
                        font-size: 35px;
                        line-height: 1.2;
                        font-weight: 300;
                        margin: 0;
                    }

                        #adelanteInformativo .m .cuadro .inf .fondo-azul h1 strong {
                            font-weight: 700;
                        }

                        #adelanteInformativo .m .cuadro .inf .fondo-azul h1 .gratis {
                            background: #f07832;
                            color: #fff;
                            display: inline-block;
                            padding: 4px 8px;
                            line-height: 1;
                            -webkit-border-radius: 10px;
                            border-radius: 10px;
                            background-clip: padding-box;
                        }

                #adelanteInformativo .m .cuadro .inf .fondo-blanco {
                    background: #fff;
                    padding: 30px 30px 70px;
                    color: #014ca7;
                }

        #adelanteInformativo .m .cuadro-naranja {
            -webkit-border-radius: 10px;
            border-radius: 10px;
            background-clip: padding-box;
            background-color: #F07831;
            color: #fff;
            font-family: 'CervoNeue', sans-serif;
            max-width: 660px;
            margin: -40px auto;
            position: relative;
            padding: 18px;
            text-align: center;
        }

            #adelanteInformativo .m .cuadro-naranja p {
                text-transform: uppercase;
                line-height: 1.2;
                font-size: 21px;
                margin: 0;
            }

#formularioSection {
    padding: 80px 0 100px;
}

    #formularioSection .m {
        max-width: 800px;
        margin: 0 auto;
        padding: 0 20px;
    }

    #formularioSection .nuestros {
        font-family: 'CervoNeue', sans-serif;
        color: #ADADAD;
        text-align: center;
        font-size: 24px;
        line-height: 1.3;
        font-weight: 500;
        margin: 0 auto 44px;
    }

    #formularioSection .form-box {
        border: 2px solid #0373D3;
        padding: 30px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background-clip: padding-box;
    }

        #formularioSection .form-box form .form-group {
            margin: 0 0 10px;
        }

            #formularioSection .form-box form .form-group .label {
                margin: 0;
                font-weight: 600;
                color: #0373D3;
                font-size: 14px;
            }

            #formularioSection .form-box form .form-group .form-control {
                -webkit-border-radius: 8px;
                border-radius: 8px;
                background-clip: padding-box;
                background-color: #F7F9FC;
                border-color: #A8C4E5;
            }

            #formularioSection .form-box form .form-group .helptext {
                font-size: 13px;
                color: #7d7d7d;
                padding-left: 4px;
                font-weight: 600;
                margin: 0 0 9px;
                line-height: 1;
            }

#adelanteFinanciamiento {
    color: #fff;
    padding-top: 90px;
}

    #adelanteFinanciamiento .bg {
        background: #2699FB;
        padding: 0 15px;
    }

        #adelanteFinanciamiento .bg .cols {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 0 64px;
            position: relative;
        }

            #adelanteFinanciamiento .bg .cols .inf {
                flex: 0 0 50%;
                line-height: 1.3;
                padding: 30px 0;
            }

                #adelanteFinanciamiento .bg .cols .inf .cont .title {
                    font-size: 44px;
                    margin-bottom: 44px;
                    font-weight: 700;
                    max-width: 400px;
                }

                #adelanteFinanciamiento .bg .cols .inf .cont p {
                    font-weight: 700;
                    margin: 0 0 20px;
                    font-size: 21px;
                    max-width: 400px;
                }

                    #adelanteFinanciamiento .bg .cols .inf .cont p.color-azul {
                        color: #1358A8;
                    }

            #adelanteFinanciamiento .bg .cols .img {
                flex: 0 0 50%;
                position: relative;
            }

                #adelanteFinanciamiento .bg .cols .img img {
                    max-width: 100%;
                    display: block;
                    margin-top: -165px;
                }

    #adelanteFinanciamiento .logo-financiamiento {
        display: block;
        margin: 90px auto 30px;
    }

    #adelanteFinanciamiento .info-financiamiento {
        margin: 0 auto 44px;
        text-align: center;
        color: #222;
        max-width: 400px;
        font-size: 18px;
        font-weight: bold;
    }

    #adelanteFinanciamiento .lista-financiamiento {
        text-align: center;
        padding: 80px 20px 0;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        max-width: 1400px;
    }

        #adelanteFinanciamiento .lista-financiamiento .elem {
            margin: 0 auto 70px;
            flex: 0 0 244px;
            position: relative;
        }

            #adelanteFinanciamiento .lista-financiamiento .elem img {
                max-width: 100%;
                display: block;
                margin: 0 auto 15px;
            }

            #adelanteFinanciamiento .lista-financiamiento .elem p {
                max-width: 400px;
                margin: 30px auto;
                font-size: 16px;
                font-weight: bold;
                color: #222;
            }

    #adelanteFinanciamiento .cuadro-bancos {
        text-align: center;
        padding: 20px 0 70px;
    }

        #adelanteFinanciamiento .cuadro-bancos img {
            max-width: 100%;
        }

        #adelanteFinanciamiento .cuadro-bancos p {
            max-width: 600px;
            margin: 30px auto;
            font-size: 18px;
            font-weight: bold;
            color: #222;
        }

#adelanteMatriculaAsistida {
    background: #2699FB;
    color: #fff;
    text-align: center;
    padding: 36px 20px 28px;
}

    #adelanteMatriculaAsistida h1 {
        font-family: 'CervoNeue', sans-serif;
        font-size: 42px;
        line-height: 1.1;
        font-weight: 600;
        max-width: 600px;
        margin: 0 auto 15px;
    }

    #adelanteMatriculaAsistida p {
        font-size: 20px;
        font-weight: 500;
        margin: 0 auto 0;
    }

        #adelanteMatriculaAsistida p a {
            color: #fff;
        }

        #adelanteMatriculaAsistida p img {
            height: 2em;
        }

#adelanteSedes {
    padding: 44px 0;
}

    #adelanteSedes .lista-sedes {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        position: relative;
        max-width: 1100px;
        margin: 0 auto 50px;
        padding: 0 20px;
    }

        #adelanteSedes .lista-sedes .sede {
            height: 100%;
            flex: 0 0 50%;
        }

            #adelanteSedes .lista-sedes .sede .sede-cuadro {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: stretch;
                padding: 20px;
            }

                #adelanteSedes .lista-sedes .sede .sede-cuadro .img {
                    flex: 0 0 45%;
                    background-size: cover;
                    background-position: 50% 50%;
                    min-height: 300px;
                }

                #adelanteSedes .lista-sedes .sede .sede-cuadro .inf {
                    flex: 0 0 55%;
                    padding-left: 25px;
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                    padding-bottom: 30px;
                }

                    #adelanteSedes .lista-sedes .sede .sede-cuadro .inf .subida {
                        font-size: 14px;
                        font-weight: 900;
                        color: #ddd;
                        text-transform: uppercase;
                        margin: 0 0 10px;
                    }

                    #adelanteSedes .lista-sedes .sede .sede-cuadro .inf .title {
                        font-size: 20px;
                        font-weight: 700;
                        margin: 0 0 10px;
                    }

                    #adelanteSedes .lista-sedes .sede .sede-cuadro .inf .whatsapp {
                        font-weight: 700;
                        margin: 0 0 10px;
                        font-size: 17px;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                    }

                        #adelanteSedes .lista-sedes .sede .sede-cuadro .inf .whatsapp img.ic {
                            height: 1.3em;
                        }

                        #adelanteSedes .lista-sedes .sede .sede-cuadro .inf .whatsapp a {
                            display: inline-block;
                            margin-left: 8px;
                        }

                    #adelanteSedes .lista-sedes .sede .sede-cuadro .inf .contactanos {
                        font-weight: 700;
                        text-transform: uppercase;
                        color: #0373D3;
                        font-size: 10px;
                    }

#adelanteFooter {
    background: #f9f9f9;
    color: #0373D3;
    padding: 55px 0px 70px;
}

    #adelanteFooter h1.title {
        font-family: 'CervoNeue', sans-serif;
        font-size: 42px;
        line-height: 1.1;
        font-weight: 600;
        max-width: 600px;
        margin: 0 auto 15px;
        text-align: center;
        padding: 0 20px;
        color: #0373D3;
    }

    #adelanteFooter .redes {
        text-align: center;
        padding: 20px 0 50px;
    }

        #adelanteFooter .redes a {
            padding: 4px;
            display: inline-block;
        }

            #adelanteFooter .redes a img {
                width: 44px;
            }

    #adelanteFooter .cols {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
    }

        #adelanteFooter .cols .col {
            flex: 0 0 220px;
            margin: 0 15px 30px;
            padding-top: 40px;
        }

            #adelanteFooter .cols .col p {
                color: #0373D3;
                font-weight: bold;
                font-size: 20px;
            }

            #adelanteFooter .cols .col.right {
                text-align: right;
            }

                #adelanteFooter .cols .col.right p {
                    margin-bottom: 10px;
                }

                #adelanteFooter .cols .col.right img {
                    display: block;
                    float: right;
                    width: 55px;
                    height: 55px;
                }

#noDetengas {
    background: #1358A8;
    padding: 80px 0 60px;
}

    #noDetengas .cont {
        text-align: center;
        max-width: 890px;
        margin: 0 auto;
        padding: 0 20px;
    }

        #noDetengas .cont .title {
            color: #2699FB;
            font-size: 50px;
            margin: 0 0 15px;
            font-weight: 700;
            line-height: 1;
            font-family: 'CervoNeue', sans-serif;
        }

        #noDetengas .cont .subtitle {
            font-size: 25px;
            font-weight: 300;
            color: #fff;
            margin: 0 0 10px;
            line-height: 1;
            font-family: 'CervoNeue', sans-serif;
        }

        #noDetengas .cont .links {
            margin: 40px 0 0;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

            #noDetengas .cont .links .link {
                display: flex;
                justify-content: center;
                align-items: center;
                color: #fff;
                margin: 15px;
            }

                #noDetengas .cont .links .link a {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                    text-decoration: none;
                }

                    #noDetengas .cont .links .link a .fa {
                        font-size: 30px;
                        margin-right: 8px;
                    }

                #noDetengas .cont .links .link img {
                    height: 44px;
                }

#sectionNums {
    background-color: #014ca7;
    padding: 44px 0 10px;
}

    #sectionNums .cont {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

        #sectionNums .cont .col {
            flex: 0 0 320px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 20px 40px;
        }

            #sectionNums .cont .col .num {
                font-size: 55px;
                font-weight: bold;
                color: #fff;
                margin-right: 10px;
            }

            #sectionNums .cont .col .txt {
                color: #fff;
                background-color: #2699FB;
                padding: 12px;
                -webkit-border-radius: 15px;
                border-radius: 15px;
                background-clip: padding-box;
                line-height: 1.15;
                font-weight: 600;
                font-family: 'CervoNeue', sans-serif;
            }

                #sectionNums .cont .col .txt img {
                    height: 2.7em;
                }

#selectTipoEstudiante {
    max-width: 900px;
    margin: 0 auto;
    font-size: 0;
    padding: 44px 0;
}

    #selectTipoEstudiante .ops {
        display: flex;
    }

        #selectTipoEstudiante .ops a {
            flex: 0 0 50%;
            display: block;
            position: relative;
        }

            #selectTipoEstudiante .ops a img {
                display: block;
                max-width: 100%;
            }

@media only screen and (max-width: 960px) {
    /*-------------------Hyper Games------------------*/
    #formSec-hg .cols-hg .form-col-iz-hg {
        flex: 0 0 100%;
        width: 100%;
        padding: 0;
        /*        padding: 0 20px 30px;*/
    }

    #formSec-hg .cols-hg .form-col-der-hg {
        flex: 0 0 100%;
        width: 100%;
        padding: 0;
    }
    /*-------------------Hyper Games------------------*/

    #adelanteFinanciamiento .bg .cols .inf {
        flex: 0 0 90%;
        text-align: center;
        padding: 70px 0 0;
    }

        #adelanteFinanciamiento .bg .cols .inf .cont .title {
            margin: 0 auto 35px;
        }

        #adelanteFinanciamiento .bg .cols .inf .cont p {
            margin: 0 auto 20px;
        }

    #adelanteFinanciamiento .bg .cols .img {
        flex: 0 0 100%;
    }

        #adelanteFinanciamiento .bg .cols .img img {
            margin-top: -25px;
        }

    #adelanteInformativo .m .cuadro {
        flex-wrap: wrap;
    }

        #adelanteInformativo .m .cuadro .img {
            flex: 0 0 100%;
            height: 47vw;
        }

        #adelanteInformativo .m .cuadro .imgNuevo {
            flex: 0 0 100%;
            height: 47vw;
        }

        #adelanteInformativo .m .cuadro .inf {
            flex: 0 0 100%;
            text-align: center;
        }
}

@media only screen and (max-width: 768px) {

    #page_landing .landingLogoPI {
        padding: 182px 130px 0px;
    }

        #page_landing .landingLogoPI .logo {
            /*width: 420px;*/
            transform: translateY(-245%)
        }

    #page_landing .bandera {
        width: 40%;
    }

    #page_landing #apply p.apply-intro-txt-pi {
        font-size: 12px !important;
    }

    .politicas-cont-pi .pol span {
        font-size: 10px;
    }

    .footer-pi {
        padding: 140px 130px 0px;
    }

    #adelanteIntro {
        background-position: 70% 50%;
        padding-top: 160px;
    }

        #adelanteIntro .overlay {
            display: block;
        }

        #adelanteIntro .cont {
            max-width: 100%;
            margin: 0 auto;
            padding: 0 20px;
            text-align: center;
        }

            #adelanteIntro .cont h1 {
                text-align: center;
            }

                #adelanteIntro .cont h1 .blue {
                    font-size: 54px;
                }

                #adelanteIntro .cont h1 .white {
                    font-size: 42px;
                }

            #adelanteIntro .cont .estudiantes-intro-info {
                flex-wrap: wrap;
                justify-content: center;
            }

                #adelanteIntro .cont .estudiantes-intro-info .call-link {
                    flex: 0 0 100%;
                    justify-content: center;
                    align-items: center;
                    padding: 0;
                    margin: 20px 0 20px;
                }

                    #adelanteIntro .cont .estudiantes-intro-info .call-link a {
                        margin: 0;
                    }

                #adelanteIntro .cont .estudiantes-intro-info .telefonos {
                    text-align: left;
                }

            #adelanteIntro .cont .titular-recuadro-naranja {
                text-align: center;
            }

    #adelanteFinanciamiento {
        padding-top: 30px;
    }

    #adelanteMatriculaAsistida {
        padding-top: 50px;
    }

    #adelanteSedes .lista-sedes {
        margin-bottom: 10px;
    }

        #adelanteSedes .lista-sedes .sede {
            flex: 0 0 100%;
            margin-bottom: 20px;
        }

            #adelanteSedes .lista-sedes .sede .sede-cuadro {
                padding: 0;
            }

                #adelanteSedes .lista-sedes .sede .sede-cuadro .img {
                    min-height: 280px;
                }
}