/**
 * Waitlist dialog — navy panel + RD Station overrides (scoped).
 * Visual: capture “Avise-me quando estiver disponível”. Does not change /contato/.
 */

.waitlist-modal {
  width: min(calc(100% - 2rem), 32rem);
  max-height: min(90vh, 48rem);
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--branco-100, #fefefe);
  overflow: auto;
}
.waitlist-modal::backdrop {
  background: rgba(20, 28, 36, 0.72);
}
.waitlist-modal__panel {
  position: relative;
  background: #3b4d61;
  border-radius: 10px;
  padding: 2rem 1.75rem 1.75rem;
}
.waitlist-modal__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #fefefe;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}
.waitlist-modal__close:hover,
.waitlist-modal__close:focus-visible {
  background: rgba(254, 254, 254, 0.12);
  outline: 2px solid #fefefe;
  outline-offset: 2px;
}
.waitlist-modal__title {
  margin: 0 1.75rem 1.5rem 0;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  line-height: 1.25;
  color: #fefefe;
}

.waitlist-modal__form [id^="forms-"],
.waitlist-modal__form form,
.waitlist-modal__form .bricks-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.waitlist-modal__form .bricks--section,
.waitlist-modal__form .bricks--row,
.waitlist-modal__form .bricks--column,
.waitlist-modal__form .bricks--column > div,
.waitlist-modal__form [id^="rd-section"],
.waitlist-modal__form [id^="rd-row"],
.waitlist-modal__form [id^="rd-column"],
.waitlist-modal__form [id^="rd-form"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.waitlist-modal__form .bricks--row {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
.waitlist-modal__form .bricks--column {
  display: block !important;
  flex: none !important;
}
.waitlist-modal__form .bricks--component-text.rd-text,
.waitlist-modal__form [id^="rd-text-"] {
  display: none !important;
}
.waitlist-modal__form input[name="emP7yF13ld"],
.waitlist-modal__form input[name="sh0uldN07ch4ng3"],
.waitlist-modal__form .bricks-form__field--hp {
  display: none !important;
}
.waitlist-modal__form .bricks-form__field,
.waitlist-modal__form .bricks-form__field-wrapper,
.waitlist-modal__form [class*="bricks-form__field"]:not(.bricks-form__field__option):not(.bricks-form__field__option__input) {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}
.waitlist-modal__form .bricks-form__field__option {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}
.waitlist-modal__form label,
.waitlist-modal__form .bricks-form__label {
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #fefefe !important;
  margin: 0 !important;
  padding: 0 !important;
}
.waitlist-modal__form .bricks-form__field__option .bricks-form__label,
.waitlist-modal__form .bricks-form__field__option > label {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
}
.waitlist-modal__form .bricks-form__field__option:has(> input[type="radio"]) {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.waitlist-modal__form .bricks-form__field__option:has(> input[type="radio"]) > .bricks-form__label,
.waitlist-modal__form .bricks-form__field__option:has(> input[type="radio"]) > label {
  flex: 1 1 auto !important;
}
.waitlist-modal__form input[type="radio"],
.waitlist-modal__form .bricks-form__field__option__input {
  display: inline-block !important;
  flex: 0 0 1.125rem !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  margin: 0.2rem 0 0 !important;
  padding: 0 !important;
  accent-color: var(--c-accent, #c1681b) !important;
  cursor: pointer !important;
  float: none !important;
  position: static !important;
}
.waitlist-modal__form input[type="text"],
.waitlist-modal__form input[type="email"],
.waitlist-modal__form input[type="tel"],
.waitlist-modal__form select,
.waitlist-modal__form .bricks-form__input:not(textarea):not([type="radio"]):not([type="checkbox"]) {
  background: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 50px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 4px 16px !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #0a0a0a !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.waitlist-modal__form textarea,
.waitlist-modal__form .bricks-form__input[type="textarea"],
.waitlist-modal__form textarea.bricks-form__input {
  background: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 24px !important;
  min-height: 88px !important;
  height: auto !important;
  padding: 12px 16px !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #0a0a0a !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  margin: 0 !important;
  resize: vertical !important;
}
.waitlist-modal__form input:focus-visible,
.waitlist-modal__form textarea:focus-visible,
.waitlist-modal__form select:focus-visible,
.waitlist-modal__form input[type="radio"]:focus-visible {
  outline: 2px solid var(--c-accent, #c1681b) !important;
  outline-offset: 2px !important;
}
.waitlist-modal__form .bricks-form__submit {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  height: auto !important;
}
.waitlist-modal__form button[type="submit"],
.waitlist-modal__form .rd-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--c-accent, #c1681b) !important;
  border: 0 !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  min-height: 48px !important;
  height: 48px !important;
  width: 100% !important;
  padding: 14px 20px !important;
  cursor: pointer !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.waitlist-modal__form .rd-form-embed-branding,
.waitlist-modal__form .branding,
.waitlist-modal__form [class*="recaptcha"] {
  display: none !important;
}