@font-face {
  font-family: 'Jeko-Regular';
  src: url('https://20882540.fs1.hubspotusercontent-na1.net/hubfs/20882540/NoyackFonts/Jeko-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

ul.inputs-list.multi-container {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-top: 10px;
}
.header img{
  width: 150px;
}
ul.inputs-list.multi-container li {
  font-weight: 400;
  list-style: none;
  margin: 0 !important;
}

form input, form select{
  color:#fff;
}

ul.inputs-list.multi-container li label {
  background: #3a3a3a;
  border-radius: .4rem;
  cursor: pointer;
  display: inline-block;
  font-size: 17p;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: .5rem;
  overflow: hidden;
  padding: 0;
  position: relative;
}

ul.inputs-list.multi-container li label input {
  display: none;
  margin-right: 5px;
}

ul.inputs-list.multi-container li label input:checked+span {
  background: #011e5a;
  color: #fff;
}

ul.inputs-list.multi-container li label span {
  color: #fff;
  display: inline-block;
  font-size: 15px !important;
  padding: .3rem .5rem;
}

.hs-form_field_input {
  color: #FFF !important;
}
select option {
  color: black !important;
}
select.is-placeholder {
  color: #fff; !important;
}

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:16px;
  line-height:24px;
}
body a.cta_button {

  font-family: 'Jeko-Regular' !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;
  }
  .oembed_container {
    width: 100% !important;
  }
}/* fin media 768px*/
@media screen and (max-width:1024px){

  .oembed_container {
    width: 100% !important;
  }
}
body{
  /*  font-family: "DIN Pro Light";*/
  font-family: 'Jeko-Regular'!important;
  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: 'Jeko-Regular';
  font-weight:600;
}

.cta{
  border-radius:6px;
  transition:all 0.5s ease;
  padding: 15.3px 30px;
  border:1px solid;
  width:fit-content;
  font-size:22px;
  text-align:center;
}
.cta.verde{
  display:inline-block;
  background-color: var(--verde-localiza);
  color: var(--amarillo);
  border: 1px solid var(--verde-localiza);
}
.cta.verde:hover{
  background-color: var(--amarillo);
  color: var(--verde-localiza);
  border: 1px solid var(--amarillo);
}
.cta.amarillo{
  display:inline-block;
  background-color: var(--amarillo);
  color: var(--verde-localiza);
  border-color: var(--amarillo);
}
.cta.amarillo:hover{
  border: 1px solid var(--amarillo);
  background-color: transparent;
  color: var(--amarillo);
}
.cta.borde{
  display:inline-block;
  background: transparent;
  border: 1px solid var(--verde-localiza);
  color: var(--verde-localiza);
}
.cta.borde:hover{
  background: var(--verde-localiza);
  border: 1px solid var(--verde-localiza);
  color: var(--amarillo);
}

input[type="submit"] {
  border-radius: 10px;
  transition: all .5s ease;
  padding: 6px 35px;
  border: none;
  text-align: center;
  font-weight:bolder;
  width: fit-content;
  cursor: pointer;
  margin: auto;
  color: white;
}
label.hs-form-checkbox-display {
  display: flex;
  align-items: center;
}
.field input, .field select {
  border-radius: 10px;
  background-color: #fff;
  border: none;
  /* font-size: 16px; */
  padding: 8px 15px;
  max-height: 37px;
  width:100%;
  border-bottom: 1px solid #ffffff !important;
}
.field input::placeholder {
  color: #FFF;
}
.hs-form-field {
  margin-bottom: 10px;
}
.legal-consent-container ul.inputs-list {
    list-style: none;
}
.legal-consent-container * {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 12px;
  color: #fff;
}
label.hs-form-booleancheckbox-display {
  list-style: none;
  display: flex !important;
  flex-direction: row;
}
label.hs-form-booleancheckbox-display input{
  width: auto !important;
}
ul.hs-error-msgs {
  list-style: none;
}

ul.hs-error-msgs label {
  color: #f44336 !important;
}

.hs_cos_wrapper_type_rich_text a {
  display: inline;
}
/******** 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: 10000;
}
.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: linear-gradient(var(--color-primary-06), var(--color-primary-07));
  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;

  margin-top: 20px;
  height: 55px;
}
.modal .content input[type="submit"]:hover {

  background-color: transparent;
  border: 1px solid var(--amarillo);
  color: var(--amarillo);

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

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


/******* blog listing styles **********/
main.blog {
  max-width: 1200px;
  margin: 90px auto 90px;
}
section.blog-listing-grid {
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,16rem),1fr))
}
section.blog-listing-grid article img{
  border-radius: 10px;
  margin-bottom: 10px;
  aspect-ratio: 291/164;
}
section.blog-listing-grid article:first-child{
  grid-column: span 2;
  grid-row: span 2;
  padding: 60px 42px;
}
section.blog-listing-grid article.big-one {
  display: flex;
  align-items: flex-end;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
  color:#fff;
  border-radius: 10px;
}
section.blog-listing-grid article.big-one date {
  color: var(--amarillo);
  /*font-family: 'DIN Next LT Pro Bold';*/
  font-family: 'Jeko-Regular';
  font-weight:600;
  padding-bottom: 5px;
  display: block;
}
section.blog-listing-grid article.big-one :is(a, h2, p, div){
  position:relative;
}
section.blog-listing-grid article h2 {
  font-size: 25px;
  line-height: 32px;
}
article.big-one:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.7992384453781513) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
  border-radius: 10px;
}
section.blog-listing-grid article:not(.big-one) h2 , section.blog-listing-grid article:not(.big-one) h2   a{
  color: var(--verder-textos);
}
section.blog-listing-grid article:not(.big-one) date{
  font-size:14px;
  color:var(--verde-oscuro);
  padding-bottom:5px; 
  display:block;
}
section.blog-listing-grid article > a {
  position: relative;
  transition:all 0.5s ease;
}

section.blog-listing-grid article > a:after {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  background-color: hsl(0deg 0% 0% / 10%);
  height: 100%;
  border-radius: 10px;
}
section.blog-listing-grid article:hover > a:after {
  background-color: hsl(0deg 0% 0% / 0%);
}

main.blog nav.paginacion {
  margin-top:50px;
  display: flex;
  justify-content: center;
  gap: 15px;
  color: var(--verde-localiza);
}

section.blog-listing-grid article a.cta {
  margin-top: 20px;
  border: 1px solid var(--verde-localiza);
  background-color: var(--verde-localiza);
  color:#fff;
  transition:all 0.5s ease;
}
section.blog-listing-grid article a.cta:hover {
  /* border: 1px solid var(--verde-localiza);*/
  color: var(--amarillo);
  /*background-color:var(--verde-localiza);*/
}
section.blog-listing-grid article:nth-child(2) :is(p,a.cta),
section.blog-listing-grid article:nth-child(3) :is(p,a.cta){
  display: none;
}






/******** 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: 'Jeko-Regular';
  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: 'Jeko-Regular';
  font-weight:600;
}

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

@media screen and (max-width:768px){
  section.blog-listing-grid article:first-child {
    grid-column: span 1;
  }
  .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;
  }
  main.blog {
    margin: 50px auto 30px;
  }
  section.blog-listing-grid {
    padding: 0 20px;
  }
  section.blog-listing-grid article:first-child {
    padding: 50% 22px 20px;
  }
  section.blog-listing-grid article:nth-child(2) :is(p,a.cta),
  section.blog-listing-grid article:nth-child(3) :is(p,a.cta){
    display: block;
  }
  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;
}