/* =========================================================
   NURA — pedidos de parceria (/parceiros/)
   Usa os tokens de style.css (--gold, --surface, --line…) e o
   formulário do pré-registo (.form, .field, .chipset, .check).
   ========================================================= */

.partners{
  padding:calc(var(--nav-h) + 3rem) clamp(1rem,3vw,2.5rem) 6rem;
  background:linear-gradient(180deg,var(--bg) 0%,var(--surface) 55%,var(--bg) 100%);
}
.partners__head{margin-bottom:3rem}
.partners__block{max-width:760px;margin:0 auto 3.5rem}
.partners__subtitle{
  font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);margin:0 0 .6rem;
}
.partners__text{color:var(--grey);margin:0 0 1.6rem}
.partners__text b{color:var(--white)}
.partners__state{color:var(--grey);text-align:center;padding:2rem 1rem;
  border:1px dashed var(--line-2);border-radius:var(--r-lg)}
.partners__state a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* ---------- para quem é ---------- */
.partner-kinds{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;
  grid-template-columns:repeat(2,minmax(0,1fr))}
.partner-kinds li{
  display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;row-gap:.2rem;align-items:start;
  padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--r-md);
  background:rgba(255,255,255,.02);
}
.partner-kinds .mi{grid-row:span 2;font-size:24px;color:var(--gold);line-height:1.2}
.partner-kinds b{font-weight:600}
.partner-kinds span{font-size:.88rem;color:var(--muted)}

/* ---------- formulário ---------- */
/* A caixa de texto grande, com o mesmo rótulo flutuante dos campos. */
.field--area textarea{
  width:100%;min-height:170px;resize:vertical;padding:1.75rem 1.1rem .9rem;
  border-radius:var(--r-md);background:rgba(255,255,255,.03);border:1px solid var(--line);
  color:#fff;font:inherit;font-size:1rem;line-height:1.5;outline:none;
  transition:border-color .3s,background .3s,box-shadow .3s;
}
.field--area textarea::placeholder{color:transparent;transition:color .2s}
.field--area textarea:focus::placeholder{color:var(--muted)}
.field--area textarea:hover{border-color:var(--line-2)}
.field--area textarea:focus{border-color:var(--gold);background:rgba(212,175,55,.05);
  box-shadow:0 0 0 3px rgba(212,175,55,.12)}
.field--area label{top:1.6rem}
.field--area textarea:focus+label,.field--area textarea:not(:placeholder-shown)+label{
  top:.95rem;transform:translateY(-50%) scale(.74);color:var(--gold)}
.field--area textarea:not(:focus):not(:placeholder-shown)+label{color:var(--muted)}
.field.is-bad textarea{border-color:var(--danger);background:rgba(255,90,90,.05)}
.field__count{display:block;margin-top:.4rem;text-align:right;font-size:.75rem;color:var(--muted);
  font-variant-numeric:tabular-nums}

#partnerSubmit{min-height:56px}
#partnerSubmit.is-busy{pointer-events:none}
#partnerSubmit.is-busy .btn__label{opacity:.35}
#partnerSubmit.is-busy .btn__spin{opacity:1}

/* Um erro que não é de nenhum campo (servidor em baixo, limite). */
.form__err{margin:-.6rem 0 0;padding:.8rem 1rem;border-radius:var(--r-md);
  border:1px solid rgba(255,90,90,.35);background:rgba(255,90,90,.06);
  color:var(--danger);font-size:.9rem;text-align:center}
.form__err a{color:inherit;text-decoration:underline}

/* ---------- enviado ---------- */
.partner-done{display:grid;justify-items:center;text-align:center;gap:.9rem;
  padding:2.5rem 1.5rem;border:1px solid rgba(212,175,55,.45);border-radius:var(--r-xl);
  background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(212,175,55,.03));outline:none}
.partner-done__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;
  border:1px solid rgba(212,175,55,.5);background:rgba(212,175,55,.1);color:var(--gold)}
.partner-done__icon .mi{font-size:30px}
.partner-done h3{margin:0;font-size:1.6rem}
.partner-done p{margin:0;max-width:46ch;color:var(--grey)}

@media (max-width:640px){
  .partner-kinds{grid-template-columns:1fr}
}