/* Fonts */
@font-face{font-family: 'rb';src: url("../fonts/rubik-bold.ttf");font-weight: black;}
@font-face{font-family: 'rl';src: url("../fonts/rubik-light.ttf");font-weight: black;}
@font-face{font-family: 'rm';src: url("../fonts/rubik-medium.ttf");font-weight: black;}
@font-face{font-family: 'rsm';src: url("../fonts/rubik-semibold.ttf");font-weight: black;}
@font-face{font-family: 'se';src: url("../fonts/sofiasans-extrabold.ttf");font-weight: black;}
@font-face{font-family: 'sl';src: url("../fonts/sofiasans-light.ttf");font-weight: black;}
@font-face{font-family: 'sm';src: url("../fonts/sofiasans-medium.ttf");font-weight: black;}
@font-face{font-family: 'sr';src: url("../fonts/sofiasans-regular.ttf");font-weight: black;}
@font-face{font-family: 'siex';src: url("../fonts/sofiacond-ExtraBoldItalic.ttf");font-weight: black;}
@font-face{font-family: 'si';src: url("../fonts/sofiacond-Italic.ttf");font-weight: black;}
@font-face{font-family: 'sim';src: url("../fonts/sofiacond-Italic-SemiBoldItalic.ttf");font-weight: black;}
@font-face{font-family: 'scm';src: url("../fonts/sofiacond-Medium.ttf");font-weight: black;}
@font-face{font-family: 'scr';src: url("../fonts/sofiacond-Regular.ttf");font-weight: black;}

::-webkit-scrollbar-thumb {
    background-color: #283e84;
    border-radius: unset;
    cursor: pointer
}

::-webkit-scrollbar-track {
    background: #f0f3fc;
}

::-webkit-scrollbar {
    height: 1px;
    width: 4px
}
html{
    overflow-x: hidden;
}
body{
    background: #283E84;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
.container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.container .row{
    margin-right: -15px;
    margin-left: -15px;
}
#hero{
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #283E84;
    margin-top: 130px;
}
#hero .content-hero{
    min-height: 500px;
    position: relative;
}
#hero .contenidos-hero {
    display: inline-block;
    background: #283e84;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    position: sticky;
    bottom: 0;
}
#hero .contenidos-hero h3, .contenidos-hero h1{
    font-family: "siex";
    text-transform: uppercase;
    margin-bottom: 0px;
}
#hero .fecha-examen{
    background: #48c5d8;
    padding: 12px 20px;
    color: #283e84;
}
#hero .nombre-carrera {
    color: #ffffff;
    padding: 15px 24px;
}
#hero .nombre-carrera h1{
    line-height: 1.1;
}
.container-form{
    background: #E7E7E7;
    border-radius: 20px;
    overflow: hidden;
    padding: 40px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
        min-height: 400px;
}
.container-form h3{
    font-family: "siex";
    color: #283f82;
    font-size: 1.95rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 16px;
}
.container-form .input input {
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 35px;
    display: block;
    width: 100%;
    padding: 9px 14px;
    font-size: 0.9rem;
}
.container-form .input select{
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 35px;
    display: block;
    width: 100% !important;
    padding: 9px 14px;
    font-size: 0.9rem;
}
.container-form .legal-consent-container {
    margin-top: 22px;
    font-size: 0.82rem;
    line-height: 1.2;
}
.container-form .legal-consent-container p{
    font-size: 0.82rem;
    line-height: 1.2;
    margin-bottom: 8px;
}
.container-form .legal-consent-container ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.container-form .legal-consent-container .field.hs-form-field {
    padding: 0;
}
.container-form .legal-consent-container ul li{
    margin-bottom: 8px;
    padding: 0;
}
.container-form .field.hs-form-field{
    position: relative;
}
.container-form .hs_submit.hs-submit{
    text-align: center;
}
.container-form .hs_submit.hs-submit input{
    background: #283f82;
    border-radius: 27px;
    padding: 11px 35px;
    font-family: "siex";
    color: #ffffff;
    font-size: 1.5rem;
    text-transform: uppercase;
    border: 0;
    line-height: 1;
}
.container-form .no-list.hs-error-msgs.inputs-list {
    color: #c96161;
    list-style: none;
    display: inline-block;
    width: 100%;
    font-size: 0.7rem;
    line-height: 1;
    background: #ffe5e5;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    top: 72%;
    width: 100%;
}
.container-form .field.hs-form-field {
    padding: 6px 0px;
}
.container-form .field.hs-form-field > label {
    display: none !important;
}
.banner-text{
    background: #47c5d8;
    padding: 0;
    display: block;
}
#texto-movimiento .enlace-banner{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
}
#texto-movimiento {
    padding-top: 22px;
    padding-bottom: 22px;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}
#texto-movimiento .banner-text{
    background: #47c5d8;
    padding: 0;
    display: block;
}
#texto-movimiento .banner-text:hover{
    background: #3db5c7;
}
#texto-movimiento .texto-track {
    display: flex;
    white-space: nowrap;
    width: max-content;
    animation: moverTexto 26s linear infinite;
}
#texto-movimiento .texto-track .texto-scroll {
    color: #283E84;
    text-align: center;
    font-size: 2rem;
    font-family: 'siex';
    text-transform: uppercase;
    line-height: 1;
    padding: 0 2%;
}
@keyframes moverTexto {0% {transform: translateX(0);}100% {transform: translateX(-33.333%);}}

.hero-administracion{background-image: url(../img/hero-administracion.jpg);}
.hero-ambiental{background-image: url(../img/hero-ambiental.jpg);}
.hero-arquitectura{background-image: url(../img/hero-arquitectura.jpg);}
.hero-datos{background-image: url(../img/hero-datos.jpg);}
.hero-computacion{background-image: url(../img/hero-computacion.jpg);}
.hero-contabilidad{background-image: url(../img/hero-contabilidad.jpg);}
.hero-derecho{background-image: url(../img/hero-derecho.jpg);}
.hero-educacion{background-image: url(../img/hero-educacion.jpg);}
.hero-civil{background-image: url(../img/hero-civil.jpg);}
.hero-iet{background-image: url(../img/hero-telecomunicaciones.jpg);}
.hero-industrial{background-image: url(../img/hero-industrial.jpg);}
.hero-ia{background-image: url(../img/hero-ia.jpg);}
.hero-mecatronica{background-image: url(../img/hero-mecatronica.jpg);}
.hero-medicina{background-image: url(../img/hero-medicina.jpg);}
.hero-psicologia{background-image: url(../img/hero-psicologia.jpg);}

@media (max-width: 767px) {
    .navbar {
        top: 0;
    }
    #hero {
        margin-top: 70px;
    }
    #hero .content-hero {
        min-height: inherit;
        padding: 0;
    }
    #hero .column-form{
        background: #E7E7E7;
    }
    #hero .container-form {
        padding: 30px 10px;
    }
    #hero .contenidos-hero {
        position: relative;
    }
    .hero .column-content {
        min-height: 380px;
        background-size: cover;
        background-position: left top;
    }
    .hero-contabilidad .column-content{background-image: url(../img/hero-contabilidad.jpg);}
    .hero-administracion .column-content{background-image: url(../img/hero-administracion.jpg);}
    .hero-ambiental .column-content{background-image: url(../img/hero-ambiental.jpg);}
    .hero-arquitectura .column-content{background-image: url(../img/hero-arquitectura.jpg);}
    .hero-datos .column-content{background-image: url(../img/hero-datos.jpg);}
    .hero-computacion .column-content{background-image: url(../img/hero-computacion.jpg);}
    .hero-contabilidad .column-content{background-image: url(../img/hero-contabilidad.jpg);}
    .hero-derecho .column-content{background-image: url(../img/hero-derecho.jpg);}
    .hero-educacion .column-content{background-image: url(../img/hero-educacion.jpg);}
    .hero-civil .column-content{background-image: url(../img/hero-civil.jpg);}
    .hero-iet .column-content{background-image: url(../img/hero-telecomunicaciones.jpg);}
    .hero-industrial .column-content{background-image: url(../img/hero-industrial.jpg);}
    .hero-ia .column-content{background-image: url(../img/hero-ia.jpg);}
    .hero-mecatronica .column-content{background-image: url(../img/hero-mecatronica.jpg);}
    .hero-medicina .column-content{background-image: url(../img/hero-medicina.jpg);}
    .hero-psicologia .column-content{background-image: url(../img/hero-psicologia.jpg);}
    .footer{
        overflow: hidden;
    }
}

.banner-hero {background-size: 100%;background-position: center top;background-repeat: no-repeat;padding-top: 28%;background-color: #283E84;margin-top: 130px;}
.banner-hero h2{font-size: 2.8rem;color: #ffffff;font-family: 'siex';line-height: 0.8;text-transform: uppercase;text-shadow: 5px 5px 5px #333;}
.banner-hero h1{transform: rotate(-1deg);margin-bottom: 4%;}
.banner-hero h1 span{color: #47c5d8;line-height: 1;font-size: 3.6rem;font-family: 'siex';text-transform: uppercase;padding: 0;margin: 0;display: block;background: #283E84;padding: 4px 20px 4px 10px;text-align: left;margin-bottom: 1%;width: fit-content;}
.fecha{width: 80%;background: #283E84;float: right;border-radius: 10px 10px 0 0;padding-top: 2%;}
.datos{display: grid;grid-template-columns: 50% 50%;padding: 20px 10px;}
.datos div:nth-child(1){border-right: 1px solid #ffffff;padding-right: 10px;}
.datos h3{font-size: 3rem;color: #ffffff;font-family: 'siex';line-height: 0.8;text-transform: uppercase;text-align: center;}
.datos h4{font-size: 1.6rem;color: #ffffff;font-family: 'si';line-height: 1;text-transform: uppercase;text-align: center;}
.datos a {color: #283E84;text-align: center;width: 100%;display: block;background: #47c5d8;padding: 5px 0;text-decoration: none;font-size: 1.2rem;font-family: 'sr';border-radius: 2px;margin-top: 10%;transition: 0.5s ease-in-out}
.datos a:hover{background:#000;color:#47c5d8;}
.datos h5{color: #ffffff;font-family: 'siex';text-transform: uppercase;font-size: 3.6rem;padding: 0;  padding-left: 0px;margin: 0;line-height: 0.8;padding-left: 10%;}
#valor-carrera{
    background-color: #283E84;
    position: relative;
}
#valor-carrera .img-internas-carreras{
    position: absolute;
    width: 50% !important;
    height: 100%;
    top: 0;
    right: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
#valor-carrera .content-valor-carrera{
    padding: 90px 10% 90px 0px;
}
#valor-carrera .content-valor-carrera p {
    font-family: 'scr';
    color: #ffffff;
    font-size: 1.48rem;
    line-height: 1.05;
}
#valor-carrera .breadcrumbs ul{
    display: flex;
    list-style: none;
    color: #ffffff;
    padding: 9px 0px;
    margin-bottom: 0;
    font-size: 14px;
    flex-wrap: wrap;
    line-height: 1.2;
}
#valor-carrera .breadcrumbs ul li a{
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    transition: 500ms;
}
#valor-carrera .breadcrumbs ul li a:hover{
    opacity: 1;
}
#valor-carrera .breadcrumbs ul li span{
    font-weight: 600;
}
#valor-carrera .breadcrumbs ul{
    display: flex;
    list-style: none;
    color: #ffffff;
    padding: 9px 0px;
    margin-bottom: 0;
    font-size: 14px;
    flex-wrap: wrap;
    line-height: 1.2;
}
#valor-carrera .breadcrumbs ul li a{
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    transition: 500ms;
}
#valor-carrera .breadcrumbs ul li a:hover{
    opacity: 1;
}
#valor-carrera .breadcrumbs ul li span{
    font-weight: 600;
}
#valor-carrera .verde{background-color: #47c5d8;width: 10%;height: 5px!important;opacity: 1;}
.int-admin{background-image: url(../img/admin-a.jpg);}
.int-amb{background-image: url(../img/amb-a.jpg);}
.int-arq{background-image: url(../img/arq-a.jpg);}
.int-cd{background-image: url(../img/cd-a.jpg);}
.int-cs{background-image: url(../img/compu-a.jpg);}
.int-conta{background-image: url(../img/cont-a.jpg);}
.int-der{background-image: url(../img/der-a.jpg);}
.int-edu{background-image: url(../img/edu-a.jpg);}
.int-civil{background-image: url(../img/civ-a.jpg);}
.int-iet{background-image: url(../img/iet-a.jpg);}
.int-indu{background-image: url(../img/indu-a.jpg);}
.int-ia{background-image: url(../img/ia-a.jpg);}
.int-mec{background-image: url(../img/mec-a.jpg);}
.int-med{background-image: url(../img/med-a.jpg);}
.int-psy{background-image: url(../img/psy-a.jpg);}

@media (max-width: 767px){
    #valor-carrera .breadcrumbs ul {
        font-size: 12px;
    }
    #valor-carrera .breadcrumbs ul li svg {
        width: 10px;
        height: 10px;
        margin-left: -5px;
    }
    #valor-carrera .content-valor-carrera {
        padding: 40px 0px 40px 0px;
    }
    #valor-carrera .img-internas-carreras{
        position: relative;
        width: 100% !important;
        height: 300px;
    }
    #valor-carrera .content-valor-carrera p {
        font-size: 1.2rem;
    }
    
}

.celeste{background-color: #47c5d8;width: 10%;height: 5px!important;opacity: 1;margin:1% 0;}
.perfil{background: #f1f1f1;padding: 2% 0;}
.perfil h2,.carrera h2{color: #333333;font-size: 3.6rem;font-family: 'siex';text-transform: uppercase;line-height: 1;margin: 0;padding: 0;}
.acade{border: 1px solid #f1f1f1;box-shadow: 0 0 10px rgba(0,0,0,0.5);border-radius: 10px;padding: 20px 0;margin: 10% 0;background: #ffffff;height: 85%;}
.acade img{width: auto;margin:auto;display: block;margin-bottom: 10%;}
.acade h3{color: #283E84;text-align: center;font-size: 2rem;font-family: 'siex';text-transform: uppercase;line-height: 1;padding: 0 6%;}
.acade p {padding: 0% 5% ;font-family: 'scm';font-size: 1.4rem;color: #5A5A5A;line-height: 1;text-align: center;}
.acade ul {font-size: 1.4rem;text-align: left;}
.campo{background: #283E84;padding: 2% 0;}
.campo h2, .goals h2,.elige h2{color: #ffffff;font-size: 3.6rem;font-family: 'siex';text-transform: uppercase;line-height: 1;margin: 0;padding: 0;}
.verde-b{background-color: #47c5d8;width: 10%;height: 5px!important;opacity: 1;margin: 0;margin-top: 1%;}
.trescol{columns: 3;}
.cuatrocol{columns: 4;}
.laboral > li {break-inside: avoid;}
.campo p{color: #ffffff;font-family: 'scr';font-size: 1.4rem;line-height: 1;padding: 2% 0;}
.campo li{color: #ffffff;padding: 0% 5%;font-family: 'scm';font-size: 1.4rem;line-height: 1;padding-bottom: 2%;}
.campo ul {list-style-type: none;}
.campo li::before {content: url(../img/arrow.png);color: #47c5d8;margin-right:2%;}
.why{position: relative;}
.video iframe{width: 100%;height: 720px;}
.float{position: absolute;top: 0;z-index: 2020;padding: 0;}
.float h2 {width: 30%;padding:25px 50px !important;background: #283E84;margin: 0;color: #ffff;font-size: 2rem;font-family: 'siex';text-transform: uppercase;line-height: 1;margin: 0;float: left;height: auto;overflow: hidden;}
.float .largo{width:40%!important;}
.triangle-element {width: 60px;padding: 3% 0;background: #283E84;clip-path: polygon(0% 0%, 100% 0%, 0% 100%);float: left;margin-top: -1px;}
.carrera{background: #f1f1f1;padding: 2% 0;}
.goals{padding: 2% 0;}
.logro{width: 80%;margin: 5% auto;display: block;display: grid;grid-template-columns: 30% 65%;gap: 5%;}
.logro div{border-radius: 10px;overflow: hidden;padding: 20px 10px;height: 100%;}
.logro div:nth-child(1){padding: 0;background: #ffffff;height: 100%;display: flex;justify-content: center;align-items: center;}
.logro img{width: 150px;margin:10% auto;display: block;}
.logro div:nth-child(2){background: #ffffff;}
.logro p{font-family: 'rl';color: #5A5A5A;line-height: 1;text-align: justify;padding: 20px;}
.reco{background-image: url(../img/campus.jpg);background-repeat: no-repeat;background-position:center;background-size: 100%;min-height: 820px;}
.test {padding: 25% 0 5% 0;width: 70%;margin: auto;display: block;}
.test h4{color: #FFFFFF;font-family: "siex", Sans-serif;font-size: 2rem;font-weight: 900;font-style: italic;line-height: 1;text-shadow: 0px 0px 10px #000000;width: fit-content;}
.test h3{color: #47c5d8;font-family: "siex", Sans-serif; font-size: 3.4rem;font-weight: 900;text-transform: uppercase;background-color: #283E84;width: fit-content;padding: 10px 15px;transform: rotate(-2deg);}
.test h5{color: #FFFFFF;font-family: "siex", Sans-serif; font-size: 2rem;font-weight: 900;text-transform: uppercase;background-color: #283E84;width: fit-content;padding: 10px 15px;transform: rotate(-2deg);margin-bottom: 4%;}
.testt {background: #FFF;padding: 20px 40px;border-radius: 10px;}
.testt p{text-align: justify;font-family: 'rl';font-style: italic;}
.reco .carousel-control-prev-icon {background-image: url(../img/nav-left.png);}
.reco .carousel-control-next-icon {background-image: url(../img/nav-right.png);}
.reco .carousel-control-next-icon,.reco .carousel-control-prev-icon {width: 2rem;height: 2rem;}
.carousel-control-next, .carousel-control-prev{opacity: 1;}
.elige {padding: 2% 0;}
.eli{padding: 20px 0;margin: 10% 0;}
.eli img{width: auto;margin:auto;display: block;margin-bottom: 10%;}
.eli h3{color: #47c5d8;text-align: center;font-size: 2rem;font-family: 'siex';text-transform: uppercase;line-height: 1;}
.eli p {padding: 0% 10% 0 10%;font-family: 'rl';font-size: 1rem;color: #ffffff;text-align: center;}
.campus{background-image: url(../img/cam.jpg);background-repeat: no-repeat;background-position:center;background-size: 100%;border-radius: 10px;padding-top: 40%;overflow: hidden;}
.campus h3 {text-align: center;color: #47c5d8;font-family: 'siex';text-transform: uppercase;background: rgba(0,0,0,0.8);padding-top: 2%;padding-bottom:2%;line-height: 1;margin: 0;}
.acorde{margin: 5% 0;}
.accordion-item {background-color:rgba(0, 0, 0, 0);border: none;border-bottom: 1px solid #47c5d8;}
.accordion-button:focus {border-color: none;box-shadow:none;}
.accordion-button:not(.collapsed) {box-shadow: none;}
.accordion-button{background-color: rgba(0, 0, 0, 0);}
.accordion-button:not(.collapsed) {color: #283E84;background-color: #f1f1f1;box-shadow:none;}
.acorde .accordion-button{font-size: 1.8rem;font-family: 'siex';text-transform: uppercase;line-height: 1;}
.accordion-button::after {background-image: url("../img/collap.png");}
.colu2{display: grid;grid-template-columns: 60% 40%;} 
.conte-acord img{width: 90%;margin: auto;display: block;border-radius: 5px;}
.conte-acord h4 {color: #000;font-size: 1.6rem;font-family: 'sim';text-transform: uppercase;}
.conte-acord p {font-family: 'rl';text-align: justify;margin: 0;margin-bottom: 1%;}
.conte-acord ul {list-style-type: none;padding: 1% 0;margin: 0;}
.conte-acord li::before {content: url(../img/arrow.png);color: #47c5d8;margin-right: 0.5%;}
.conte-acord li {font-family: 'rl';text-align: justify;padding-bottom: 0%;}
.why-img{width: 100%;border-radius: 10px;}
:root{--peek: 72px;--gap: 16px;--slide-width: 78vw;--slide-max: 980px;--img-h: 420px;       }
.peek-carousel {position: relative;}
.peek-track {display: flex;gap: var(--gap);overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.peek-track::-webkit-scrollbar { display: none; }
.peek-slide {scroll-snap-align: center;flex: 0 0 var(--slide-width);max-width: var(--slide-max);position: relative;}
.peek-card {border-radius: 16px;overflow: hidden;box-shadow: 0 6px 24px rgba(0,0,0,.12);background: #fff;}
.peek-img {width: 100%;height: var(--img-h);object-fit: cover;display: block;}
.peek-nav {position: absolute;top: 50%;translate: 0 -50%;z-index: 2;font-size: 4rem;color: #47c5d8;border:none;background: none;}
.peek-prev { left: 8px; }
.peek-next { right: 8px; }
.peek-nav:disabled { opacity: .5; cursor: not-allowed; }
.mov .celeste{margin-bottom: 5%;}
.mov{display: none;}
.pc{display: block;}
@media screen and (max-width: 810px) {
	section{overflow: hidden;}
	.banner-hero {padding-top: 60%;background-size: 219%;background-position: -650px;}
	.fecha{width: 100%;}
	.banner-hero h2{font-size: 2rem;}
	.banner-hero h1 span {font-size: 3rem;}
	.datos h3 {font-size: 2.4rem;}
	.datos h4 {font-size: 1.2rem;}
	.datos a {font-size: 1rem;}
	.datos h5 {font-size: 3rem;}
	.float h2 {width: 50%;font-size: 1.2rem;}
	.triangle-element {height: 90px;}
	.video iframe{height: 360px;}
	.perfil h2, .carrera h2,.campo h2, .goals h2, .elige h2{font-size: 2.4rem;}
	.reco{background-size: 170%;height: auto;overflow: hidden;padding-top: 132px;background-position: top;}
	.test {padding-top: 0%;padding-bottom: 10%;}
	.test h3{font-size: 2.6rem;}
	.test h4{font-size: 1.6rem;}
	.test h5 {font-size: 1.4rem;}
	.laboral {columns: 2;}
	.testt {padding: 20px}
}
@media screen and (max-width: 640px) {
	.iet-h span{font-size: 2rem!important;}
	.float .largo{width: 80%!important;}
	.perfil h2, .carrera h2, .campo h2, .goals h2, .elige h2 {font-size: 2rem;}
	.verde {width: 20%;}
	.perfil,.campo,.carrera,.goals,.elige {padding: 8% 0;}
	.acade,.eli {margin: 4% 0;}
	.acade {height: 90%;}
	.celeste, .verde-b {width: 20%;}
	.laboral {columns: 1;}
	.float h2 {width: 80%;font-size: 1.2rem;padding: 10px!important;}
	.triangle-element { height: 60px;}
	.logro {width: 90%;margin: 5% auto;display: block;}
	.test {padding: 20% 0;width: 95%;}
	.test h4 {font-size: 1.2rem;}
	.testt {padding: 30px;}
	.mov{display: block;}
	.pc{display: none;}
	.mov .eli {padding: 20px 0;width: 87%;margin: auto;height: 380px;}
	.logro div:nth-child(1) {margin-bottom: 5%}
}