/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.fondo-imagen {
  background: url(//145595543.fs1.hubspotusercontent-eu1.net/hubfs/145595543/raw_assets/public/growth%20child/img/hero-galeria-1655378095AMzwO.jpg) top center no-repeat;
  background-size: contain;
  .header__wrapper {
    max-width: unset;
    padding-left: 20px;
  }  
  h2,h3 {
    color: #fff;
  }
  .header, .header__bottom {
    background-color: transparent; 
  }
  #email-prefs-form h1 {
    color: #8eee4a;
  }
  .error-page:before {
    z-index: 0;
    color: rgba(255,255,255,0.3);
  }  
  button.header__menu-toggle:nth-child(1) {
    display: none;
  }
  
}
.testimonial.card {
  display: flex;
  flex-direction: row-reverse;
  max-width: 400px;
  padding: 1rem;
  margin: 0 auto;
  margin-bottom: 180px !important;
  .testimonial__footer {
    display: flex;
    flex-direction: column;
  }
  .testimonial__content {
    margin-bottom:1.4rem;
    font-size: 14px;
    color: #2C2C2C;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    b,strong {
      color: #8EEE4A;
      font-weight: normal;
    }
  }
  .testimonial__author-image {
    margin-bottom: 1rem;
  }
  .testimonial__author-content {
    line-height: 1;
    p {
      margin-bottom: 0.25rem;
      color: #2C2C2C;
      text-align: center;
    }
  }
}
.boton, .hs-submit input {
    position: relative;
    z-index: 1;
    display: inline-flex;
    padding: .75rem .5rem .35rem .5rem;
    font-family: "Helvetica", "Arial", "sans-serif";
    line-height: 1;
    text-decoration: none;
    border-radius: 4px;
    background-size: contain;
  
}

.boton::before, .hs-submit input::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #8EEE4A;
  width: 10%;
  height: 100%;  
  transition: all 0.3s ease;
}

.boton:hover, .hs-submit input:hover {
  font-family: "Helvetica", "Arial", "sans-serif" !important;  
  text-decoration: none;
}

.boton:hover::before, .hs-submit input:hover::before {
  width: 100%;
  transition: all 0.3s ease;
}
.boton::after, .hs-submit input::after {
  content: url("//145595543.fs1.hubspotusercontent-eu1.net/hubfs/145595543/raw_assets/public/growth%20child/img/Icono-flecha.svg");
  display: block;
  height: 90%;
  margin-left: 1rem;
}

.sucursales {
  color: #000; 
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  div {
    display: flex;
    flex-direction: column;
    .titulo {
      font-family: "With My Woes";
    }
    ul {
      display: flex;
      padding-left: 0;
      li {
        margin-right: 3rem;
        margin-left: 0 !important;
        list-style: none;        
      }
      li::after {
        content: url("//145595543.fs1.hubspotusercontent-eu1.net/hubfs/145595543/raw_assets/public/growth%20child/img/circulo-verde.svg");
        position: relative;
        left: 1.5rem;
        bottom: 0.25rem;          
      }      
      li:last-child::after {
        content: "";
      }
    }
  }
  
}

.row-number-3 {
  position: relative;
  z-index: 1;
}
 !important

/* Formularios */
.hs-landing-page ::placeholder {
  color: #B3B3B3 !important;
}
.hs-landing-page {
  form {
    background: #F2F3F5 !important;
    .hs-error-msg, form .hs-error-msgs {
      color: #ef6b51 !important;
    }    
    label {
      color: #1E1E1E;
    }
    .inputs-list {
      display: flex;
      flex-wrap: wrap;
      padding: 0.5rem;
      li {
        margin-right: 1rem;
      }
    }   
    input[type="submit"] {
      display: inline-block;
      width: auto !important;
      color: #2C2C2C !important;
      border: solid 1px #2C2C2C;
      border-radius: 8px;
      padding-right: 3rem;
      background: #8EEE4A url("//145595543.fs1.hubspotusercontent-eu1.net/hubfs/145595543/raw_assets/public/growth%20child/img/Icono-flecha.svg") 90% 10px no-repeat;
    }
      input[type="submit"]:hover {
         color: #2C2C2C !important;
          font-family: Roboto, sans-serif !important;
          font-style: normal;
          font-weight: 600 !important;
         background: #C5FF9C url("//145595543.fs1.hubspotusercontent-eu1.net/hubfs/145595543/raw_assets/public/growth%20child/img/Icono-flecha.svg") 90% 10px no-repeat;
      }    
  } 
  select {
    height: 40px !important;
  }
  .input {
    border: solid 1px #8EEE4A !important;
    border-radius: 8px !important;
    
  }
  .hs-error-msg hs-main-font-element {
    color: red !important;
  }


 

}



@media only screen and (max-width: 480px) {
  .boton {
    width: 100%;
  }
  .boton::before {
    width: 100%; 
  }
  .boton::after{
    margin-right: .5rem;
    margin-left: auto !important;
  }  
  
  /* ajustes responsive */
  
  div.dnd_area-row-1-margin {
    margin-top: -40px !important;
    z-index: 1;
    position: relative;
  }  
  div.dnd_area-row-2-margin {
    margin-top: 140px !important;
  }  
  #hs_cos_wrapper_widget_1733229168570_ > p:nth-child(2) {
    font-size: 28px !important;
    margin-bottom: 0 !important;
  }
  #hs_cos_wrapper_widget_1733226589045_ > h2:nth-child(1) > span:nth-child(1) > span:nth-child(3) > span:nth-child(1) {
    /* font-size: 55px; */
    font-size: 38px !important;
  }
  #hs_cos_wrapper_widget_1733226589045_ > h2:nth-child(1) > span:nth-child(1) > span:nth-child(1) {
    /* font-size: 45px; */
    font-size: 35px !important;
  }
  #hs_cos_wrapper_widget_1733226589045_ > h2:nth-child(1) > span:nth-child(1) > span:nth-child(3) {
    /* font-size: 45px; */
    font-size: 35px !important;
  }
  #hs_cos_wrapper_widget_1733226589045_ > h3:nth-child(2) {
    /* font-size: 40px; */
    font-size: 28px !important;
  }
  #hs_cos_wrapper_module_1733229548639_ > p:nth-child(1) {
    font-size: 28px !important;
  }
  #hs_cos_wrapper_widget_1733229697621_ > h3:nth-child(1) {
    font-size: 28px !important;
  }
  .col2 {
    width: calc(100% + 16px) !important;
  }
  .hero .contenedor {
      .boton {
        margin-bottom: -1rem !important;
      }
      .imagen-principal {
        padding-left: 0px !important;
        margin-bottom: 34% !important;
      }
  }  
  .sucursales {  
    flex-wrap: wrap; 
    ul {
    flex-wrap: wrap; 
      li {
        margin-bottom: 0;
      }
    }
  }
  form {
    padding: 20px;
  }
  
  .fondo-imagen  {
    h1 {
        line-height: 1.15;
        font-size: 32px;    
    }
    h2 {
        line-height: 1.15;
        font-size: 28px;        
    }
  }
  
  .systems-page {
    padding: 2.8rem .4rem;
  }
}