/* ===========================================================================
   DIAMANTE — CSS do módulo de RESULTADO (resposta-primeiro)
   Reusa o sistema de design do protótipo (Desktop/impl/entregavel/diamante-
   experiencia.html): paleta creme/terracota, Fraunces/Spline Sans/Mono, sombras
   em 2 camadas, acordeão <details>. Tudo escopado em .dr-wrap para plugar na
   tela viva sem vazar. Importe a fonte na página hospedeira (ver demo).
   =========================================================================== */
:root{
  --ink:#211d17; --ink-2:#5d564a; --muted:#8a8173; --line:#e3dccb; --line-2:#cfc6b2;
  --paper:#f6f1e6; --paper-2:#fbf8f0; --card:#fffdf8;
  --terra:#bb4d2a; --terra-d:#943a1c; --terra-l:#e7a384;
  --ok:#2f7d54; --ok-bg:#e8f3ec; --ok-bd:#bfe0cc;
  --rev:#b07d12; --rev-bg:#f8efd8; --rev-bd:#e6d3a0;
  --no:#b53527; --no-bg:#f8e6e3; --no-bd:#eec3bc;
  --shadow:0 1px 2px rgba(33,29,23,.04),0 8px 30px rgba(33,29,23,.07);
  --shadow-lg:0 2px 6px rgba(33,29,23,.06),0 30px 70px rgba(33,29,23,.13);
  --r:16px;
}
.dr-wrap{font-family:'Spline Sans',system-ui,sans-serif;color:var(--ink);line-height:1.55;
  -webkit-font-smoothing:antialiased;max-width:1080px;margin:0 auto}
.dr-wrap *{box-sizing:border-box}
.dr-wrap .mono{font-family:'Spline Sans Mono',monospace;font-variant-numeric:tabular-nums}

/* entrada orquestrada */
.dr-wrap.result{animation:dr-rise .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes dr-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ---------- VEREDITO ---------- */
.dr-wrap .verdict{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow-lg);overflow:hidden}
.dr-wrap .band{display:flex;align-items:center;gap:18px;padding:26px 30px;border-bottom:1px solid var(--line)}
.dr-wrap .band.ok{background:linear-gradient(100deg,var(--ok-bg),transparent 70%)}
.dr-wrap .band.rev{background:linear-gradient(100deg,var(--rev-bg),transparent 70%)}
.dr-wrap .band.no{background:linear-gradient(100deg,var(--no-bg),transparent 70%)}
.dr-wrap .seal{width:60px;height:60px;border-radius:15px;background:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:var(--shadow);border:1px solid var(--line)}
.dr-wrap .seal.ok{border-color:var(--ok-bd)} .dr-wrap .seal.rev{border-color:var(--rev-bd)} .dr-wrap .seal.no{border-color:var(--no-bd)}
.dr-wrap .seal svg{width:32px;height:32px;stroke-width:2.4;fill:none}
.dr-wrap .seal.ok svg{stroke:var(--ok)} .dr-wrap .seal.rev svg{stroke:var(--rev)} .dr-wrap .seal.no svg{stroke:var(--no)}
.dr-wrap .vtext .vlabel{font-family:'Fraunces',serif;font-weight:600;font-size:30px;letter-spacing:-.02em;line-height:1.1}
.dr-wrap .band.ok .vlabel{color:var(--ok)} .dr-wrap .band.rev .vlabel{color:var(--rev)} .dr-wrap .band.no .vlabel{color:var(--no)}
.dr-wrap .vtext .vsub{font-size:14px;color:var(--ink-2);margin-top:2px}
.dr-wrap .vtext .vsub b{color:var(--ink)}
.dr-wrap .actions{margin-left:auto;display:flex;gap:10px}
.dr-wrap .btn{cursor:pointer;font-family:'Spline Sans',sans-serif;font-weight:600;font-size:14px;padding:12px 18px;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:var(--ink);transition:.18s;display:inline-flex;gap:8px;align-items:center}
.dr-wrap .btn:hover{border-color:var(--terra-l)}
.dr-wrap .btn.primary{background:linear-gradient(145deg,var(--terra),var(--terra-d));color:#fff;border:none;box-shadow:0 5px 16px rgba(187,77,42,.34)}
.dr-wrap .btn.primary:hover{transform:translateY(-1px)}
.dr-wrap .btn:disabled{opacity:.6;cursor:default;transform:none}

/* ---------- 4 NÚMEROS ---------- */
.dr-wrap .headline{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.dr-wrap .headline .n{padding:22px 26px;border-right:1px solid var(--line)}
.dr-wrap .headline .n:last-child{border-right:none}
.dr-wrap .headline .n .v{font-family:'Fraunces',serif;font-weight:600;font-size:30px;letter-spacing:-.02em;line-height:1}
.dr-wrap .headline .n .v small{font-size:15px;color:var(--muted);font-weight:500}
.dr-wrap .headline .n .k{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:8px}
.dr-wrap .spark{height:3px;border-radius:2px;background:var(--line);margin-top:11px;overflow:hidden}
.dr-wrap .spark i{display:block;height:100%;background:var(--terra);border-radius:2px}

/* ---------- DIVULGAÇÃO PROGRESSIVA ---------- */
.dr-wrap .disclose{margin-top:16px;display:flex;flex-direction:column;gap:12px}
.dr-wrap details.sec{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;transition:.2s}
.dr-wrap details.sec[open]{border-color:var(--line-2);box-shadow:var(--shadow-lg)}
.dr-wrap details.sec summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:19px 24px;user-select:none}
.dr-wrap details.sec summary::-webkit-details-marker{display:none}
.dr-wrap .sec .ix{width:30px;height:30px;border-radius:9px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;color:var(--terra-d);font-family:'Fraunces',serif;font-weight:600;font-size:14px;flex-shrink:0}
.dr-wrap .sec .stit{font-family:'Fraunces',serif;font-weight:600;font-size:17px;letter-spacing:-.01em}
.dr-wrap .sec .smeta{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}
.dr-wrap .pill{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid}
.dr-wrap .pill.ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-bd)}
.dr-wrap .pill.rev{color:var(--rev);background:var(--rev-bg);border-color:var(--rev-bd)}
.dr-wrap .pill.no{color:var(--no);background:var(--no-bg);border-color:var(--no-bd)}
.dr-wrap .chev{transition:.25s;color:var(--muted);flex-shrink:0}
.dr-wrap details[open]>summary .chev{transform:rotate(180deg)}
.dr-wrap .sec .body{padding:4px 24px 24px;border-top:1px solid var(--line);animation:dr-fade .35s ease both}
@keyframes dr-fade{from{opacity:0}to{opacity:1}}

/* ---------- §1 tabela de elementos ---------- */
.dr-wrap .dr-scroll{max-height:420px;overflow:auto;border-radius:10px;margin-top:6px}
.dr-wrap table{width:100%;border-collapse:collapse;font-size:13.5px}
.dr-wrap th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px;border-bottom:1px solid var(--line-2);font-weight:600;position:sticky;top:0;background:var(--card);z-index:1}
.dr-wrap td{padding:11px 10px;border-bottom:1px solid var(--line)}
.dr-wrap tr:last-child td{border-bottom:none}
.dr-wrap tbody tr:hover td{background:rgba(187,77,42,.03)}
.dr-wrap .num{text-align:right}
.dr-wrap .dr-t{color:var(--muted);font-family:'Spline Sans',sans-serif;font-size:11px}
.dr-wrap .dr-na{color:var(--muted)}
.dr-wrap .bar{height:7px;width:90px;background:var(--line);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:6px}
.dr-wrap .bar i{display:block;height:100%;background:var(--ok);border-radius:4px}
.dr-wrap .bar.hi i{background:var(--rev)}
.dr-wrap .tag{font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;border:1px solid;white-space:nowrap}
.dr-wrap .tag.ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-bd)}
.dr-wrap .tag.rev{color:var(--rev);background:var(--rev-bg);border-color:var(--rev-bd)}
.dr-wrap .tag.no{color:var(--no);background:var(--no-bg);border-color:var(--no-bd)}

/* ---------- § rastreável / trilho ---------- */
.dr-wrap .trail{font-size:11.5px;color:var(--muted);margin-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dr-wrap .trail .clause{font-family:'Spline Sans Mono',monospace;font-size:10.5px;color:#fff;background:var(--terra-d);padding:2px 7px;border-radius:5px}
.dr-wrap .dr-lead{color:var(--ink-2);font-size:13.5px;margin:6px 0 14px}
.dr-wrap .dr-empty{color:var(--muted);font-size:13.5px;padding:8px 0}

/* ---------- §2 memorial ---------- */
.dr-wrap details.mem{border:1px solid var(--line);border-radius:11px;margin:8px 0;overflow:hidden;background:var(--paper-2)}
.dr-wrap details.mem summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-family:'Fraunces',serif;font-weight:600;font-size:14.5px}
.dr-wrap details.mem summary::-webkit-details-marker{display:none}
.dr-wrap .mem-b{padding:4px 16px 14px;border-top:1px solid var(--line)}
.dr-wrap .exp{padding:12px 0;border-bottom:1px dashed var(--line)}
.dr-wrap .exp:last-child{border-bottom:none}
.dr-wrap .exp-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dr-wrap .exp-rot{font-weight:600;font-size:13.5px}
.dr-wrap .exp-val{margin-left:auto;font-size:14px;color:var(--terra-d);font-weight:500}
.dr-wrap .steps{margin:8px 0 4px;display:flex;flex-direction:column;gap:5px}
.dr-wrap .step{display:flex;align-items:baseline;gap:10px;font-size:12.5px;color:var(--ink-2)}
.dr-wrap .step .srot{flex:1}
.dr-wrap .step .sexp{color:var(--muted);font-size:11.5px}
.dr-wrap .step .sres{color:var(--ink);font-weight:500;white-space:nowrap}

/* ---------- §3 / §4 grid de células ---------- */
.dr-wrap .cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 8px}
.dr-wrap .cc-cell{background:var(--paper-2);border:1px solid var(--line);border-radius:11px;padding:14px 16px}
.dr-wrap .cc-k{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.dr-wrap .cc-v{font-family:'Fraunces',serif;font-weight:600;font-size:22px;margin-top:4px}
.dr-wrap .dr-cadout{margin-top:12px}
.dr-wrap .dr-cad{background:var(--ok-bg);border:1px solid var(--ok-bd);border-radius:12px;padding:16px}
.dr-wrap .dr-cad-h{font-family:'Fraunces',serif;font-weight:600;color:var(--ok);font-size:15px;margin-bottom:8px}
.dr-wrap .dr-cad .cc-cell{background:#fff}
.dr-wrap .dr-folhas{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.dr-wrap .dr-folha{font-size:11.5px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--ink-2)}
.dr-wrap .dr-warn{font-size:12.5px;color:var(--rev);background:var(--rev-bg);border:1px solid var(--rev-bd);border-radius:9px;padding:8px 12px;margin-top:8px}
.dr-wrap .dr-err{font-size:13px;color:var(--no);background:var(--no-bg);border:1px solid var(--no-bd);border-radius:9px;padding:10px 14px;margin-top:10px}

/* ---------- ART / disclaimer ---------- */
.dr-wrap .dr-art{margin-top:24px;font-size:12px;color:var(--muted);text-align:center;line-height:1.6}
.dr-wrap .dr-art b{color:var(--ink-2)}

@media(max-width:720px){
  .dr-wrap .headline{grid-template-columns:1fr 1fr}
  .dr-wrap .headline .n:nth-child(2){border-right:none}
  .dr-wrap .headline .n:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .dr-wrap .actions{display:none}
  .dr-wrap .cc-grid{grid-template-columns:1fr}
}