main{font-family:var(--font-family-body, "Inter", sans-serif);color:var(--wb-font-color-1, #1A2441)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title, "Source Sans Pro", sans-serif)}label,.calc label{font-family:var(--font-family-body, "Inter", sans-serif)}.txt-blue-buk{color:var(--color-blue-buk)!important}{#.bg-blue-buk{background-color:var(--color-blue-buk)!important}#}.bg-light-modules{background-color:var(--wb-bg-modules)!important}.outline-light-blue{border:1px solid var(--color-light-blue)!important}#nationals-values.nationals-values input{border:none!important;background:transparent!important}#nationals-values.nationals-values input.text-input-read.alert-error{border:2px solid var(--color-error)}.fw-extra-bold{font-weight:900}{#.fw-bold{font-weight:700!important}#}.row-white{border:1px solid var(--color-light-blue)}.detail .button-large-result{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 24px;border:0;border-radius:8px;background-color:var(--color-blue-buk);color:var(--color-white);cursor:pointer}.detail .button-large-result h3,.detail .button-large-result p{margin:0;flex:1}.detail .button-large-result h3{text-align:left}.detail .button-large-result p{text-align:right;white-space:nowrap}.detail .button-large__color{background-color:var(--color-blue-buk);color:var(--color-white)}.detail .button-large-result:after{-webkit-transition:.6s ease-in-out;-o-transition:.6s ease-in-out;transition:.6s ease-in-out;content:"−";color:#fff0;position:relative;width:28px;background:url(https://www.buk.cl/hubfs/2024/Chile/Recursos/arrow-white.svg);background-position:center center;background-repeat:no-repeat;margin-left:auto;width:30px;height:30px;border-radius:50%}.detail .button-large-result.active:after{content:" +";transform:rotate(180deg)}.detail .button-large.active h3{font-weight:700!important}.detail .button-large-result h3{color:var(--color-white)!important;font-weight:400;font-family:var(--font-family-title);font-size:24px}.detail .panel-info{background-color:#fff;max-height:0px;overflow:hidden;-webkit-transition:.6s ease-in-out;-o-transition:.6s ease-in-out;transition:.6s ease-in-out;opacity:0;width:100%;padding:0}.detail .panel-info.show{opacity:1;max-height:3000px;padding:12px 0 0}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix input{padding-right:2.5rem!important}.input-suffix{position:absolute;right:1rem;color:var(--color-blue-buk);font-size:1rem;font-weight:500;pointer-events:none}.box-resultado .buk-grid>article.calc{display:flex;flex-direction:column;gap:.5rem}.box-resultado .buk-grid>article:not(.calc)>div{height:100%;display:flex;flex-direction:column;justify-content:space-between}.box-resultado{display:none}.box-resultado.show{display:block}.modal-form-container{position:fixed;width:100%;height:100%;background:#00000050;border:none}.modalForm{top:50%;left:50%;transform:translate(-50%,-50%);max-width:564px;width:calc(100% - 32px);border:none;position:relative}.modalForm .hs-input{border-radius:30px;background:var(--wb-bg-modules);color:var(--color-blue-buk);box-shadow:none;cursor:pointer;display:block;font-family:inter,sans-serif;font-size:1rem;line-height:22px;outline:0;border:none;padding:8px 10px;width:100%!important}.modalForm label.hs-form-checkbox-display{display:flex;gap:8px;align-items:baseline;font-size:.75rem;margin-top:.5rem}.modalForm .input{margin:0!important}.popup-form h1,.popup-form h2,.form-columns-0 h1,.form-columns-0 h2{font-size:2rem;margin-bottom:1.25rem}fieldset.form-columns-2,fieldset.form-columns-1{margin-bottom:1rem!important}.hs-form-checkbox .hs-input{width:auto!important}.modalForm label{font-size:1rem;margin-bottom:0;display:flex;margin-left:8px;gap:8px;align-items:baseline}.modalForm label .hs-input{width:auto!important}.modalForm label.hs-error-msg{color:var(--color-error)}.modalForm input.hs-button.primary.large{background:var(--bg-cta-1);border-color:var(--bg-cta-1);border-radius:var(--radius-btn);border-style:none;color:var(--color-white);cursor:pointer;display:block;font-family:var(--font-family-title);font-size:1.25rem;font-weight:600;margin:auto;padding:.688rem 1.875rem;text-align:center;transition:all .3s ease;width:auto}.modalForm input.hs-button.primary.large:hover{background:linear-gradient(.496turn,#f59121 1.23%,#ce5816 151.61%);color:var(--color-white);cursor:pointer;display:block}fieldset.form-columns-1,fieldset.form-columns-2,.hs-form-field{margin-bottom:10px!important}.close-modal{cursor:pointer;height:15px;position:absolute;right:10px;top:10px;width:15px;background:transparent;border:none}.modalForm form h2{font-size:2rem;text-align:center;margin-bottom:20px}@media only screen and (min-width: 767px){fieldset.form-columns-1,fieldset.form-columns-2,.hs-form-field{margin-bottom:1rem!important}.modalForm label{margin-bottom:.5rem}}.buk-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.buk-modal.buk-modal--show{display:flex!important;align-items:center;justify-content:center}.buk-modal__content{background-color:var(--color-white, #ffffff);padding:24px;width:90%;max-width:500px;border-radius:var(--radius-16, 16px);box-shadow:var(--box-shadow-2, 0px 0px 18px 4px rgba(43, 60, 106, .24));position:relative}.buk-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-light-blue, #D9E3FC)}.buk-modal__header p{font-size:1.5rem;font-weight:700;color:var(--color-blue-buk, #2F4DAA);margin:0;font-family:var(--font-family-title, "Source Sans Pro", sans-serif)}.buk-modal__header button{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.buk-modal__header button:hover{transform:scale(1.1)}.buk-modal__header button:active{transform:scale(.95)}.buk-modal__body{color:var(--wb-font-color-1, #1A2441);font-family:var(--font-family-body, "Inter", sans-serif)}.buk-modal__body ul{list-style:disc;padding-left:1.5rem;margin:0}.buk-modal__body li{margin-bottom:.75rem;line-height:1.5}@media only screen and (min-width: 767px){.input-with-suffix input{padding-right:3rem!important}}.ebook-card{box-shadow:0 4px 12px #00000014}.ebook-title{font-family:var(--font-family-title, "Source Sans Pro", sans-serif);font-size:1.75rem;font-weight:700;color:var(--color-blue-buk, #2F4DAA);line-height:1.3;margin:0}.ebook-text{font-family:var(--font-family-body, "Inter", sans-serif);font-size:1rem;color:var(--color-blue-buk, #2F4DAA);line-height:1.6;margin:0}

/* Estilos específicos para modal de formulario HubSpot */
.buk-modal__content--form {
  max-width: 600px;
}

#hubspot-form-container {
  min-height: 200px;
}

/* Ajustes para formularios de HubSpot dentro del modal */
.buk-modal__body #hubspot-form-container .hs-form {
  font-family: var(--font-family-body, "Inter", sans-serif);
}

.buk-modal__body #hubspot-form-container .hs-input {
  width: 100% !important;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--color-light-blue, #D9E3FC);
  font-family: var(--font-family-body, "Inter", sans-serif);
}

.buk-modal__body #hubspot-form-container .hs-button {
  background-color: var(--bg-cta-1) !important;
  color: var(--color-white) !important;
  border: none !important;
  padding: 0.688rem 1.875rem !important;
  border-radius: var(--radius-btn) !important;
  font-family: var(--font-family-title) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: opacity 0.3s ease;
}

.buk-modal__body #hubspot-form-container .hs-button:hover {
  opacity: 0.9;
}

.buk-modal__body #hubspot-form-container .hs-form-field label {
  font-family: var(--font-family-body, "Inter", sans-serif);
  color: var(--color-blue-buk);
  margin-bottom: 0.5rem;
}

/* Estilos para modal de formulario lead */

.modal-form-title{
  text-align:center;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.modal-form-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.modal-form-container.modal-form-show {
  display: flex;
}

.modalForm {
  background: var(--color-white, #ffffff);
  max-width: 564px;
  width: calc(100% - 32px);
  border: none;
  position: relative;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  border-radius: var(--radius-16, 16px);
  padding: 24px;
  box-shadow: var(--box-shadow-2, 0px 0px 18px 4px rgba(43, 60, 106, 0.24));
}

.modalForm .hs-input {
  border-radius: 30px;
  background: var(--wb-bg-modules);
  color: var(--color-blue-buk);
  box-shadow: none;
  cursor: pointer;
  display: block;
  font-family: inter, sans-serif;
  font-size: 1rem;
  line-height: 22px;
  outline: 0;
  border: none;
  padding: 8px 10px;
  width: 100% !important;
}

.modalForm label.hs-form-checkbox-display {
  display: flex;
  gap: 8px;
  align-items: baseline;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}

.modalForm .input {
  margin: 0 !important;
}

fieldset.form-columns-2, fieldset.form-columns-1 {
  margin-bottom: 1rem !important;
}

.hs-form-checkbox .hs-input {
  width: auto !important;
}

.modalForm label {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  display: flex;
  margin-left: 8px;
  gap: 8px;
  align-items: baseline;
}

.modalForm label .hs-input {
  width: auto !important;
}

.modalForm label.hs-error-msg {
  color: var(--color-error);
}

.modalForm input.hs-button.primary.large {
  background: var(--bg-cta-1);
  border-color: var(--bg-cta-1);
  border-radius: var(--radius-btn);
  border-style: none;
  color: var(--color-white);
  cursor: pointer;
  display: block;
  font-family: var(--font-family-title);
  font-size: 1.25rem;
  font-weight: 600;
  margin: auto;
  padding: 0.688rem 1.875rem;
  text-align: center;
  transition: all 0.3s ease;
  width: auto;
}

.modalForm input.hs-button.primary.large:hover {
  background: linear-gradient(0.496turn, #f59121 1.23%, #ce5816 151.61%);
  color: var(--color-white);
  cursor: pointer;
  display: block;
}

fieldset.form-columns-1, fieldset.form-columns-2, .hs-form-field {
  margin-bottom: 1rem !important;
}

.close-modal {
  cursor: pointer;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  background: transparent;
  border: none;
}

.modalForm form h2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (min-width: 767px) {
  fieldset.form-columns-1, fieldset.form-columns-2, .hs-form-field {
    margin-bottom: 1rem !important;
  }

  .modalForm label {
    margin-bottom: 0.5rem;
  }
}

