@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@300;400;600;800&display=swap');

html{scroll-behavior: smooth;}

/** GLOBALES **/
.no-padding {padding: 0; }
.no-margin {margin: 0; }
a {cursor: pointer !important;}

body {font-family: "Barlow Semi Condensed", sans-serif;font-weight: 300;-webkit-text-size-adjust: 100%;color: #262626;}

ul, ol {margin: 0;padding: 0; }
ul li {list-style: none; }

/** COLORS **/

.dark {color: #002e33 !important;}
.white {color: #fff !important;}
.green-dark {color: #006837 !important;}
.green-light {color: #8cc63f !important;}


.bg-dark {background-color: #002e33 !important;}
.bg-gris-light {background-color: #f5f5f5 !important;}
.bg-white {background-color: #fff !important;}
.bg-green-dark {background-color: #006837 !important;}
.bg-green-light {background-color: #8cc63f !important;}


.bg-cover {width: 100%;min-height: 100%;background-size: cover;background-position: 50%;}
.bgSeparador {background-color: #fff;margin: 0;position: relative;}
.bgSeparador:after {background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0));bottom: 0;content: '';display: block;height: 26px;left: 0;position: absolute;right: 0;}

.item-hover {overflow: hidden;position: relative;width: 100%;cursor: pointer;}
.item-hover img{width: 100%;transition: all ease 0.3s;}
.item-hover-overlay {transition: all ease 0.3s;position: absolute;top:0;text-align: center;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);}
.item-hover:hover img {transform: scale(1.2);}
.item-hover:hover .item-hover-overlay {background-color:rgba(0,0,0,0.65);}

.numero-verde {width:100px;height:100px;min-width:100px;line-height: 100px;text-align:center; background-color:#006837;font-size:60px;color: white;font-weight: 800;}
.infografia-1 {margin-top: -17em;}
.lista-normal li {list-style-type: disc !important;margin-top: 0.5em;margin-left:4em;font-size:20px;}
.margin-top-blog {margin-top: -10rem;}

/* FONTS SIZES */

p {font-size:20px;line-height: 1.4;}

h1 {font-size: 80px;line-height:1;font-weight: 800;}
h2 {font-size: 60px;line-height:1;font-weight: 800;}
h3 {font-size: 40px;line-height:1;font-weight: 600}
h4 {font-size: 36px;line-height:1.1;font-weight: 600}
h5 {font-size: 30px;line-height:1.1;font-weight: 600}
h6 {font-size: 24px;line-height:1.1;font-weight: 600}
strong {font-weight: 600 !important;}

.fontLight {font-weight: 300 !important;}
.fontBlack {font-weight: 800 !important;}
.fontRegular {font-weight: 400 !important;}
.smallfont {font-size:1em !important;}
.bigfont {font-size:2em !important;}
.subsection {margin:1.5rem auto 0 auto;width:3rem;height: 1px;background-color:#fff}
.letter-mas {letter-spacing: 0.15em;}
.letter-menos {letter-spacing: -0.02em;}

.sombraTexto {text-shadow:0px 5px 12px rgba(0, 0, 0, 0.85)}

.separador {background: #000; height:2px; margin-top:10px;}
.separador span {background: #fff; padding:15px; position:relative; top:-10px; left: 3em;letter-spacing: 5px;}


.overlayStrongBlue {position:absolute;background:rgba(53,78,163,.55);width:100%;height:100%;top:0;overflow: hidden;}
.overlayBlack {position:absolute;background:rgba(0,0,0,.65);width:100%;height:100%;top:0;overflow: hidden;}
.subrayado:after {content:"";background: #fff;width: 140px;height: 8px;display: block;margin-top: 6px;margin-bottom: 30px;}

#back-to-top {bottom: 12%;right: 16px;background-color: #006837;width: 50px;height: 50px;border-radius:25px;z-index: 99;position: fixed;display: none;}
#back-to-top i {display: inline-block;box-sizing: border-box;cursor: pointer;line-height: 50px;color: #fff;width: 50px;height: 50px;text-align: center;font-size: 18px;}
#back-to-top.active {display: block;}

/** ESTILOS SECCIONES **/
.hero {height:100vh;position: relative;overflow: hidden;width: 100%;background:url(../img/bg-hero.jpg) bottom center;background-size: cover;z-index: -1;}
.hero-blog {height:48vh;position: relative;overflow: hidden;width: 100%;background:url(../img/bg-hero-blog.jpg) top center no-repeat;background-size: 100% auto;z-index: -1;}
.hero-secciones {height:100vh;position: relative;overflow: visible !important;width: 100%;background:#fff url(../img/bg-footer.png) bottom center no-repeat;background-size: 100% auto;z-index: 0;}

/* .hero::after {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(4, 12, 36, 0.7);z-index: -99;} */
.hero h1 {font-size: 60px;}
.hero-blog h1 {font-size: 90px;}
.hero h2 {font-size: 45px;}
.hero-animacion {position:absolute;right:0;bottom:0;width:100%;height:100%;overflow:hidden;}
@keyframes nube { 0%{left:100%;opacity:1;} 100% {left:-15%;opacity: 1;} }
.hero-burbuja {background: url(../img/burbuja-01.png) center center no-repeat;background-size:auto 100%;position:absolute;left:0;bottom:0;width:100%;height:90%;z-index:1;transform: translateY(0px);animation: float1 6s ease-in-out infinite;}
.hero-calderin {background: url(../img/caldegreen-01.png) left center no-repeat;background-size:auto 100%;position:absolute;right:0;bottom:0;width:50%;height:90%;z-index:2;}
.hero-blog .hero-calderin {background: url(../img/caldegreen-01.png) right top no-repeat;background-size: auto 100%;position: absolute;right: 0;top: -10%;width: 50%;height: 100%;z-index: 2;}
.burbujas-opciones {transform: translateY(0px);animation: float1 6s ease-in-out infinite;}

@keyframes float1 {
    0% {transform: translateY(0px);}
    50% {transform: translateY(-15px);}
    100% {transform: translateY(0px);}
}
video.videoHome {background-size: cover;top:50%;height: auto;min-width: 100%;min-height: 100%;position: absolute;left:50%;width: auto;z-index: -100;transform: translate(-50%,-50%);}

.icon-60 {width: 60px;}
.icon-80 {width: 80px;}
.icon-100 {width: 100px;}

/** BOTONES **/
.btn-green {padding: 0 30px;border-radius: 4px;text-transform: uppercase;background-color: #8cc63f;font-weight: 700;font-size: 20px;font-stretch: normal;font-style: normal;line-height: 40px;height: 40px;text-align: center;color: #fff;transition: all .2s ease;display:inline-table;text-decoration:none !important;border: 0;}
.btn-green:hover {background:#262626;color: #fff;}

.btn-white-border {padding: 6px 20px 6px 20px;border:solid 2px #f4991a;border-radius: 4px;text-transform: uppercase;background-color: #fff;font-weight: 700;font-size: 14px;font-stretch: normal;font-style: normal;line-height: 30px;height: 30px;text-align: center;color: #f4991a;transition: all .2s ease;display:inline-table;text-decoration:none !important;}
.btn-white-border:hover {background:#f4991a;color: #002e33;}

.btn-positive {background: #f4991a;color: #002e33 !important;border-radius: 10em;outline: solid 6px transparent;padding:0.5rem 1.8rem;letter-spacing: 0.12em;;font-size: 18px;font-weight: 700;text-transform: uppercase;transition: all .2s ease;display:inline-flex;gap:0.8rem;align-items: center;}
.btn-positive:hover {background:rgba(151,187,0,1);text-decoration:none !important;}

.btn-negative {background: #002e33;color: #f4991a !important;border-radius: 10em;outline: solid 6px transparent;padding:0.5rem 1.8rem;letter-spacing: 0.12em;;font-size: 18px;font-weight: 700;text-transform: uppercase;transition: all .2s ease;display:inline-flex;gap:0.8rem;align-items: center;opacity: 1;}
.btn-negative:hover {opacity:.9 !important;text-decoration:none !important;}

.btn-underline {font-weight: 700;font-size: 18px;line-height: 100%;text-decoration-line: underline;letter-spacing: 0.12em;text-transform: uppercase;transition: all .2s ease;display: inline-flex;opacity: 1;}
.btn-underline:hover {opacity: .8 !important;}

.btn-legales {font-weight: 700;font-size: 14px;line-height: 100%;text-decoration: none !important;letter-spacing: 0.12em;text-transform: uppercase;transition: all .2s ease;display: inline-flex;opacity: 1;color: #fff !important;}
.btn-legales:hover {opacity: .8 !important;}

a.btn-link {color:#2c73b9!important;cursor: pointer;text-decoration: none !important;opacity: 1;transition: opacity 0.3s ease 0s;font-weight: 700;}
a.btn-link:hover {opacity: .8 !important;text-decoration: underline !important;}

.btn-play-video{display: inline-block;transition: transform .15s ease-in-out;transform: scale(1);position: relative;width: 120px;height: 120px;border-radius: 120px;background-color: #fff;box-shadow: 0 6px 26px 0 #525966;}
.btn-play-video:after {content: "";width: 0;height: 0;border-style: solid;border-width: 25.6px 0 25.6px 43.7px;border-color: transparent transparent transparent #2c73b9;margin: auto;position: absolute;top: 0;left: 9%;bottom: 0;right: 0;display: inline-block;transition: transform .15s ease-in-out;transform: scale(1);}

button {line-height: 50px !important;height: 50px !important;padding: 0 20px !important;}

/** FORMULARIO **/
.sign-up .signup-form .sign-up-btn {padding: 15px 0;width: 100%;font-size: 13px; }
.sign-up .signup-form .form-input-group {width: 100%;height: 55px;margin: 0 auto 10px;border:none;border-bottom: solid 1px #8cc63f;text-align: left;position: relative; }
.sign-up .signup-form .form-input-group i {color: #262626;font-size: 18px; }
.sign-up .signup-form .form-input-group i:after {content: "";height: 30px;width: 1px;border-right: solid 1px #3c3c3c;position: absolute;top: 50%;left: 30px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
.sign-up .signup-form .form-input-group i.fa-comments, .sign-up .signup-form .form-input-group i.fa-user, .sign-up .signup-form .form-input-group i.fa-building, .sign-up .signup-form .form-input-group i.fa-paperclip, .sign-up .signup-form .form-input-group i.fa-envelope, .sign-up .signup-form .form-input-group i.fa-phone, .sign-up .signup-form .form-input-group i.fa-address-card {font-size: 18px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin-left: 20px; }
.sign-up .signup-form .form-input-group input {padding-left:20px;width: 100%;height: 100%;border: none;background: transparent;color:#262626;}
.sign-up .signup-form .form-input-group input::-webkit-input-placeholder {color: #262626;opacity:.7 }
.sign-up .signup-form .form-input-group input:-moz-placeholder {color: #262626;opacity:.7 }
.sign-up .signup-form .form-input-group input::-moz-placeholder {color: #262626;opacity:.7 }
.sign-up .signup-form .form-input-group input:-ms-input-placeholder {color: #262626;opacity:.7 }
select {padding-left:20px;width: 100%;height: 100%;border: none !important;background: transparent !important;color:#3c3c3c !important;font-size: 1rem !important;}
select:focus{outline: none !important;outline-color: transparent !important; outline-style: none !;}
.g-recaptcha {display: inline-block !important;margin: 30px auto;}
.formError {position: relative;z-index: 1;padding: 20px 30px;border-radius:30px;color:#000;width:auto;text-align: center; font-size: 14px;background: #fff;top:22px;}
.formError::after {content: '';border-bottom: 15px solid #fff;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;left: 45%;top: -14px;}
.alert {position: fixed;padding: 4rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.25rem;width: 50%;left: 25%;top: 45%;text-align: center !important;display:none;}
.close:focus {outline-color: transparent; outline-style: none;}    
.modal.show {display:flex!important;flex-direction:column;justify-content:center;align-content:center;align-items: flex-start;}

/** MODALS **/
.modal {z-index: 9999999999999999999999 !important;background:rgba(26,58,104,.75);}
.modal-dialog {width:80%;max-width: 80%;}