@font-face {
  font-family: "Graphik Semi Bold";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a5298fedba09e512f1e248_Graphik-Black.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik Black";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a522ff512c55446062c64b_Graphik-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a523ea54c793677d264460_Graphik-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Graphik Bold";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a523fa2095426f61f43ea5_Graphik-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a52406e7da97f717216946_Graphik-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a5242264e7b37cf8ffe98a_Graphik-Extralight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a5243046ae4b5772374039_Graphik-ExtralightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Graphik Light";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a5243c629ff66c0d15b374_Graphik-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a52450ce01dd30c7ae28ea_Graphik-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Graphik Medium";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a5245e2095426f61f49d58_Graphik-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a524693744c6efbb2ac81a_Graphik-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Graphik Regular";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a524e913f0d601e91ab93b_Graphik-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a525100ea54f4e088c9a3a_Graphik-RegularItalic.otf") format("opentype"), url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a52594ce849834628e2c11_Graphik-SuperItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a5252c512c554460653b6a_Graphik-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a5253f0017d748c3259823_Graphik-SemiboldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Graphik Super";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a5256546ae4b577238c41f_Graphik-Super.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik Thin";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a525b057ec8fc7c5a98400_Graphik-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("https://uploads-ssl.webflow.com/64a5219026637c928bcf84f1/64a525c10d721df1eafda712_Graphik-ThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

:root{

}
div#hs_cos_wrapper_header {
  height: 70px;
}
h1{
  font-size:45px;
  line-height:53px;
}

H2 {
  font-size:35px;
  line-height:42px;}

H3{
  font-size:30px;
  line-height:37px;}

h4{
  font-size:25px;
  line-height:32px;}

H5{
  font-size:20px;
  line-height:27px;}
/*h3{
font-size:30px;
line-height:37px;
}*/
p{
  font-size:20px;
  font-weight: 500;
  line-height:30px;
}
body a.cta_button {

  font-family: 'Roobert' !important;
}
div[class*='little_Structure-'], footer,section[class*='little_Structure-'] {
  padding:70px 20px;
}
section.negative{
  margin:-70px -20px;
}
.row-fluid ul li {
  /+      font-size: 30px;+/
}

.row-fluid ul {
  padding-left: 21px; 
}
.hidemovil{
  display:block;
}
@media screen and (max-width:768px){
  .hidemovil{
    display:none;
  }
  /*h3{
  font-size:25px;
  line-height:33px;
}*/

  h1{
    font-size:35px;
    line-height:43px;
  }
  h2{
    font-size:30px;
    line-height:38px;
  }
  h3{
    font-size:25px;
    line-height:33px;
  }
  h4{
    font-size:20px;
    line-height:28px;
  }
  h5{
    font-size:15px;
    line-height:23 px;
  }
  div[class*='little_Structure-'],footer,section[class*='little_Structure-'] {
    padding:45px 20px;
  }
  section.negative{
    margin:-45px -20px;
  }
}/* fin media 768px*/

body{
  /*  font-family: "DIN Pro Light";*/
  font-family: 'Roobert';
  color:var(--verde-textos); 
  font-weight:normal;
}

h1,h2,h3,h4,h5,h6, a,strong,b{
  /*font-family: 'DIN Next LT Pro Bold';*/
  font-family: 'Roobert';
  font-weight:600;
}
/******** Popup **************/
.form-title {
  width: 90%;
  margin: 3% 0;
}

.popup-form {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

.popup-form-content {
  max-height: 85%;
  background-color: #F4F9FF;
  padding: 50px;
  border-radius: 10px;
  width: 80%;
  max-width: 650px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.popup-form .close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
}

.open-popup-btn:hover {
  background-color: #2B7BDA;
}


@media (max-width: 768px) {
  .popup-form-content {
    padding: 20px;
    width: 100%;
  }
}
/******** end Popup **************/
.hs_submit.hs-submit {
  display: flex;
  justify-content: center;
}
fieldset.form-columns-1 {
  max-width: inherit !important;
}
fieldset.form-columns-2 {
}
input[type="submit"] {
  border-radius: 10px;
  transition: all .5s ease !important;
  padding: 6px 35px;
  border: none;
  width: fit-content;
  font-size: 20px;
  text-align: center;
  /*font-family: 'DIN Next LT Pro Bold';*/
  font-family: 'Roobert';
  font-weight:normal;
  background-color: #2B7BDA;
  color: #F4F4F4;
}
input[type="submit"]:hover {
  background-color: #000000;
}
.field input, .field select {
  border-radius: 4px;
  background-color: #EAF3FD;
  border: none;
  padding: 20px 15px;
  max-height: 37px;
  min-width: 100%;
  min-width:100%;
  width:100%;
}
.field input::placeholder {
  color: var(--gris-textos);
  color: #080808;
}
.hs-form-field {
  margin-bottom: 10px;
}
.legal-consent-container * {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 12px;
}
ul.hs-error-msgs {
  list-style: none;
  color: red;
}

.hs_cos_wrapper_type_rich_text a {
  display: inline;
}
ul.inputs-list.multi-container {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;

}
ul.inputs-list.multi-container li {
  list-style: none;
  font-weight: normal;
  margin-top: 10px;
}
ul.inputs-list.multi-container li label {
  background: #686d7e ;
  border-radius: .4rem;
  cursor: pointer;
  display: inline-block;
  font-size: .88rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: .5rem;
  overflow: hidden;
  padding: 0;
  position: relative
}
ul.inputs-list.multi-container li label input {
  /* accent-color:var(--verde-oscuro); */
  display: none;
  margin-right: 5px;
  /* margin:auto!important; */
  /* max-width:16px; */
}
ul.inputs-list.multi-container li label span {
  color: white;
  display: inline-block;
  font-size: .88rem!important;
  padding: .3rem .5rem
}

ul.inputs-list.multi-container li label input:checked+span {
  background: #2B7BDA;
  color: #fff;
  font-weight: 700
}

li.hs-form-booleancheckbox {
    list-style: none;
}
.legal-consent-container .hs-form-booleancheckbox-display input {
    min-width: auto !important;

}
/******** modal **************/
.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  display: none;
  justify-content: center;
  z-index: 101;
}
.modal .overlay {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 0.93;
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal .content {
  max-width: 500px;
  /*padding: 50px 37px;*/
  padding: 30px 37px;
  background-color: var(--verde-localiza);
  position: relative;
  border-radius: 10px;
  /* margin-top: 3%; */
  height: fit-content;
  color: #fff;
  /*overflow: scroll;*/
  overflow-y: auto;
}
.modal .content h3 {
  color: var(--amarillo);
  text-align: center;
  padding-bottom: 10px;
}
.modal .content label.hs-error-msg {
  font-size: 13px;
}
/*.modal .content form :is(input, select) {
width: 100%;
}*/
.modal .content form :is(input,select):not([type="submit"]) {
  min-width: 100%;
  color: #000;
}
.modal .content input[type="submit"] {
  width: fit-content;
  margin: auto;
  background-color: var(--amarillo);
  border: 1px solid var(--amarillo);
  color: var(--verde-localiza);
  margin-top: 20px;
  height: 55px;
}
.modal .content input[type="submit"]:hover {

  background-color: transpaernt;
  border: 1px solid var(--amarillo);
  background-color: var(--verde-localiza);
  color: var(--amarillo);

}
.modal .content .close {
  width: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
@media screen and (max-width:768px){
  .modal .content {
    height: auto; 

  }
}
/******** fin modal **********/




/******** tabla ***********/
table.scroll {
  box-shadow: 0px 0px 20px #0000001A;
  border-radius: 10px 10px 0 0 !important;
  border-collapse: collapse ;
  /*overflow: hidden;*/
  width: max-content;
}
table.scroll tr > td:first-child {
  background: aquamarine;
  /* position: sticky;
  left: 0;*/
  background-color: #fff !important;
}

table.scroll tr:first-child td {
  background-color: var(--verde-localiza) !important;
  color: var(--amarillo);
  text-align: center;
  font-size: 25px;
  line-height: 32px;
  /*font-family: 'DIN Next LT Pro Bold';*/
  font-family: 'Roobert';
  font-weight:600;
}

table.scroll :is(tr,td) {
  border: 1px solid #D5D5D5;
  padding: 15px !important;
}

table.fixed {
  box-shadow: 0px 0px 20px #0000001A;
  border-radius: 10px 10px 0 0 !important;
  border-collapse: collapse ;
  /*overflow: hidden;*/
  width: max-content;
}
table.fixed tr > td:first-child {
  background: aquamarine;
  position: sticky;
  left: 0;
  background-color: #fff !important;
}

table.fixed tr:first-child td {
  background-color: var(--verde-localiza) !important;
  color: var(--amarillo);
  text-align: center;
  font-size: 25px;
  line-height: 32px;
  /* font-family: 'DIN Next LT Pro Bold';*/
  font-family: 'Roobert';
  font-weight:600;
}

table.fixed :is(tr,td) {
  border: 1px solid #D5D5D5;
  padding: 15px !important;
}
/******* fin tabla *******/

@media screen and (max-width:768px){

  .header-banner .tags-list ul {
    flex-direction: column;
  }
  .header-banner .tags-list ul li:not(:last-child) {
    border-right: none !important;
    border-bottom: 1px solid;
  }




  table:not(.fixed) {

    /*  width: max-content !important;*/
    max-width: 600px !important;
  }
  table.fixed {
    width: auto !important;
    overflow: initial !important;

  }
}
/******* end blog listing styles **********/

.banner-section.extend {
  margin-top: 0 !important;
}