/* Diagnóstico LGPD do site — estilos próprios da página, sobre os tokens do site.css */
:root{
  --ok:#1E7A4F; --ok-bg:#E3F2EA;
  --warn:#8A5A0B; --warn-bg:#FBF0D9;
  --bad:#B42D24; --bad-bg:#FBE4E1;
  --nv:#4F6176; --nv-bg:#E7ECF2;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --ok:#5BC793; --ok-bg:#123427; --warn:#E8B75E; --warn-bg:#3A2E14; --bad:#F2857B; --bad-bg:#3D1D1E; --nv:#A8BCD0; --nv-bg:#1B3148}}
:root[data-theme="dark"]{
  --ok:#5BC793; --ok-bg:#123427; --warn:#E8B75E; --warn-bg:#3A2E14; --bad:#F2857B; --bad-bg:#3D1D1E; --nv:#A8BCD0; --nv-bg:#1B3148}

.dg{padding-block:clamp(36px,6vw,64px)}
.dg .mono{font-family:var(--f-mono);font-size:.85rem}
.dg-demo{display:flex;gap:10px;align-items:center;background:var(--pending-bg);color:var(--pending-fg);border-radius:var(--r);padding:10px 14px;font-size:.92rem;margin-bottom:22px}

/* entrada */
.dg-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start}
.dg-intro>*{min-width:0}
.dg-intro h1{margin-block:12px 16px}
.dg-intro h1 em{font-style:normal;color:var(--teal)}
.dg-lead{font-size:var(--s1);color:var(--ink-2);line-height:1.5}
.dg-areas{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line)}
.dg-areas li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.dg-areas .n{font:500 .85rem/1.7 var(--f-mono);color:var(--teal)}
.dg-areas b{display:block;font-weight:600}
.dg-areas span{font-size:.92rem;color:var(--ink-2)}
.dg-metodo{margin-top:16px;font-size:.85rem;color:var(--ink-2)}
.dg-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,28px);box-shadow:0 14px 34px -22px rgba(11,46,79,.35)}
.dg-card h2{font-size:var(--s2)}
.dg-form{display:grid;gap:14px;margin-top:16px}
.dg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dg-row>*{min-width:0}
.dg-f{display:grid;gap:6px;font-size:.92rem;font-weight:600}
.dg-f input{width:100%;font:1rem var(--f-body);color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:8px;padding:11px 12px;min-height:46px}
.dg-f input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 22%,transparent)}
.dg-f .url-in{font-family:var(--f-mono);font-size:.95rem}
.dg-err{color:var(--bad);font-size:.82rem;font-weight:600}
.dg-f.invalid input{border-color:var(--bad)}
.dg-consent{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:.84rem;line-height:1.5;color:var(--ink-2);background:var(--ground);border-radius:8px;padding:12px;font-weight:400}
.dg-consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--teal)}
.dg-consent.invalid{outline:1px solid var(--bad)}
.dg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dg-form-err{background:var(--bad-bg);color:var(--bad);border-radius:8px;padding:10px 12px;font-size:.92rem;font-weight:600}
.dg-tempo{font-size:.84rem;color:var(--ink-2);text-align:center}
.dg .btn[disabled]{opacity:.6;cursor:progress}
.btn-wa{background:#25D366;color:#06301A}

/* análise */
.dg-load{max-width:560px;margin:24px auto}
.dg-load h2{font-family:var(--f-mono);font-size:var(--s1);margin-block:8px 20px;overflow-wrap:anywhere}
.dg-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dg-steps li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;color:var(--ink-2)}
.dg-steps .dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}
.dg-steps li.on{color:var(--ink);font-weight:600}
.dg-steps li.on .dot{border-color:var(--teal);border-top-color:transparent;animation:dg-spin .8s linear infinite}
.dg-steps li.done .dot{background:var(--ok);border-color:var(--ok)}
@keyframes dg-spin{to{transform:rotate(360deg)}}

/* relatório */
.rep-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;padding-bottom:16px;border-bottom:2px solid var(--ink)}
.rep-head h1{font-size:clamp(1.6rem,3.6vw,2.2rem)}
.rep-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.92rem;color:var(--ink-2)}
.rep-meta b{color:var(--ink);font-weight:600}
.rep-score{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:center;padding-block:28px;border-bottom:1px solid var(--line)}
.rep-score>*{min-width:0}
.gauge{width:100%;max-width:260px}
.gauge text{font-family:var(--f-display)}
.nivel{display:inline-block;font:600 .8rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:6px}
.nivel.critico{background:var(--bad-bg);color:var(--bad)}
.nivel.basico{background:var(--warn-bg);color:var(--warn)}
.nivel.intermediario{background:var(--nv-bg);color:var(--teal)}
.nivel.avancado{background:var(--ok-bg);color:var(--ok)}
.rep-score h2{font-size:var(--s2);margin-block:12px 8px}
.rep-score p{color:var(--ink-2)}
.counts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chip{display:inline-flex;align-items:center;gap:6px;font:600 .82rem/1 var(--f-body);padding:7px 10px;border-radius:999px;font-variant-numeric:tabular-nums}
.chip i{width:8px;height:8px;border-radius:50%;display:inline-block}
.s-ok{background:var(--ok-bg);color:var(--ok)} .s-ok i{background:var(--ok)}
.s-parcial{background:var(--warn-bg);color:var(--warn)} .s-parcial i{background:var(--warn)}
.s-falha{background:var(--bad-bg);color:var(--bad)} .s-falha i{background:var(--bad)}
.s-nv,.s-na{background:var(--nv-bg);color:var(--nv)} .s-nv i,.s-na i{background:var(--nv)}
.avisos{margin-top:18px;display:grid;gap:8px}
.avisos p{font-size:.9rem;background:var(--warn-bg);color:var(--ink);border-radius:8px;padding:10px 12px}
.blk{padding-block:30px;border-bottom:1px solid var(--line)}
.blk>h2{font-size:var(--s2);margin-bottom:6px}
.blk>p.muted{margin-bottom:18px}
.prio{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:p}
.prio li{counter-increment:p;display:grid;grid-template-columns:34px 1fr;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.prio li::before{content:counter(p);font:700 1.3rem/1.2 var(--f-display);color:var(--accent-text)}
.prio b{display:block}
.prio span{font-size:.92rem;color:var(--ink-2)}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}
.cats a{text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:8px}
.cats a:hover{border-color:var(--teal)}
.cats .cn{font-size:.84rem;font-weight:600;line-height:1.3;min-height:2.6em}
.cats .cv{font:700 1.8rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.cats .cv small{font-size:.9rem;color:var(--ink-2);font-weight:600}
.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.bar>i{display:block;height:100%;border-radius:3px}
.area{margin-top:26px}
.area-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.area-h h3{font-size:var(--s1)}
.area-h .mono{color:var(--ink-2)}
.items{border-top:1px solid var(--line);margin-top:10px}
details.it{border-bottom:1px solid var(--line)}
details.it summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:120px 1fr 18px;gap:14px;align-items:start;padding:14px 4px}
details.it summary::-webkit-details-marker{display:none}
details.it summary>div{min-width:0}
details.it .t{font-weight:600;display:block}
details.it .ev{font-family:var(--f-mono);font-size:.8rem;color:var(--ink-2);display:block;margin-top:3px;overflow-wrap:anywhere}
details.it .chev{width:10px;height:10px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);margin-top:6px;transition:transform .15s}
details.it[open] .chev{transform:rotate(-135deg);margin-top:10px}
.st{justify-self:start}
.crit{font:600 .65rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);margin-left:8px;white-space:nowrap}
.it-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 4px 18px 138px;font-size:.92rem}
.it-body>div{min-width:0}
.it-body h4{margin:0 0 4px;font:600 .72rem/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.it-body .refs{grid-column:1/-1;font-family:var(--f-mono);font-size:.75rem;color:var(--ink-2);padding-top:10px;border-top:1px dashed var(--line)}
.cob{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:start}
.cob>*{min-width:0}
.cob .big{font:700 3.2rem/1 var(--f-display);color:var(--teal);font-variant-numeric:tabular-nums}
.cob .big small{font-size:1.3rem;color:var(--ink-2)}
.cob p{margin-top:12px;color:var(--ink-2)}
.pl{display:grid;gap:14px}
.pl-row{display:grid;gap:6px}
.pl-row .lbl{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}
.pl-row .lbl span:last-child{font-family:var(--f-mono);font-size:.8rem;color:var(--ink-2);white-space:nowrap}
.pl-row .bar{height:10px}
.pl-row .bar>i{background:var(--teal)}
.legend{font-size:.78rem;color:var(--ink-2)}
.dg-cta{margin-top:30px;background:var(--strong-bg);color:var(--strong-fg);border-radius:14px;padding:28px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center}
.dg-cta>*{min-width:0}
.dg-cta h2{font-size:var(--s2);margin-bottom:8px}
.dg-cta p{color:color-mix(in srgb,var(--strong-fg) 80%,transparent)}
.dg-cta .acts{display:grid;gap:10px}
.dg-cta .btn-ghost{border-color:var(--strong-fg);color:var(--strong-fg)}
.foot-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.disc{margin-top:26px;font-size:.8rem;color:var(--ink-2);max-width:90ch}

/* seções informativas (SEO) */
.dg-info{padding-block:0 clamp(48px,7vw,80px)}
.dg-info .cards-3{margin-top:8px}

@media (max-width:860px){
  .dg-intro,.rep-score,.cob,.dg-cta{grid-template-columns:1fr}
  .cats{grid-template-columns:repeat(2,1fr)}
  .gauge{max-width:220px}
}
@media (max-width:560px){
  .dg-row{grid-template-columns:1fr}
  details.it summary{grid-template-columns:1fr 18px}
  details.it summary .st{grid-column:1/-1}
  .it-body{grid-template-columns:1fr;padding-left:4px}
}
@media (prefers-reduced-motion:reduce){.dg-steps li.on .dot{animation:none}}
@media print{
  header.top,footer,.wa-float,.cookie,.no-print,.dg-demo,.dg-info{display:none!important}
  body{background:#fff;color:#000}
  .dg{padding:0}
  .dg-cta{background:#fff;color:#000;border:1px solid #000}
  .dg-cta p{color:#000}
  details.it summary .chev{display:none}
  .blk,details.it{break-inside:avoid}
}