/* Estilo único do painel: "Bloco" (contornos grossos e destaque amarelo, família visual do De Olho no TSE).
   Ativado pelo atributo data-layout="bloco" no <html> de cada página. */

/* ---------- ajustes comuns aos três layouts ---------- */
.resp .big small{display:block;margin-top:2px;font-size:.9rem;line-height:1.3}
@media (min-width:760px){#placar-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ======================= BLOCO ======================= */
html[data-layout="bloco"]:root{color-scheme:light;--bg:#f1efe8;--surface:#fffdf6;--surface2:#faf6e8;--ink:#14161f;--ink2:#2d303c;--ink3:#5d606c;--line:#cfcabb;--accent:#14161f;--hl:#ffc400;--s-eleicao:#e0481f;--s-domingo:#1f5fd0;--s-util:#12805c;--s-sabado:#d99800;--s-turno1:#c4437a;--warn:#14161f;--shadow:none}
[data-layout="bloco"] body{font-family:"Helvetica Neue",Arial,sans-serif}
[data-layout="bloco"] h1,[data-layout="bloco"] h2,[data-layout="bloco"] .resp .big{font-family:"Arial Black","Archivo Black","Helvetica Neue",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em;font-weight:900}
[data-layout="bloco"] .brand,[data-layout="bloco"] nav.menu,[data-layout="bloco"] .eyebrow,[data-layout="bloco"] .tag,[data-layout="bloco"] .pill,[data-layout="bloco"] .seg,[data-layout="bloco"] th,[data-layout="bloco"] .leg,[data-layout="bloco"] .passo b,[data-layout="bloco"] .resp h3,[data-layout="bloco"] summary,[data-layout="bloco"] label,[data-layout="bloco"] .chip,[data-layout="bloco"] footer{font-family:ui-monospace,"DejaVu Sans Mono","Cascadia Mono",Menlo,monospace;text-transform:uppercase;letter-spacing:.05em}
[data-layout="bloco"] .resp h3,[data-layout="bloco"] summary,[data-layout="bloco"] th{font-size:.78rem}
[data-layout="bloco"] a{color:var(--ink);text-decoration-color:var(--hl);text-decoration-thickness:3px;text-underline-offset:2px}
[data-layout="bloco"] header.top{background:var(--bg);backdrop-filter:none;border-bottom:3px solid var(--ink)}
[data-layout="bloco"] .brand{font-weight:800;font-size:.85rem}
[data-layout="bloco"] nav.menu a{border-radius:0;border:2px solid transparent;font-size:.78rem;padding:5px 10px}
[data-layout="bloco"] nav.menu a:hover{background:var(--hl);color:var(--ink)}
[data-layout="bloco"] nav.menu a[aria-current=page]{background:var(--ink);color:var(--bg)}
[data-layout="bloco"] .hero{padding:40px 0 6px}
[data-layout="bloco"] h1{font-size:clamp(1.9rem,5.4vw,3.5rem);line-height:1.02;max-width:17em}
[data-layout="bloco"] .eyebrow{font-weight:700;color:var(--ink)}
[data-layout="bloco"] .dot{background:var(--hl);border:2px solid var(--ink);width:12px;height:12px;border-radius:0;animation:none}
[data-layout="bloco"] .lead{font-size:1.1rem;color:var(--ink)}
[data-layout="bloco"] .lead b{background:var(--hl);padding:0 4px}
[data-layout="bloco"] .pill,[data-layout="bloco"] .chip{border:2px solid var(--ink);border-radius:0;background:var(--surface);color:var(--ink);font-size:.72rem}
[data-layout="bloco"] h2{font-size:clamp(1.3rem,3.2vw,1.9rem)}
[data-layout="bloco"] section{margin:50px 0}
[data-layout="bloco"] .sub{color:var(--ink2)}
[data-layout="bloco"] .card,[data-layout="bloco"] details{background:var(--surface);border:3px solid var(--ink);border-radius:0;box-shadow:6px 6px 0 var(--ink)}
[data-layout="bloco"] details{box-shadow:4px 4px 0 var(--ink);margin:14px 0}
[data-layout="bloco"] .veredito{background:var(--hl);border:3px solid var(--ink);border-left:3px solid var(--ink);border-radius:0;box-shadow:8px 8px 0 var(--ink)}
[data-layout="bloco"] .veredito .tag{display:inline-block;background:var(--ink);color:var(--hl);padding:3px 9px;margin-bottom:10px}
[data-layout="bloco"] .veredito h2{font-size:clamp(1.35rem,3.6vw,2rem);line-height:1.1}
[data-layout="bloco"] .veredito p,[data-layout="bloco"] .veredito p b{color:var(--ink)}
[data-layout="bloco"] .ok,[data-layout="bloco"] .nao{color:var(--ink)}
[data-layout="bloco"] .passo div{background:var(--surface);border:2px solid var(--ink);border-radius:0;color:var(--ink2)}
[data-layout="bloco"] .resp::before{display:none}
[data-layout="bloco"] .resp{box-shadow:6px 6px 0 var(--cor,var(--ink))}
[data-layout="bloco"] .resp .big{font-size:2.6rem}
[data-layout="bloco"] .resp .big small{font-family:"Helvetica Neue",Arial,sans-serif;text-transform:none;letter-spacing:0}
[data-layout="bloco"] .seg{border:2px solid var(--ink);border-radius:0;background:var(--surface);padding:0}
[data-layout="bloco"] .seg button{border-radius:0;font-size:.74rem;padding:8px 14px}
[data-layout="bloco"] .seg button[aria-pressed=true]{background:var(--ink);color:var(--hl)}
[data-layout="bloco"] th{border-bottom:3px solid var(--ink)}
[data-layout="bloco"] td{border-bottom:1px solid var(--line);color:var(--ink2)}
[data-layout="bloco"] select{border:2px solid var(--ink);border-radius:0;background:var(--surface)}
[data-layout="bloco"] .passos>li{border:2px solid var(--ink);border-radius:0;background:var(--surface)}
[data-layout="bloco"] .passos>li::before{border-radius:0;background:var(--hl);color:var(--ink);border:2px solid var(--ink)}
[data-layout="bloco"] footer{border-top:3px solid var(--ink);color:var(--ink2);font-size:.75rem}
[data-layout="bloco"] #tip{border:2px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink)}
@media (max-width:560px){[data-layout="bloco"] .card,[data-layout="bloco"] .veredito{box-shadow:4px 4px 0 var(--ink)}}


/* ---------- página do pedido à SPTrans ---------- */
[data-layout="bloco"] #copiar,[data-layout="bloco"] .btn{background:var(--hl);color:var(--ink);border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);font-family:ui-monospace,"DejaVu Sans Mono",monospace;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:700;padding:10px 16px;text-decoration:none}
[data-layout="bloco"] .btn.sec{background:var(--surface)}
[data-layout="bloco"] .aviso{border:3px solid var(--ink);border-radius:0;background:var(--surface);box-shadow:6px 6px 0 var(--ink);color:var(--ink)}
[data-layout="bloco"] nav.sub a{color:var(--ink);font-family:ui-monospace,"DejaVu Sans Mono",monospace;text-transform:uppercase;font-size:.74rem;letter-spacing:.05em}
[data-layout="bloco"] pre{color:var(--ink)}
[data-layout="bloco"] p,[data-layout="bloco"] li{color:var(--ink2)}

@media (max-width:560px){
  [data-layout="bloco"] .brand{display:none}
  [data-layout="bloco"] nav.menu{margin-left:0}
}