/* Corrige estilo para o campo select personalizado do formulário HubSpot */
select.hs-input {
  background-color: #8bc53f !important; /* Verde igual aos outros campos */
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  border: none !important;s
  padding: 12px !important;
  border-radius: 2px !important;
  font-size: 14px !important;
}

select.hs-input option {
  background-color: #ffffff;
  color: #000000;
  padding: 8px;
}

/* Estiliza o texto do consentimento de comunicações */
.legal-consent-container p,
.legal-consent-container span,
.legal-consent-container label {
  color: #eeeeee !important; /* Cinza claro sobre fundo roxo */
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-family: 'Montserrat', sans-serif !important;
}

.legal-consent-container strong {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.legal-consent-container .hs-form-required {
  color: #ff5555 !important;
  margin-left: 4px !important;
  font-weight: bold;
}

/* === Legal-consent readability patch === */
.legal-consent-container{
  position: relative;           /* so the pseudo-element can sit behind */
  z-index: 2;                   /* stay above the angled hero slice */
  padding: 1.5rem 1.75rem;      /* room to breathe */
  border-radius: 8px;           /* soften the edges */
}

/* Glassy/solid background */
.legal-consent-container::before{
  content: "";
  position: absolute;
  inset: 0;                     /* fill the whole container */
  background: rgba(255,255,255,.82); /* white, 82 % opacity – tweak to taste */
  backdrop-filter: blur(2px);   /* subtle frost-glass look (optional) */
  border-radius: inherit;       /* match parent’s rounding */
  z-index: -1;                  /* sit behind the real content */
}

/* Make sure text & errors stay visible */
.legal-consent-container p,
.legal-consent-container label,
.legal-consent-container .hs-error-msg{
  color: #111 !important;       /* dark text over the light patch */
}