/* Fonts */
section{overflow: hidden;}
header {background: #f9f9f9;padding: 15px 0;position: -webkit-sticky;position:sticky;top: 0;width: 100%;z-index: 100;transition: 0.4s ease all;}
header.compressed {padding: 6px 1%;}
/*{font-family: "Rubik";font-family: "Sofia Sans";font-family: "Sofia Sans Condensed"}*/
header img {width: 160px;transition: 0.5S ease-in-out}
header.compressed img {width: 120px;}
.cta {text-align: center;width: fit-content;display: block;background: #FDCB04;color: #292DC2;padding: 10px 20px;border-radius: 5px;font-family: "Sofia Sans Condensed";font-weight: 800;font-size:1.6rem;transition: 0.5s ease-in-out;text-decoration: none;}
.cta:hover{color: #FDCB04;background: #292DC2;}
header.compressed .cta{font-size: 1.2rem;}
.banner {background-image:url(../img/banner-2026.jpg);background-size: cover;background-position: top center;background-repeat: no-repeat;height: 70vh;}
.cinta {display: flex;justify-content: flex-end;height: 120vh;}
.cinta img{margin: auto;display: block;width: 35%;}
.listones {background: #323CDC;height: 25vh;align-content: center;position: relative;overflow: hidden;padding-bottom: 100px;}
.listones {background: #323CDC;height: 25vh;align-content: center;position: relative;overflow: hidden;padding-bottom: 100px;}
.listones .container-fluid,.listones-b .container-fluid{padding:0;}
.listones h2 {width: 101%;background: #FDCB04;color: #292DC2;margin: 0;text-align: center;font-size: 3rem;font-family: 'Sofia Sans Condensed';font-weight: 800;text-transform: uppercase;padding: 1% 0;position: absolute;z-index: 10;transform: rotate(-2deg);}
.back {background: #2227BF;width: 101%;padding:2.5%;position: absolute;z-index: 9;transform: rotate(2deg);}
.listones-b {background: #2227BF;height: 25vh;align-content: center;position: relative;overflow: hidden;padding-bottom: 25px}
.back-2 {background: #323CDC;width: 101%;padding:5%;position: absolute;z-index: 9;transform: rotate(-2deg);z-index: 9}
.back-3 {background: #FFDE0F;width: 101%;padding:2.5%;position: absolute;z-index: 9;transform: rotate(2deg);z-index: 10}
.azul{background:#323CDC;}
.azul-b{background:#2227BF;}
.form {width: 80%;margin: auto;background: #f9f9f9;border-radius: 20px;padding: 20px 30px;margin-bottom: 5%;}
.form h3{text-align: center;font-family: 'Sofia Sans Condensed';text-transform: uppercase;color: #1E31F0;font-style: italic;font-weight: 800;font-size: 3rem;}
.azul .form h4{text-align: center;font-family: 'Sofia Sans Condensed';text-transform: uppercase;color: #1E31F0;font-weight: 400;font-size: 1.4rem;padding-bottom: 2%;}
/* ====FORMULARIO HUBSPOT ==== */
.hsfc-Step__Content {padding: 0px !important;}
.hsfc-Step__Content .hsfc-TextField,
.hsfc-Step__Content .hsfc-EmailField,
.hsfc-Step__Content .hsfc-DropdownField,
.hsfc-Step__Content .hsfc-CheckboxField{position: relative;}
.hsfc-Step__Content .hsfc-ErrorAlert {position: absolute;bottom: -5px;line-height: 1;font-size: 0.75rem;color: #F15A24 !important;}
.hsfc-Step__Content .hsfc-TextField .hsfc-FieldLabel,
.hsfc-Step__Content .hsfc-EmailField .hsfc-FieldLabel,
.hsfc-Step__Content .hsfc-DropdownField .hsfc-FieldLabel {display: none !important;}
.hsfc-Step__Content .hsfc-TextField input[type="text"],
.hsfc-Step__Content .hsfc-EmailField input[type="email"],
.hsfc-Step__Content .hsfc-DropdownField input[type="text"] {background: #ffffff;/*border: 1px solid #181DBA;*/padding: 4px 12px;border-radius: 5px;width: 100% !important;color: #363BE1;font-weight: 400;font-size: 1.3rem;height: 42px;font-family: 'Rubik';cursor: pointer;transition: 500ms;}
.hsfc-Step__Content .hsfc-TextField input[type="text"]::placeholder,
.hsfc-Step__Content .hsfc-EmailField input[type="email"]::placeholder,
.hsfc-Step__Content .hsfc-DropdownField input[type="text"]::placeholder {color: #363BE1;}
.hsfc-DropdownInput__Caret>span {border-top: 6px solid #363BE1 !important;}
.hsfc-PhoneInput__FlagAndCaret__Caret {border-top: 6px solid #363BE1 !important;}
.hsfc-Step__Content .hsfc-PhoneField input[type="tel"] {border-top-right-radius: 5px;border-bottom-right-radius: 5px;padding: 6px 16px;color: #363BE1;background-color: #ffffff;font-family: 'Rubik';font-weight: 300;font-size: 1.3rem;}
.hsfc-Step__Content .hsfc-DropdownOptions {border-radius: 20px !important;}
.hsfc-Step__Content .hsfc-DropdownOptions__List .hsfc-DropdownOptions__List__ListItem{color: #444444;}
.hsfc-Step__Content .hsfc-PhoneField .hsfc-PhoneInput__FlagAndCaret {border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important;background-color: #ffffff;padding-left: 15px !important;}
.hsfc-Step__Content .hsfc-FieldDescription{font-weight: 600;margin-bottom: 4px !important;color: #333333 !important;}
.hsfc-Step__Content .hsfc-Row {margin-bottom: 18px !important;gap: 14px;}
.hsfc-Step__Content .hsfc-NavigationRow{margin-top: 15px !important}
.hsfc-Step__Content .hsfc-PhoneField .hsfc-FieldLabel{display: none;}
.hsfc-Step__Content .hsfc-DropdownOptions__Search input[type="text"]{padding: 7px 16px;background-color: #ffffff;}
.hsfc-Step__Content .hsfc-RichText,
.hsfc-Step__Content .hsfc-FieldLabel {font-size: 0.8rem !important;line-height: 1.1;color: #333333 !important;font-weight: 400;font-family: 'Rubik';}
.hsfc-Step__Content .hsfc-FieldLabel .inputs-list a {color: #FFD13B;text-decoration: none;}
.hsfc-Step__Content .hsfc-CheckboxField a{color: #F15A24;}
.hsfc-Step__Content .hsfc-DataPrivacyField .hsfc-Row{margin-bottom: 10px !important;}
.hsfc-Step__Content .hsfc-NavigationRow .hsfc-NavigationRow__Buttons{justify-content: center !important;}
.hsfc-Step__Content .hsfc-NavigationRow .hsfc-Button {text-shadow: 0px 0px 0px #F15A24;text-decoration: none;background: #F15A24;border: 1px solid #F15A24;color: #ffffff;padding: 5px 24px;font-weight: 900;text-transform: uppercase;font-size: 1.6rem;font-family: 'Rubik';cursor: pointer;transition: 500ms;}
.hsfc-Step__Content .hsfc-NavigationRow .hsfc-Button:hover, 
.hsfc-Step__Content .hsfc-NavigationRow .hsfc-Button:active {background-color: #ffffff !important;  color: #F15A24 !important;  border: 1px solid #F15A24;}
@media (max-width: 767px){
	.hsfc-Step__Content .hsfc-PhoneInput .hsfc-PhoneInput__FlagAndCaret__Flag img{ width: 35px !important;  }
	.hsfc-Step__Content .hsfc-PhoneField .hsfc-PhoneInput__FlagAndCaret { padding-left: 6px !important;  }
}
@media (max-width: 680px) {
	.hsfc-Step__Content .hsfc-Row {display: flex !important;  flex-direction: column !important;  gap: 10px !important;  margin-bottom: 10px !important;}
	.hsfc-Step__Content .hsfc-DropdownField input[type="text"]{font-size: 0.8rem;}
}
/* =====FORMULARIO HUBSPOT ==== */
.partes h4 ,.azul h4,.azul-b h4{text-align: center;padding: 2% 0;font-size: 1.6rem;color: #fff;font-family: 'Sofia Sans Condensed';text-transform: uppercase;font-weight: 800;font-style: italic;padding-top: 40px;}
.partes h4 span ,.azul h4 span,.azul-b h4 span{color: #FFDE0F;font-size: 3rem;}
.partes h3 {padding: 0;margin: 0;padding-top: 4%;font-family: 'Sofia Sans Condensed';text-transform: uppercase;font-weight: 800;font-style: italic;color: #FFDE0F;font-size: 2rem;line-height: 1;}
.partes p {font-size: 1.2rem;color: #fff;font-family: 'Sofia Sans Condensed';font-weight: 300;}
.partes img {width: 100%;margin: auto;border-radius: 30px;}
.carrete .container-fluid{padding: 0;}
.area{display: grid;grid-template-columns: 50% 50%;gap: 2%;background: #FFDE0F;height: 50vh;}
.g1{background-image: url(../img/cs.jpg);background-position: center;background-size: 100%;background-repeat: no-repeat;}
.g2{background-image: url(../img/it.jpg);background-position: center;background-size: 100%;background-repeat: no-repeat;}
.g3{background-image: url(../img/nego.jpg);background-position: center;background-size: 100%;background-repeat: no-repeat;}
.g4{background-image: url(../img/salud.jpg);background-position: center;background-size: 100%;background-repeat: no-repeat;}
.gd{position: relative;}
.flota{position: absolute;bottom: 120px;}
.area h3 {font-size: 2rem;color: #5A5A5A;font-family: 'Sofia Sans Condensed';text-transform: uppercase;font-weight: 800;font-style: italic;padding: 0;margin: 0;line-height: 1;}
.area  p {font-size: 1.2rem;color: #5A5A5A;font-family: 'Sofia Sans Condensed';font-weight: 400;padding: 0;margin: 0;line-height: 1;}
.carousel-control-next, .carousel-control-prev{opacity: 1;}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 4rem;height: 4rem;}
.carousel-control-next-icon {background-image:url(../img/prev.png);background-position: center;background-repeat: no-repeat;background-size: 100%;transition: 0.5s ease-in-out;}
.carousel-control-next-icon:hover {background-image:url(../img/prev-pres.png);background-position: center;background-repeat: no-repeat;background-size: 100%;}
.carousel-control-prev-icon {background-image:url(../img/next.png);background-position: center;background-repeat: no-repeat;background-size: 100%;transition: 0.5s ease-in-out;}
.carousel-control-prev-icon:hover {background-image:url(../img/next-pres.png);background-position: center;background-repeat: no-repeat;background-size: 100%;}
.gana h3{color: #FFDE0F;font-size: 3.6rem;font-family: 'Sofia Sans Condensed';text-transform: uppercase;font-weight: 800;font-style: italic;line-height: 1;padding: 0;margin: 0;}
.gana h5{font-size: 1.8rem;color: #fff;font-family: 'Sofia Sans Condensed';text-transform: uppercase;font-weight: 800;font-style: italic;line-height: 1;padding: 0;margin: 0;}
.gana p {font-size: 1.6rem;color: #fff;font-family: 'Sofia Sans Condensed';font-weight: 300;}
.gana p b{font-weight: 600;}
.nv{display: none;}
.programa{padding: 5% 0;}
.programa .cta {margin: auto;text-transform: uppercase;font-size: 2.5rem;border-radius: 40px;}
.programa .cta:hover {background: #f9f9f9;color: #292DC2;}
footer{background: #FFDE0F;padding: 1% 0;}
footer p{color: #5A5A5A;font-size: 1.2rem;font-family: 'Sofia Sans Condensed';font-weight: 600;}
footer img{float: right;}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 910px) {
	.banner {background-image: url(../img/banner-2026-web.jpg);}
	.cinta img {width: 80%;}
	.cinta {width: 84%;}
	.listones {height: 14vh;}
	.listones h2 {font-size: 2rem;padding: 1% 10%;}
	.partes h3,.partes p,.gana h5,.gana h3,.gana p{text-align: center;}
	.area {height: 18vh;}
	.flota {bottom: 15px;}
	.gana {padding: 10% 0 0 0;}
	footer p{text-align: center;}
	footer img{float: none;margin: auto;display: block;}
	.sv{display: none;}
	.nv{display: block;height: 400px}
	.partes img{border-radius: 0;}
}
@media screen and (max-width: 640px) {
	header img {width: 130px;margin: auto;display: block;}
	header.compressed img {width: 100px;}
	header.compressed .cta{font-size: 1rem;}
	.cta {width: 95%;margin: auto;display: block;font-size: 1.4rem;}
	.banner {height: 45vh;padding: 0;}
	.cinta {height: 80vh;width: 100%}
	.listones-b {height: 5vh;}
	.listones {height: auto;padding:20px 0;}
	.listones h2 {font-size: 2.5rem;padding: 10% 5%;position: inherit;transform: rotate(0deg);line-height: 1;width: 95%;margin: auto;border-radius: 20px;}
	.back{display: none;}
	.form {width: 100%;}
	.form h3 {font-size: 2rem}
	.azul .form h4 {font-size: 1rem}
	.partes h4 span, .azul h4 span,.azul-b h4 span {display: block;}
	.ipad img{width: 100%;margin: auto;display: block;}
	.area{grid-template-columns: 100%;height: auto;}
	.area h3,.area p{text-align: center;}
	.flota {position: inherit;padding: 40px;}
	.g1{background-image: url(../img/cs-mov.jpg);height: 360px;}
	.g2{background-image: url(../img/it-mov.jpg);height: 360px;}
	.g3{background-image: url(../img/nego-mov.jpg);height: 360px;}
	.g4{background-image: url(../img/salud-mov.jpg);height: 360px;}
	.gd{height: 160px;}
	footer{padding: 4% 0;}
	.back-2{bottom: -13px;}
	.programa .cta {font-size: 2rem;border-radius: 20px;}
}