/* ==========================================================
   TERRITÓRIOS (#territorios): o mapa por estado
   ========================================================== */
.oque-textos { display: flex; flex-direction: column; gap: var(--espaco-3); max-width: var(--largura-texto); }
.mapa-area { margin-top: var(--espaco-6); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.mapa-svg { width: 100%; height: auto; display: block; max-height: 640px; }
.uf { fill: var(--superficie); stroke: var(--cinza-medio); stroke-width: .6; cursor: pointer; transition: fill .3s; outline: none; }
.uf.atuacao { fill: var(--cinza-medio); }
.uf.atuacao.previa-uf { fill: url(#hachura); }
.uf:hover { fill: var(--cinza-claro); }
.uf.atuacao:hover { fill: var(--tinta); }
.uf.selecionada { stroke: var(--praca); stroke-width: 2.5; }
.uf:focus-visible { stroke: var(--praca); stroke-width: 2.5; }
.marcador { fill: var(--acento); stroke: var(--branco); stroke-width: 1.5; cursor: pointer; }
.mapa-lateral { display: flex; flex-direction: column; gap: var(--espaco-4); }
.mapa-categoria { padding-bottom: 12px; border-bottom: 1px solid var(--linha); }
.ficha { border: 1px solid var(--linha); padding: var(--espaco-4); display: flex; flex-direction: column; gap: 10px; min-height: 150px; background: var(--fundo); }
.ficha h3 { font-size: var(--texto-titulo-3); }
.ficha-status { font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.ficha-status::before { content: ""; width: 12px; height: 12px; background: var(--status, var(--quase-branco)); border: 1px solid var(--borda-controle); }
.lista-ufs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.lista-ufs button { min-height: 40px; padding: 0 14px; border: 1px solid var(--linha); background: transparent; font: 600 15px var(--font-texto); color: var(--texto); cursor: pointer; }
.lista-ufs button:hover, .lista-ufs button[aria-pressed="true"] { border-color: var(--tinta); background: var(--tinta); color: var(--quase-branco); }
.legenda-mapa { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: var(--texto-legenda); color: var(--texto-suave); }
.legenda-mapa span { display: inline-flex; align-items: center; gap: 8px; }
.legenda-mapa i { width: 14px; height: 14px; display: inline-block; }
.lista-ufs-titulo { margin-bottom: 12px; }

@media (max-width: 900px) {
  .mapa-area { grid-template-columns: minmax(0, 1fr); }
}

/* Amostras da legenda e quadradinho de situação da ficha */
.legenda-mapa i { border: 1px solid var(--cinza-medio); }
.legenda-com-atuacao { background: var(--cinza-medio); }
.legenda-a-validar { background: repeating-linear-gradient(45deg, var(--cinza-medio) 0 3px, var(--cinza-claro) 3px 6px); }
.legenda-sem-atuacao { background: var(--quase-branco); }
.ficha-com-atuacao { --status: var(--cinza-medio); }