/* BIE MODAL STYLES - drop into css/styles.css or separate css/modal.css */
.bie-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,0.6); display:none; align-items:center; justify-content:center; z-index:2000;
  backdrop-filter: blur(3px);
}
.bie-backdrop.show{ display:flex; }
.bie-modal{
  width:100%; max-width:520px; background:#111; color:#fff; border-radius:10px; padding:26px; box-shadow:0 10px 40px rgba(0,0,0,0.6);
  position:relative; font-family: 'Darker Grotesque4', sans-serif;
}
.bie-modal-top{ text-align:center; font-size:14px; line-height:1.4; color:#ddd; margin-bottom:16px; font-weight:600; }
.bie-modal-close{ position:absolute; right:12px; top:8px; background:transparent; border:none; color:#fff; font-size:22px; cursor:pointer; opacity:0.7; }
.bie-form .row{ margin-bottom:12px; display:block; }
.bie-form .row.two{ display:flex; gap:10px; }
.bie-form input, .bie-form select, .bie-form textarea{
  width:100%; padding:12px 14px; border-radius:8px; border:1px solid rgba(255,255,255,0.08); background:transparent; color:#fff; font-size:14px;
  outline:none;
}
.bie-form input::placeholder{ color: rgba(255,255,255,0.45); }
.bie-form .tags{ display:flex; gap:8px; flex-wrap:wrap; }
.bie-form .tags label{ background:transparent; border:1px solid rgba(255,255,255,0.08); padding:8px 12px; border-radius:20px; cursor:pointer; font-size:13px; }
.bie-submit{
  width:100%; padding:12px; border-radius:28px; border:none; background:#eafc3c; color:#111; font-weight:700; font-size:15px; cursor:pointer;
}
.bie-success{ text-align:center; padding:18px 8px; color:#e7ffd6; }



/* === CHECKBOX ESTILIZADO === */
.bie-form .tags input[type="checkbox"] {
  display: none; /* esconde o checkbox */
}

.bie-form .tags label {
  border: 1px solid rgba(255,255,255,0.08);
  padding: 8px 14px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 13px;
  background: transparent;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

/* quando selecionado */
.bie-form .tags input[type="checkbox"]:checked + label {
  background: #eafc3c;
  color: #111;
  border-color: #eafc3c;
}



/* Linha dupla (nome + telefone) */
.bie-form .row.two {
  display: flex;
  gap: 10px;
}

/* Faz os dois inputs dividirem o mesmo espaço total do email */
.bie-form .row.two label {
  flex: 1;
}



/* Estilo do SELECT */
.bie-form select {
  background-color: #111;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.08);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 8px;
}

/* Opções dentro do select */
.bie-form select option {
  background-color: #111;
  color: #fff;
}

/* Quando uma opção for selecionada */
.bie-form select option:checked {
  background-color: #eafc3c;
  color: #111;
}