/* Fonts */
@font-face{font-family: 'sofia-b';src: url("../fonts/SofiaSans-Black.otf");font-weight: bold;}
@font-face{font-family: 'sofia-m';src: url("../fonts/SofiaSans-Medium.otf");font-weight: medium;}
@font-face{font-family: 'sofia';src: url("../fonts/SofiaSans-Regular.otf");font-weight:regular;}
@font-face{font-family: 'rubik';src: url("../fonts/Rubik-Regular.ttf");font-weight: light;}
header{background:#0126B5;height:120px;padding: 1rem 5.5%;top: 0;width: 100%;z-index: 14;transition: 0.4s ease all;position: fixed;}
header.compressed{height: 90px;}
header.compressed img{width: 60%;}
header.compressed .btn-in a {margin: 0 auto;transition: 0.5s}
.logo{width: 80%;margin: 20px auto;display: block;transition: 0.4s ease all;}
header.compressed .logo{margin: 0 auto;}
.btn-c{align-content: center;display: grid;}
.btn{text-align: center;width: fit-content;background: #FFCE00; color:#0126B5;font-size: 1.4rem;font-family: sofia-b;padding: 5px 30px;margin: auto;display: block;transition: .4s;}
.btn:hover{background: #295FFF; color: #ffffff;}
.banner img{width: 100%}
.mov{display: none;}
.form{background-color:#001D5A;background-image: url('../img/background-lp.png');padding: 40px 0;}
.form h5{text-align: center;color: #FFCE00;font-size: 1rem;line-height: 2rem;font-family: "sofia"}
.form h3{text-align: center;color: #FFCE00;font-size: 3rem;line-height: 3rem;font-family: "sofia"}
.form h3 span{font-family: "sofia-b"}
.bene{background-color:#295FFF;background-image: url('../img/background-lp.png');}
.llego{background:#0126B5;margin: 30px auto;padding: 25px 25px;border-radius: 4px;width: fit-content;}
.llego h2{color: #FFCE00;font-size: 3rem;font-family: "sofia";text-align: center;line-height: 3rem;} 
.llego h2 span{font-family: "sofia-b"}
.rumbo{text-align: center;font-family: "sofia";font-size: 1.2rem;color: #FFCE00;margin: 40px auto; }
.rumbo span{font-family: "sofia-b";}
.title{display: block;height: auto;overflow: hidden;}
.title div{float: left;align-content: center;display: grid;flex-wrap:wrap;}
.title div:nth-child(1){width: 10%;background: #fff;}
.title div:nth-child(2){width: 90%;background:#0126B5;}
.title div h4,.title div h5{font-family: "sofia-b";font-size: 1.6rem;text-align: center;color:#FFCE00;padding: 0;margin: 0;line-height: inherit;}
.title div h5{text-align: left;padding-left:10px;}
.prop p{color: #fff; font-family: "rubik";padding: 20px 10px;text-align: justify;}
.calen{ background: rgb(182,139,36);background: linear-gradient(-45deg, rgba(182,139,36,1) 0%, rgba(253,193,50,1) 100%);padding: 40px;}
.calen h4{text-align: center; font-family: "sofia";font-size: 3rem; color: #01B1FD;margin: 40px 0;}
.calen h4 span{font-family: "sofia-b";}
.fech{background: #01B1FD;margin:10px;padding:20px;}
.fech h5{text-align: center;color:#0126B5;line-height: normal;padding: 0;margin: 0;font-family: "sofia-b";font-size: 2rem;}
.fech h3{text-align: center;color: #fff;line-height: normal;padding: 0;margin: 0;font-family: "sofia-b";font-size: 4rem;margin-top: -15px;}
.fech h3 span{color:#0126B5;}
.fech p{text-align: center;color: #fff;line-height: normal;padding: 0;margin: 0;font-family: "rubik";font-size: .8rem;margin-top:-10px;}
footer{background:#0126B5;padding: 40px 0}
footer p{color: #fff;font-family: "rubik";font-size: .8rem;}
footer ul{padding: 0;margin: 0;list-style: none;width: fit-content;float: right;}
footer ul li{float: left;margin: 0px 10px;}
footer ul li img{margin: auto;display: block;width: 20px;}
/*form*/
.hs-richtext.hs-main-font-element{font-size: 40px;color: #fff;font-family: 'rubik';font-weight: 600;text-transform: uppercase;}
.form-columns-2,.form-columns-1,.form-columns-0{max-width:80%!important;margin: auto!important;display: block;}
.actions input{text-align: center;margin: auto;display: block;font-size: 24px;color: #F5ECE5;font-family: 'rubik';background-color:#295FFF;border: 0;padding: 10px 40px;font-weight: 700;border-radius: 4px;transition: 0.4s;}
.actions input:hover{background-color: #F5ECE5; color: #295FFF;}
.form-columns-1 select{width: 100%!important;margin: auto;display: block;margin-bottom: 10px;}
.form-columns-2 input{width: 100%!important;}
.form-columns-2 input{border: none;padding: 10px;border-radius: 4px;}
#ano_colegio_abc-36ffb51e-b802-4ef3-9924-e416fdc6cac7, #turno_del_evento-36ffb51e-b802-4ef3-9924-e416fdc6cac7{padding: 16px 10px;border: 0;border-radius: 4px;
-webkit-padding: 16px 10px;-webkit-appearance: none;background-image: url(../img/down.png);background-repeat: no-repeat;background-position: right;background-color: #ffffff;width: 100%;}
.legal-consent-container {padding-top: 20px;}
.no-list.hs-error-msgs.inputs-list{list-style: none;padding: 0;color:#00B3FE;}
.legal-consent-container .hs-form-booleancheckbox-display > span {margin: -3px 20px!important;font-family: 'rubik';font-weight: 300;color: #fff;}
.inputs-list{list-style: none;padding: 0;}
.hs-richtext p{font-family: 'rubik';font-weight: 300;color:#fff;}
.legal-consent-container .hs-form-booleancheckbox-display p a{color: #00B3FE;text-decoration:none;}
.fechas{background-color:#001D5A;padding: 40px 0;background-image: url('../img/background-lp.png')}
.fechas h3{text-align: center;color: #fff;font-size: 3rem;font-family: 'sofia';}
.fechas h3 b{font-family: 'sofia-b';}
.lugares{background: #295FFF;padding: 20px;border-radius: 5px;margin: 10px;}
.lugares h4{text-align: center;color: #F5ECE5;font-size: 4rem;line-height: 1;font-family: 'sofia-b';margin: 0;padding: 0;}
.lugares p{text-align: center;color: #F5ECE5;font-family: 'rubik';}
@media screen and (max-width: 810px) {
	.title div h4, .title div h5 {font-size: 1.3rem;}
	.hs-richtext.hs-main-font-element {font-size: 26px;}
	.form-columns-2, .form-columns-1, .form-columns-0 {max-width: 90% !important;}
	.form-columns-1 select {padding-right: 60px;}
}
@media screen and (max-width: 674px) {
	.pc{display: none;}
	.mov{display: block;margin-top: 115px;}
	.btn {padding: 0px 20px;}
	.form h3{font-size: 1.4rem;line-height: 1.6rem;}
	.llego h2 {font-size: 2rem;line-height: 2rem;}
	.calen h4 {font-size: 2rem;margin: 10px 0;}
	.rumbo {margin: 20px auto;}
	.prop p{padding: 10px;font-size: 0.9rem;}
	footer p{text-align: center;}
	footer ul{margin: auto;display: block;float:none;}
}