@font-face {
  font-family: 'Acid Grotesk';
  font-weight: 400;
  font-style: normal;
  src: url('/FFF-AcidGrotesk-Light.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Acid Grotesk';
  font-weight: 700;
  font-style: normal;
  src: url('/FFF-AcidGrotesk-Bold.woff') format('woff');
  font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-height: 100dvh;
  height: auto;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100dvh;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #33475b;
  background: #fff;
}

/* HubSpot .hs-custom-style + .hs-input + .hs-form-field */
.rocket-contact__custom {
  width: 100%;
  margin-bottom: 20px;
}

.rocket-contact__custom .field {
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.rocket-contact__custom .field::before,
.rocket-contact__custom .field::after {
  display: none;
}

.rocket-contact__custom .field__label {
  position: static;
  display: block;
  margin: 0 0 6px;
  padding: 0;
  pointer-events: auto;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #33475b;
  letter-spacing: normal;
}

.rocket-contact__custom .field__input,
.rocket-contact__custom .form__select select {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  min-height: 27px;
  height: 40px;
  margin: 0;
  padding: 10px 15px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #33475b;
  background-color: #f5f8fa;
  border: 1px solid #cbd6e2;
  border-radius: 15px;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
}

.rocket-contact__custom .field__input::placeholder {
  color: #94a3b8;
  opacity: 1;
}

.rocket-contact__custom .field__input:focus,
.rocket-contact__custom .form__select select:focus,
.rocket-contact__custom textarea.field__input:focus {
  outline: none;
  border-color: #7c98b6;
  box-shadow: none;
}

.rocket-contact__custom .field__input.has__error,
.rocket-contact__custom .form__select select.has__error {
  border-color: #d55959;
}

.rocket-contact__custom .field__input.text-area {
  min-height: 120px;
  height: auto;
  resize: vertical;
}

.rocket-contact__custom .form__select select {
  color: #33475b;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00312 5.0353L0.834891 0.00102759L7.15493e-08 0.705078L4.98442 6.70508L10 0.705078L9.16511 0.00102769L5.12773 4.8733L5.00312 5.0353Z' fill='%23B8B8B8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  padding-right: 36px;
}

.rocket-contact__custom .form__select select option {
  color: #33475b;
  background: #fff;
}

.rocket-contact__custom .form__select select:invalid {
  color: #94a3b8;
}

@media screen and (min-width: 768px) {
  .rocket-contact__custom .contact__fields {
    display: flex;
    gap: 12px;
  }

  .rocket-contact__custom .contact__fields .field {
    flex: 1;
    min-width: 0;
  }
}

@media (max-width: 400px),
  (min-device-width: 320px) and (max-device-width: 480px) {
  .rocket-contact__custom .field__input,
  .rocket-contact__custom .form__select select,
  .rocket-contact__custom textarea.field__input {
    margin-right: 0 !important;
    width: 100% !important;
  }
}

/* HubSpot .hs-form-field + .inputs-list (intereses) */
.rocket-contact__custom .field--checkbox {
  margin-top: 8px;
  margin-bottom: 18px;
}

.rocket-contact__custom .hs-form-field > .field__label {
  font-family: 'Geist', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #33475b;
  display: block;
  float: none;
  width: auto;
  padding-top: 0;
  margin-bottom: 4px;
}

.rocket-contact__custom .field--checkbox.has__error > .field__label {
  color: #d55959;
}

.rocket-contact__custom .inputs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rocket-contact__custom .inputs-list li {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

.rocket-contact__custom .inputs-list li + li {
  margin-top: 10px;
}

.rocket-contact__custom .inputs-list label {
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  white-space: normal;
  font-weight: normal;
  font-family: 'Geist', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #1e1e1e;
  display: inline;
  margin-bottom: 0;
  cursor: pointer;
}

.rocket-contact__custom .inputs-list label::before,
.rocket-contact__custom .inputs-list label::after {
  display: none;
}

.rocket-contact__custom .inputs-list .form__checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.rocket-contact__custom .inputs-list input[type='checkbox'] {
  box-sizing: border-box;
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 0;
  flex-shrink: 0;
  accent-color: #1e1e1e;
  cursor: pointer;
}

.rocket-contact__custom .field__error {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #d55959;
  margin: 6px 0 0;
}

.rocket-contact__custom .contact__button {
  margin-top: 8px;
}

/* HubSpot .hs-button (submit) — formulario Rocket */
.rocket-contact__custom .hs-button {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 12px 24px;
  font-family: 'Geist', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  color: #1e1e1e;
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
  white-space: pre-wrap;
  background: #98aeff;
  background-color: #98aeff;
  border: 1px solid #98aeff;
  border-style: solid;
  border-width: 1px;
  border-color: #98aeff;
  border-radius: 15px;
  background-clip: padding-box;
  cursor: pointer;
  position: relative;
  transition: all 0.15s linear;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
}

.rocket-contact__custom .hs-button::before,
.rocket-contact__custom .hs-button::after {
  display: none;
}

.rocket-contact__custom .hs-button:hover,
.rocket-contact__custom .hs-button:hover:not(:disabled),
.rocket-contact__custom .hs-button:focus,
.rocket-contact__custom .hs-button:active {
  background: #98aeff;
  background-color: #98aeff;
  border-color: #98aeff;
  color: #1e1e1e;
  outline: none;
  box-shadow: none;
}

.rocket-contact__custom .hs-button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.rocket-contact__custom .recaptcha-wrap {
  margin-top: 18px;
}

.rocket-contact__custom .thanks {
  display: none;
  padding: 10px 0;
}

.rocket-contact__custom .thanks h2 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #33475b;
  margin: 0 0 6px;
}

.rocket-contact__custom .thanks p {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #516f90;
  margin: 0;
}

#form-container.rocket-contact__custom {
  display: flex;
  min-height: auto;
  width: 100%;
}

div[style*='z-index'] iframe[title*='recaptcha'],
body > div:last-of-type,
div[style*='visibility: visible'] {
  z-index: 2147483647 !important;
}