/* =====================================================================
   medicao.css — aviso de cookies + aviso curto dos formulários
   Desenho: docs/FASE-0-MEDICAO.md §3.7 e §3.8 (Fatia 3).

   Monocromático, na identidade do site. Cor, fonte e espaço só por token
   do :root abaixo; cada token cai no token da página quando ele existe
   (site.css usa --paper/--ink/--line, agendar/solicitar usam --white),
   e no valor da marca quando não existe. Grade de 8px (--sp-* do
   base.css). Nenhum hex fora do :root.
   ===================================================================== */
:root{
  --cb-papel:var(--paper,var(--white,#fbf9f5));
  --cb-tinta:var(--ink,#16130f);
  --cb-tinta-rgb:var(--ink-rgb,22,19,15);
  --cb-linha:var(--line,#e6ded1);
  --cb-suave:var(--muted-d,var(--ink-soft,#5a544b));
  --cb-fonte:var(--font-menu,'Founders Grotesk',sans-serif);
  --cb-texto:var(--font-body,'Founders Grotesk',system-ui,sans-serif);
  --cb-fs:var(--fs-small,13px);
  --cb-fs-txt:15px;
  --cb-sp1:var(--sp-1,8px);
  --cb-sp2:var(--sp-2,16px);
  --cb-sp3:var(--sp-3,24px);
  --cb-raio:16px;
  --cb-z:200;
  --cb-largura:960px;
}

/* ---------- aviso de cookies ---------- */
.av-cb{
  position:fixed;left:var(--cb-sp2);right:var(--cb-sp2);bottom:var(--cb-sp2);z-index:var(--cb-z);
  max-width:var(--cb-largura);margin:0 auto;
  background:var(--cb-papel);color:var(--cb-tinta);
  border:1px solid var(--cb-linha);border-radius:var(--cb-raio);
  box-shadow:0 var(--cb-sp1) var(--cb-sp3) rgba(var(--cb-tinta-rgb),.14);
  padding:var(--cb-sp3);
  display:grid;grid-template-columns:1fr auto;gap:var(--cb-sp2) var(--cb-sp3);align-items:center;
  font-family:var(--cb-texto);
}
.av-cb-txt{margin:0;font-size:var(--cb-fs-txt);line-height:1.5;color:var(--cb-tinta)}
.av-cb-txt a{color:var(--cb-tinta);text-decoration:underline;text-underline-offset:3px}
.av-cb-acoes{display:flex;gap:var(--cb-sp1);flex-wrap:wrap;justify-content:flex-end}
/* os três com o MESMO peso: recusar não pode parecer menor que aceitar */
.av-cb-btn{
  font-family:var(--cb-fonte);font-size:var(--cb-fs);letter-spacing:.1em;text-transform:uppercase;font-weight:500;
  min-height:48px;padding:0 var(--cb-sp3);border-radius:999px;cursor:pointer;
  background:var(--cb-papel);color:var(--cb-tinta);border:1px solid var(--cb-tinta);
  transition:background .2s,color .2s;
}
.av-cb-btn:hover,.av-cb-btn:focus-visible{background:var(--cb-tinta);color:var(--cb-papel)}
.av-cb-btn:focus-visible{outline:2px solid var(--cb-tinta);outline-offset:2px}
.av-cb-painel{grid-column:1 / -1;display:grid;gap:var(--cb-sp1);border-top:1px solid var(--cb-linha);padding-top:var(--cb-sp2)}
.av-cb-painel[hidden]{display:none}
.av-cb-opt{display:flex;gap:var(--cb-sp2);align-items:flex-start;cursor:pointer;font-size:var(--cb-fs-txt);line-height:1.4}
.av-cb-opt input{width:auto;margin-top:var(--cb-sp1);accent-color:var(--cb-tinta)}
.av-cb-opt b{display:block;font-weight:600}
.av-cb-opt span span{color:var(--cb-suave);font-size:var(--cb-fs)}

@media(max-width:720px){
  .av-cb{grid-template-columns:1fr;left:var(--cb-sp1);right:var(--cb-sp1);bottom:var(--cb-sp1);padding:var(--cb-sp2);max-height:calc(100vh - var(--cb-sp2));overflow:auto}
  .av-cb-acoes{flex-direction:column}
  .av-cb-btn{width:100%}
}

/* ---------- aviso curto abaixo do botão dos formulários (§3.8) ---------- */
.av-aviso-dados{margin:var(--cb-sp2) 0 0;font-size:var(--cb-fs);line-height:1.5;color:var(--cb-suave);font-family:var(--cb-texto)}
.av-aviso-dados a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ---------- ?medicao_teste=1: caixa que mostra o que sairia (Fatia 4) ----------
   Só aparece no teste pedido pelo CRM. Canto de cima, para não brigar com o
   aviso de cookies nem com o botão do WhatsApp. */
.av-mt{
  position:fixed;top:var(--cb-sp2);right:var(--cb-sp2);z-index:var(--cb-z);
  width:min(360px,calc(100vw - var(--cb-sp2) * 2));max-height:calc(100vh - var(--cb-sp2) * 2);overflow:auto;
  background:var(--cb-papel);color:var(--cb-tinta);border:1px solid var(--cb-tinta);border-radius:var(--cb-raio);
  padding:var(--cb-sp2);font-family:var(--cb-texto);font-size:var(--cb-fs);line-height:1.5;
  box-shadow:0 var(--cb-sp1) var(--cb-sp3) rgba(var(--cb-tinta-rgb),.14);
}
.av-mt b{display:block;font-family:var(--cb-fonte);letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin-bottom:var(--cb-sp1)}
.av-mt p{margin:0 0 var(--cb-sp1)}
.av-mt .av-mt-ev{color:var(--cb-suave);margin:0}
@media(max-width:720px){ .av-mt{top:var(--cb-sp1);right:var(--cb-sp1);width:calc(100vw - var(--cb-sp1) * 2)} }