html {overflow-x: hidden;}
body {font-family: var(--font-family);}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.container-big {margin: auto; max-width: 1600px; padding-right: 30px; padding-left: 30px; width: 100%; box-sizing: border-box;}
@media (max-width: 1366px) {
.container, .container-xxl {padding-right: 30px; padding-left: 30px}
}

.section {padding: var(--section) 0px;}
.section-top {padding-top: var(--section)}
.section-bottom {padding-bottom: var(--section)}
@media (max-width: 720px) {

.section {padding: calc(var(--section) / 2) 0px;}
.section-top {padding-top: calc(var(--section) / 2)}
.section-bottom {padding-bottom: calc(var(--section) / 2)}
}


/* TITULOS */
.title {font-family: var(--font-family); font-weight: bold;}
.title .contrast {color: var(--color-1);}
.title-p {font-size: 1.5em; line-height: 1.4}
.title-icon {display: block; width: 80px; margin-bottom: 15px;}
@media (max-width: 720px) {
.title-p {font-size: 1.2em;}
}


/* IMAGES */
.img-full {display: block; width: 100%;}

/* HERO */
.hero .radius, .hero-form .radius {border-radius: var(--hero-border-radius);}

.hero-divison .part1 {padding-right: 60px;}
.hero-divison .part2 {border-left: 2px solid rgba(0, 0, 0, 0.2); padding-left: 60px; padding-top: 30px; padding-bottom: 30px}
@media (max-width: 720px) {
.hero-divison .part1 {padding-right: 0px;}
.hero-divison .part2 {border-left: none; padding-left: 0px; padding-top: 30px; padding-bottom: 0px}
.hero-mobile-reverse {display: flex; flex-wrap: wrap-reverse;}
}


/* FORM */
.form {display: flex; flex-wrap: wrap; width: 100%;}
.form .input {border-radius:var(--form-input-radius); width: 100%; padding-left: 15px; font-size: 16px; padding-right: 15px; box-align: baseline; outline: none; height: 45px}
.form .item {margin-bottom: var(--form-spacing); display: flex; align-items: stretch;}
.form .privacy {display: flex; align-items: flex-start; cursor: pointer; font-size: 0.9em}
.form .privacy input {margin-right: 10px; margin-top: 5px}
.form .privacy a {text-decoration: underline;}

.form .input-side-icon {width: 50px; display: flex; align-items: center; justify-content: center; border-radius: var(--form-input-radius) 0px 0px var(--form-input-radius);}
.form .input-side-icon img {display: block; width: 20px; height: auto;}
.form .input-side-icon + .input {width: calc(100% - 50px); border-radius: 0px var(--form-input-radius) var(--form-input-radius) 0px !important;}


.blocks .item {box-sizing: border-box; border-radius: var(--hero-border-radius); width: calc(100% - 10px); margin-left: 5px; margin-right: 5px;}
.blocks .icon img, .blocks .icon svg {width: 100%; display: block; height: 100%}
@media (max-width: 720px) {
.blocks .grid {margin-top: 30px}
}

/* FAQ */
.faq .title {margin-bottom: 40px}
.faq .box {margin-bottom: 20px; border-radius: 5px; position: relative;}
.faq .box .question {font-size: 1.2em; font-weight: bold; margin: 0px;  padding:20px 30px; padding-right: 60px; cursor: pointer;}
.faq .box .answer {opacity: 0.8; padding:0px 30px; padding-bottom: 20px; display: none;}
.faq .box .arrow {fill: var(--color-2); width: 25px; height: 25px; position: absolute; top: 20px; opacity: 0.5; right: 20px; transition: 0.5s; transform: rotate(90deg);}
.faq .box .rotate {transform: rotate(270deg);}
@media (max-width: 720px) {
.faq .box .question {font-size: 1em;}
}


/* HEADER BOB */
.header-bob {padding-top: 30px; padding-bottom: 0px;}
.header-bob .logotipo {display: flex; align-items: center;}
.header-bob .logotipo img {display: block; height: 60px;}
.header-bob .logotipo img:first-child {margin-right: 60px; padding-right: 60px; border-right: 1px solid #fff}
.header-bob .divisor {border-left: 1px solid #565758; padding-left:60px}
.header-bob .menu-li {display: block; margin: 0px 15px}
.header-bob .link {color:#565758; display: block; text-align: center; font-size: 1.2em; text-decoration: none;}
.header-bob .link:hover {font-weight: bold;}


@media (max-width: 720px) {
.header-bob .logotipo img {display: block; height: 30px;}
.header-bob .logotipo img:first-child {margin-right: 20px; padding-right:20px; border-right: 1px solid #fff}
}