/* Autentiva — /transparencia (redesign v4). Portado de transparencia_mockup.html.
   Auto-contido (alias :root + eyebrow); botões/nav/rodapé = chrome de produção. */
:root{
  --bg:var(--n-0); --bg-2:var(--site-bg-2); --ash:var(--site-ash); --stone:var(--site-stone); --slate:var(--site-slate);
  --ink:var(--site-ink); --text-2:var(--site-text-2); --muted:var(--site-muted);
  --accent:var(--autentiva-primaria); --accent-2:var(--site-accent-2); --accent-soft:var(--site-accent-soft);
  --ok:var(--status-valido); --ok-soft:var(--site-ok-soft); --ok-border:var(--site-ok-borda);
  --bad:var(--status-invalido); --bad-soft:var(--status-invalido-superficie); --bad-border:var(--site-bad-borda);
  --teal:var(--site-teal); --warn:var(--site-warn);
  --card-sh:var(--site-card-sh);
  --r-card:var(--r-med); --maxw:1080px;
}
/* eyebrow com ícone */
.eyerow{display:inline-flex;align-items:center;gap:10px}
.eyerow .eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:9px}
.eyerow .eyebrow::before{display:none}
.ey-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:none}
.ey-ic svg,.eyebrow svg{width:15px;height:15px}
.c-primaria{background:var(--accent-soft);color:var(--accent)}
.c-teal{background:rgba(14,148,136,.14);color:var(--teal)}

/* intro */
.intro{text-align:center;padding:clamp(100px, 11vw, 116px) 0 8px;position:relative;overflow:hidden}
.intro__tex{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle, var(--stone) 1px, transparent 1.4px);background-size:24px 24px;-webkit-mask-image:radial-gradient(560px 280px at 50% 0%, black, transparent 72%);mask-image:radial-gradient(560px 280px at 50% 0%, black, transparent 72%);opacity:.6}
.intro .eyerow{justify-content:center}
.intro h1{font-size:42px;font-weight:600;color:var(--ink);letter-spacing:-.025em;text-wrap:balance;line-height:1.1;margin:12px 0 0;position:relative}
.intro p{color:var(--muted);max-width:56ch;margin:16px auto 0;font-size:17px;line-height:1.55;position:relative}

/* contraste prova × não-promete */
.contrast{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:44px}
.ccard{border-radius:16px;padding:28px;border:1px solid}
.ccard--ok{background:var(--ok-soft);border-color:var(--ok-border)}
.ccard--no{background:var(--bad-soft);border-color:var(--bad-border)}
.ccard__ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--n-0);margin-bottom:16px}
.ccard--ok .ccard__ic{background:var(--ok)}
.ccard--no .ccard__ic{background:var(--bad)}
.ccard__ic svg{width:26px;height:26px}
.ccard h2{font-size:21px;font-weight:600;letter-spacing:-.02em}
.ccard--ok h2{color:var(--ok)}
.ccard--no h2{color:var(--bad)}
.ccard p{color:var(--text-2);font-size:14.5px;line-height:1.6;margin:12px 0 0}
.ccard p strong{color:var(--ink);font-weight:700}
@media(max-width:760px){.contrast{grid-template-columns:minmax(0,1fr)}}

/* racional (band) */
.band{background:var(--bg-2);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);margin-top:64px}
.sec{padding:70px 0}
.sec__head{text-align:center;max-width:56ch;margin-inline:auto}
.sec__head .eyerow{justify-content:center}
.sec__title{font-size:28px;font-weight:600;color:var(--ink);letter-spacing:-.025em;text-wrap:balance;margin:12px 0 0}
.rat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:38px}
.rcard{background:var(--bg);border:1px solid var(--stone);border-radius:var(--r-card);padding:26px}
.rcard__ic{width:44px;height:44px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:14px}
.rcard__ic svg{width:23px;height:23px}
.rcard h3{font-size:17px;font-weight:600;color:var(--ink)}
.rcard p{color:var(--muted);font-size:14px;line-height:1.6;margin:10px 0 0}
.rcard p strong{color:var(--text-2);font-weight:700}
@media(max-width:760px){.rat{grid-template-columns:minmax(0,1fr)}}

/* fecho indigo (o recado + CTA) */
.close{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--n-0);text-align:center;padding:80px 0}
.close .eyerow{justify-content:center}
.close .eyerow .eyebrow{color:rgba(255,255,255,.85)}
.close .ey-ic{background:rgba(255,255,255,.16);color:var(--n-0)}
.close h2{color:var(--n-0);font-size:32px;font-weight:600;max-width:24ch;margin:14px auto 0;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.close p{color:rgba(255,255,255,.85);margin:16px auto 26px;max-width:52ch}
.close__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}