/* css/mapa.css — Mapa: estados, legenda. (a ordem dos arquivos no index.html importa) */
  /* ---- Mapa ---- */
  .layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
  .layout.single{grid-template-columns:minmax(0,1fr);max-width:820px;margin:0 auto}
  .endmap h3{margin:0 0 6px;font-weight:normal;color:var(--gold);font-size:1rem;letter-spacing:.12em;text-transform:uppercase}
  .mapbox{position:relative}
  .mapbox svg{width:100%;height:auto;display:block}
  .mapbox path.uf{stroke:#0e0d0c;stroke-width:1;cursor:pointer;transition:fill .7s ease}
  .mapbox path.uf:hover{stroke:#fff;stroke-width:1.6}
  .mapbox path.uf.changed{animation:pulse 1.2s ease 3}
  @keyframes pulse{0%,100%{stroke:#0e0d0c;stroke-width:1}50%{stroke:#fff3c4;stroke-width:3.5}}
  .mapbox text{font-family:system-ui,sans-serif;font-size:12px;font-weight:600;fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.75);stroke-width:3px;pointer-events:none;text-anchor:middle;dominant-baseline:middle}
  .mapbox line{stroke:#9c9182;stroke-width:.8;pointer-events:none}
  .legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:system-ui,sans-serif;font-size:.78rem;color:var(--muted);margin-top:8px}
  .legend span i{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:5px;vertical-align:-1px}
  .maptip{position:absolute;pointer-events:none;background:#000d;border:1px solid var(--gold);color:var(--ink);font-family:system-ui,sans-serif;font-size:.8rem;padding:5px 9px;border-radius:4px;white-space:nowrap;transform:translate(-50%,-120%);display:none;z-index:5}
  .mapnotes{font-family:system-ui,sans-serif;font-size:.82rem;margin-top:10px}
  .mapnotes div{padding:4px 8px;border-left:3px solid var(--gold);background:#0006;margin-top:4px;animation:fade .6s ease}
  .card .mapnotes{margin:0 0 14px}
  .endmap{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
  @media (max-width:900px){
    .layout{grid-template-columns:minmax(0,1fr)}
  }
  @media (max-width:600px){
    .mapbox text{font-size:19px;stroke-width:4px}
    .mapbox{margin:0 -6px}
  }