/* parcerias.css — estilos exclusivos de frontend/parcerias.html.
   Carregado depois de base.css. A maior parte da página reaproveita
   classes já existentes em home.css/marcas.css (via base.css/mesmo
   vocabulário visual, ADR-011/ADR-012) — aqui só o que não tinha
   equivalente pronto: cores de .olho/.lead sobre o fundo escuro do
   .mtopo (nenhuma outra página combinava os dois antes), o textarea do
   formulário (o .qz de home.css só tinha estilo de <input>), o painel de
   sucesso e o spinner do botão de envio real (o único botão de type
   submit síncrono do site público — os outros CTAs são links de
   WhatsApp ou navegação). */

.mtopo .olho{color:var(--ouro)}
.mtopo .olho::before{background:var(--ouro)}
.mtopo .lead{color:rgba(247,245,241,.72)}

/* Primeiro botão de envio real (<button disabled>) do site público — os
   outros CTAs são links de WhatsApp/navegação com o padrão
   aria-disabled="true" (home.css, .qfecho .btn[aria-disabled]), que não
   se aplica a um <button disabled> nativo. */
.qfecho .btn:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}

.pp-diferenciais{max-width:46rem}

/* textarea no mesmo visual escuro de .qcampo input (home.css) — o
   formulário de lead nunca precisou de campo multilinha. */
.qcampo textarea{width:100%;padding:.9rem 1rem;border-radius:8px;border:1px solid rgba(247,245,241,.22);
  background:rgba(255,255,255,.06);color:var(--papel);font:inherit;font-size:.95rem;min-height:6.5rem;resize:vertical}
.qcampo textarea::placeholder{color:rgba(247,245,241,.36)}
.qcampo textarea:focus{outline:none;border-color:var(--ouro);background:rgba(255,255,255,.09)}

/* estado "ocupado" do botão de envio — mesma técnica de admin.css
   (spinner via ::after), reaproveitada aqui porque este é o primeiro
   botão de envio síncrono real do site público (os demais CTAs abrem
   WhatsApp ou navegam, sem esperar resposta de rede). */
.btn[aria-busy="true"]{opacity:.72;pointer-events:none}
.btn[aria-busy="true"]::after{content:"";width:14px;height:14px;margin-left:.6rem;flex:none;
  border-radius:50%;border:2px solid currentColor;border-top-color:transparent;
  animation:pp-girar .7s linear infinite}
@keyframes pp-girar{to{transform:rotate(360deg)}}

/* painel de sucesso — reaproveita o wrapper .qz (mesma caixa escura do
   formulário), só centraliza o conteúdo no lugar dos .qpasso. */
.pp-resultado{padding:2.8rem 1.6rem;text-align:center}
.pp-resultado svg{margin:0 auto 1.1rem;color:var(--ouro)}
.pp-resultado h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;margin-bottom:.6rem;color:var(--papel)}
.pp-resultado p{color:rgba(247,245,241,.72);max-width:34ch;margin:0 auto 1.5rem;line-height:1.6}