/* Fonts */
@font-face {font-family: 'rubik';src: url('../fonts/rubik-light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'rubik';src: url('../fonts/rubik-medium.ttf') format('truetype');font-weight: 500;font-style: normal;}
@font-face {font-family: 'rubik';src: url('../fonts/rubik-semibold.ttf') format('truetype');font-weight: 600;font-style: normal;}
@font-face {font-family: 'rubik';src: url('../fonts/rubik-bold.ttf') format('truetype');font-weight: 700;font-style: normal;}
@font-face {font-family: 'sofia';src: url('../fonts/sofiasans-light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'sofia';src: url('../fonts/sofiasans-regular.ttf') format('truetype');font-weight: 400;font-style: normal;}
@font-face {font-family: 'sofia';src: url('../fonts/sofiasans-medium.ttf') format('truetype');font-weight: 500;font-style: normal;}
@font-face {font-family: 'sofia';src: url('../fonts/sofiasans-extrabold.ttf') format('truetype');font-weight: 800;font-style: normal;}
@font-face {font-family: 'sofia-co';src: url('../fonts/SofiaSansExtraCondensed-Regular.ttf');font-weight: 400;font-style: normal;}
@font-face {font-family: 'sofia-co';src: url('../fonts/SofiaSansExtraCondensed-Bold.ttf');font-weight: 800;font-style: normal;}
@font-face {font-family: 'sofia-co';src: url('../fonts/SofiaSansExtraCondensed-Light.ttf');font-weight: 300;font-style: normal;}
@font-face {font-family: 'sofia-co';src: url('../fonts/SofiaSansExtraCondensed-Medium.ttf');font-weight: 500;font-style: normal;}
body {
	background: linear-gradient(90deg,rgba(252, 158, 1, 1) 38%, rgba(252, 86, 1, 1) 100%);
	overflow-x: hidden;
}
header{
	background: #FFDE0F;
	padding: 12px 3%;
	position: -webkit-sticky;
	position:sticky;
	top: 0;
	width: 100%;
	z-index: 9;
	transition: 0.4s ease all;
}
header.compressed {padding: 6px 1%;}
header .btn-form {
	text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 1.6rem;
    font-family: 'sofia-co';
    font-weight: 800;
    background: #F80067;
    padding: 8px 18px;
    border-radius: 100px;
    color: #fff;
    transition: 0.5s;
    text-transform: uppercase;
    line-height: 1.1;
	margin-left: auto;
    font-style: italic;
}
header .btn-form:hover{background: #FFFFFF;color: #F80067;}
header .text-right{
	text-align: right;
}
header .marca{
	max-width: 100%;
	height: auto;
}
#hero{
	position: relative;
}
#hero .hero-content{
	position: absolute;
    background: #ff7800;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: block;
    opacity: 0;
}
.estudia h3 {color: #FF0052;font-family: 'sofia-co';line-height: 1;margin: 0;padding: 0;font-style: italic;font-weight: 800;}
.estudia h3:nth-child(1){margin-top: 34%;font-size: 2vw;}
.estudia h3:nth-child(2){padding-left:4%;font-size: 2.4vw;}
.estudia h3:nth-child(3){padding-left:8%;font-size: 2.8vw;}
.descu h3 {font-size: 3rem;color: #FF0052;font-family: 'sofia-co';line-height: 1;margin: 0;padding: 0;font-style: italic;font-weight: 800;text-align: right;}
.descu span{font-size: 1.8rem;}
.rumbo{width: 100%;}
.img-star{width: 5.5vw;margin: auto;display: block;margin-top: 45%;margin-bottom: 10%;}
.city h1 {font-size: 6rem;color: #fff;font-family: 'sofia-co';font-weight: 800;text-transform: uppercase;text-align: center;line-height: 1;padding: 0;margin: 0;}
.city h2 {font-size: 5rem;color: #FFDE0F;font-family: 'sofia-co';line-height: 1;margin: 0;padding: 0;font-style: italic; font-weight: 800;text-align: center;}
.city span{font-size: 2rem;}
.city h3{font-size: 3rem;color: #fff;font-family: 'sofia-co';font-weight: 800;text-align: center;line-height: 1;padding: 0;margin: 0;font-style: italic;}
.place {background: #FFDE0F;padding: 20px 30px;border-radius: 50px 0 0 50px;}
.place h4{margin: auto;display: block;width: fit-content;color: #FF0052;text-align: center;font-weight: 500;font-family: 'sofia-co';line-height: 1;font-size: 2rem;font-style: italic;}
.form{background: #FF423C;}
.formu h2{font-size: 2.1rem;color: #FFDE0F;font-family: 'sofia-co';line-height: 1;margin: 0;padding: 0;font-style: italic;font-weight: 800;text-align: center;text-transform: uppercase;}
.formu h3{font-size: 3rem;color: #ffffff;font-family: 'sofia-co';line-height: 1;margin: 0;padding: 0;font-style: italic;font-weight: 800;text-align: center;text-transform: uppercase;}
.img-stars{width: 45px;margin: auto;display: block;margin-top: 4%;}

.carreras{
	padding-bottom: 50px;
}
.carreras h2 {
	font-size: 2.4rem;
	font-family: 'sofia-co';
	margin-bottom: 0;
	padding: 0;
	color: #ffffff;
	font-style: italic;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 2%;}
.carreras h3 {color: #ffffff;font-size: 1.4rem;font-family: 'sofia';margin: 0;padding: 0;font-weight: 400;text-align: center;line-height: 1;padding: 0;margin: 0;margin-bottom: 5%;}
.img-stars-a{width:140px;}
.img-stars-b{width:140px;transform: scaleX(-1);}
.dcare{display: grid;grid-template-columns: 12% 88%;gap: 4%;}
.dcare img{width: 100%;}
.dcare h5 {color: #FFDE0F;font-size: 2.4rem;font-family: 'sofia-co';margin: 0;padding: 0;font-style: italic;font-weight: 800;text-align: left;text-transform: uppercase;}
.dcare h4 {font-size: 1.4rem;color: #FFDE0F;font-family: 'sofia';line-height: 1;margin: 0;padding: 0;font-weight: 800;text-align: left;}
.ddcare{display: grid;grid-template-columns: 40% 35% 40%;margin: 2% 0;}
.dddcare{display: grid;grid-template-columns: repeat(4,1fr);}
.dcare-b{display: grid;grid-template-columns: 16% 84%;gap: 4%;margin: 6% 0 5%;align-items: center;}
.dcare-b h5 {color: #ffffff;font-size: 1.8rem;font-family: 'sofia-co';margin: 0;padding: 0;font-style: italic;font-weight: 800;text-align: left;text-transform: uppercase;padding-right: 20%;line-height: 1;}
.dcare-b.dcare-iet h5{
	font-size: 1.42rem;
}
.campus {
    padding-top: 70px;
}
.campus h3, .video h3{color: #FFDE0F;font-size: 2.4rem; font-family: 'sofia-co';font-weight: 800;font-style: italic;text-transform: uppercase;}
.campus .list-stars {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 3%;
}
.campus .list-stars .star{
	padding: 0 15px;
}
.stars-cc{width: 50px;margin: auto;display: block;}
.sliders img{width: 100%;margin: 15% 0;border-radius: 50%;}
.video{
	background-image: url('../img/bg-video.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding-top: 7%;
    padding-bottom: 7%;
}
.video iframe{width: 90%;height: 420px;margin:5% auto;display: block;}
.video img{width: 100%;margin: auto;display: block;}
footer{background: #FFDE0F;padding: 1% 0;}
footer p{text-align: left;color: #000;font-size: 1rem;font-family: 'sofia';font-weight: 400;line-height: 1;margin-top: 5%;}
footer ul {width:fit-content;padding: 0;margin: 0;display: grid;grid-template-columns:repeat(5, 1fr);gap: 5%;}
footer li{list-style: none;}
footer ul li a{
	display: flex;
    padding: 4px;
    width: 35px;
    height: 35px;
    margin-right: 0px;
    align-items: center;
    justify-content: center;
}
.marca-b {width: 200px;margin: auto;display: block;}
footer h6{text-align: left;color: #333;font-size: 1rem;font-family: 'sofia';font-weight: 400;line-height: 1;margin: 1% 0;}
/*fomrs*/
.forms{width: 90%;margin: 10px auto;display: block;}
.forms .hs-fieldtype-text.field input,
.forms .hs-fieldtype-phonenumber.field input {
    width: 100%;
    border-radius: 35px;
    border: 0;
    padding: 5px 12px;
    height: 37px;
    font-size: 1.1rem;
    font-weight: 300;
}
.forms .hs-fieldtype-text.field,
.forms .hs-fieldtype-phonenumber.field,
.forms .hs-fieldtype-select.field{
	padding: 5px 4px;
}
.forms .hs-fieldtype-text.field > label,
.forms .hs-fieldtype-phonenumber.field > label,
.forms .hs-fieldtype-select.field > label{
	display: none;
}
.form-columns-0,.form-columns-1,.form-columns-2{width: 100%;max-width: 100%!important;}
.hs-richtext.hs-main-font-element,.hs_talleres_carreras_pregrado{font-size: 2rem;  color: #ffffff;  font-family: 'sofia-co';  line-height: 1;  margin: 0;  padding: 4% 0;font-weight: 800!important;text-transform: uppercase;}
.form-columns-1,.form-columns-2,.form-columns-0{max-width: 100%!important;margin-bottom: 0%!important;}
.form-columns-1 .input,.form-columns-2 .input{margin: 0!important;font-size: 1.4rem;font-family: 'sofia-co';}
/*.hs-form-field label{display:none;}*/
.hs-form-booleancheckbox-display,.hs-error-msg{display: block!important;}
.no-list,.legal-consent-container .hs-error-msgs label{list-style: none;color: #FFDE0F!important;padding: 0;margin:0;font-family: 'sofia-co';font-size: 14px;}
.form .input select {
	width: 100% !important;
    padding: 5px 12px;
    border-radius: 35px;
    font-size: 1.1rem;
    -webkit-appearance: none;
    background-image: url(../img/down.png);
    background-repeat: no-repeat;
    background-position: right;
    font-weight: 300;
    height: 37px;
	border: 0;
}
.form .legal-consent-container p{
	text-align: left;
    font-weight: 300;
    font-size: 0.75rem;
    padding: 0;
    line-height: 1.15;
    display: block !important;
    margin: 0 !important;
	color: #42DEFF;
}
.form .form-columns-0 .hs-richtext.hs-main-font-element {
    display: none;
}
.form .legal-consent-container span.hs-form-required {
    display: none;
}
.form option{font-family:'sofia-co';font-size: 1.4rem;color: #333333;}
input::placeholder {color: #181818;font-size: 1.1rem;}
.hs-richtext p{font-family: 'rubik';font-size: 1rem;line-height: 1;font-weight: 300;}
.hs-dependent-field .inputs-list{list-style: none;padding: 0;margin: 0;}
.hs-richtext{display: block;font-family: 'sofia-co';font-size: 14px;margin: 15px 0;font-weight: 300;color: #fff}
.legal-consent-container .hs-form-booleancheckbox-display > span {display: block;font-family: 'rubik';color: #fff;font-size: 1rem;font-weight: 300;}
.legal-consent-container .hs-form-booleancheckbox-display > span a {
	color: #42DEFF;
    text-decoration: none;
    font-weight: 400;
}
#LEGAL_CONSENT\.subscription_type_107200140-4ef9085a-4429-4f14-b32a-1e1cb50babbb,
#LEGAL_CONSENT\.subscription_type_107200197-4ef9085a-4429-4f14-b32a-1e1cb50babbb
{float: left;max-width: fit-content;margin-top: 3px;}
.hs-button.primary.large{
	width: fit-content;
    margin: 10px auto;
    display: block;
    padding: 4px 18px;
    background: #FFDE0F;
    color: #370CBF;
    font-family: 'sofia';
    font-weight: 800;
    font-size: 1.5rem;
    text-transform: uppercase;
    transition: 0.3s;
    border-radius: 35px;
    border: none;
    font-style: italic;
}
.hs-button.primary.large:hover {background: #2C1A43 ;color:#FFDE0F;}
#label-carreras_de_negocios-3fc84563-53f7-4b15-9197-dc57f85f0aad,#label-carreras_de_diseno-3fc84563-53f7-4b15-9197-dc57f85f0aad,#label-carreras_de_ingenio_y_tecnologia-3fc84563-53f7-4b15-9197-dc57f85f0aad,#label-carreras_de_salud-3fc84563-53f7-4b15-9197-dc57f85f0aad
{color: #FF0052;line-height: 1;font-size: 1rem;font-family: 'sofia-co';text-transform: uppercase;margin-bottom: 10px;font-weight: 700;}
.inputs-list {list-style: none;padding: 0;margin: 0;}
.form-columns-2 .hs-form-checkbox-display .hs-input,.form-columns-1 .hs-form-checkbox-display .hs-input{width: fit-content!important;margin-right: 10px;}

#form {
    scroll-margin-top: 80px;
	color: #ffffff;
	padding: 80px 0px;
    background: #E55C00;
	background-color: #e65c01;
}
#form .data-form  p{
	font-size: 1.1rem;
	color: #ffffff;
	font-family: 'sofia';
	line-height: 1.1;
	margin: 0;
	padding: 0;
	font-weight: 400;
	text-align: center;
	padding: 2% 5%;
}
.text-banner-mobile{
	margin-bottom: 24px;
	display: none;
}
#form h1{
	text-align: center;
    font-family: 'sofia-co';
    font-weight: 900;
    font-size: 2.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
	line-height: 1;
    margin: 0;
}
#form .text-banner-mobile p{
 	font-family: 'sofia-co';
    font-weight: 600;
    font-size: 1.55rem;
	text-align: center;
}
#form h1 .lugar{
	font-size: 110%;
}
#form h1 .fecha {
    color: #FFDE0F;
    font-weight: 500;
	font-style: italic;
	padding: 0 14px;
}
#form h1 .hora-evento{
	font-style: italic;
    font-size: 80%;
}
#form h1 .fecha b{
	font-weight: 900;
    font-size: 156%;
	vertical-align: middle;
}
.data-form {
	margin-bottom: 30px;
}
.data-form img {margin:0px auto 10px;display: block;}
.data-form h3{
	font-size: 1.75rem;
	color: #FFDE0F;
	font-family: 'sofia-co';
	margin: 0;
	padding: 0;
	font-style: italic;font-weight: 800;text-align: center;text-transform: uppercase;
}
.data-form.dfb h3{
	color: #FF423C;
	color: #F80067;
}
.hs_carreras_de_ingenio_y_tecnologia ul {column-count: 2;}
/*tp*/
.tp{
	background: linear-gradient(90deg,rgba(41, 45, 104, 1) 0%, rgba(65, 60, 217, 1) 100%);
}
.tp header, .tp footer{
	background-color: #ffffff;
}
.tp h1{font-size: 8rem;font-family: 'sofia-co';color: #ffffff;font-weight: 800;margin-top: 15%;margin-left: 15%;}
.tp h1 span{-webkit-text-stroke: 1px #ffffff;color: rgba(0, 0, 0, 0.0);}
.tp h2{font-size: 6rem;font-family: 'sofia-co';color: #ffffff;font-weight: 800;margin-top: 0;margin-left: 105%;transform: rotate(90deg);}
.tp h3{font-size: 6rem;font-family: 'sofia-co';color: #ffffff;font-weight: 800;font-style: italic; margin-top: 5%;margin-left: 40%;}
.tp h3 img {margin-left: -18px;}
.marca-c{width: 320px;margin: auto;display: block;margin-top: 20%;}
.tp p {text-align: center; font-family: 'sofia';  font-size: 1.4rem;margin-top: 22%;}
.bbaner{display:block;}
.bbbaner{display: none;}
.cb{margin-top: 0!important;}
@media screen and (min-width: 1600px) {
	html{
		font-size: 110%;
	}
}
@media screen and (max-width: 1440px) {
	.tp {background-size: 120%;}
	.tp h1 {font-size: 5rem;}
	.tp h2{font-size: 4rem;margin: 0% 25% 0% 70%;}
	.tp h3{font-size: 4rem;margin-top: 10%;}
	.tp h3 img {margin-left: -10px;width: 20%;}
	.tp p { margin-top: 30%;}
	.marca-c {margin-top: 40%;}
}
@media screen and (max-width: 810px) {
	.bbaner{display:none;}
	.bbbaner{display: block;}
	.bbbaner img{width: 100%;}
	.banner{margin-top: 80px;background-image: url(../img/banner-mov-rumbo.jpg);background-size: 100%;background-position: center top;background-repeat: no-repeat;padding-bottom: 4%;}
	.marca-b{width:160px;}
	.estudia,.img-star,.descu h3,.rumbo,.video img{display: none;}
	.city {display: grid;grid-template-columns: repeat(1,1fr);margin-top: 140%;}
	.place {background: no-repeat;}
	.place h4{font-weight: 800;color:#ffffff;}
	.form .input select {padding-right: 53px;}
	.hs-richtext.hs-main-font-element, .hs_talleres_carreras_pregrado { padding: 0;}
	.hs_talleres_carreras_pregrado{padding-top: 3%;}
	.ddcare{grid-template-columns: 100%}
	.dcare{margin: 4% 0;}
	.dddcare {grid-template-columns: repeat(2,1fr);}
	.sliders img {margin: 0;margin-bottom: 15% ;}
	.video iframe{width: 90%;height: 480px;margin: 2% auto;}
	.tp{margin-top: 10px;background-image: url(../img/bg-tp-mov.jpg);background-size: 100%;background-position: center top;background-repeat: no-repeat;padding-bottom: 4%;background-color: #4700D6;}
	/*tp*/
	.tp h2{margin: 29% 0% 0% 78%;}
	.tp {background-position: top;}
	.tp {background-position: center -130px;}
	.tp h1{margin-top: 18%;margin-left: 10%;}
	.tp h2 {margin: 18% 0% 0% 66%;}
	.tp h3 {margin-top: -10%;}
	.marca-c {margin-top: 10%;}
	.tp p {margin-top: 4%;}
}
@media screen and (max-width: 767px) {
	#form {
		padding: 40px 0px 0px;
		background: linear-gradient(92deg, rgba(252, 158, 1, 1) 38%, rgba(252, 86, 1, 1) 100%);
	}
	#rsp-content-dataform{
		background-color: #e65c01;
		padding: 50px 0px 36px;
	}
	.text-banner-mobile{
		display: block !important;
	}
	header .btn-form {
		font-size: 1.0rem;
		padding: 5px 9px;
	}
	.banner {margin-top: 70px;}
	.btn-form {margin: auto;  display: block;font-size: 0.9rem;}
	.city{gap: 3%;}
	.data-form h3 {
    font-size: 1.26rem;}
	.city h1 {font-size: 4rem;}
	.city h2 {font-size: 3rem;}
	.city h3 {font-size: 1.6rem;}
	.place{padding: 5% 0;}
	.col-12.formu {
    padding-bottom: 40px;
}
	.form-columns-2 div:nth-child(1) {padding-right: 0px;}
	.img-stars-a,.img-stars-b{display: none;}
	.dcare,.dcare-b{margin: 4% 20px;align-items: center;}
	.dddcare {grid-template-columns: repeat(1,1fr);}
	.dcare-b h5 {padding-right: 5%;}
	.stars-cc{display: none;}
	.campus .list-stars{
		display: none;
	}
	.campus h3, .video h3, .formu h2,.carreras h2 {
		text-align: center;
        margin-top: 26px;
        line-height: 1;
		font-size: 2rem;
		margin-bottom: 15px;
	}
	.video iframe{height: 320px;}
	footer p{text-align: center;}
	footer ul,.marca-b{margin: 5% auto;}
	footer li img{padding:0 15%;}
	.bande-mov,.line-mov{display: block;}
	footer p {margin: 0;margin-top: 5%;}
	footer h6 {text-align: center;font-size: 0.9rem;padding: 10px;}
	/*tp*/
	.tp {background-position: center 28px;}
	.tp h1 {margin-top: 37%;margin-left: 5%;font-size: 4rem;}
	.tp h2 {margin: -8% 0% 0% 68%;font-size: 3rem;}
	.tp h3 {margin-left: 34%;margin-top: 1%;font-size: 2.4rem;}
	.tp h3 img {width: 24%;margin-left: -7px;}
	.marca-c {  width: 240px;}
	.tp p {font-size: 1rem;}
	.dcare h5 {font-size: 1.95rem;}
	.dcare h4 {font-size: 1.1rem;}
}