/* Complementos ao Tailwind: mapa e impressão */
html { scroll-behavior: smooth; }
.leaflet-container { font-family: Inter, system-ui, sans-serif; }
.leaflet-tooltip { font-size: 12px; }

/* Marcador numerado das paradas: o número fica centrado no ponto */
.parada-num { background: none; border: 0; }
.parada-num span {
    position: absolute; transform: translate(-50%, -50%);
    display: flex; align-items: center; justify-content: center;
    min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px;
    background: #111827; color: #fff; border: 2px solid var(--c, #FFD400);
    font: 600 11px/1 Inter, system-ui, sans-serif; white-space: nowrap;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    font-variant-numeric: tabular-nums;
}

/* Item ativo da lista de rotas (padrão do menu: fundo verde claro + borda laranja) */
.rota-item.ativo { background: rgb(0 168 89 / .1); border-left-color: #EE7736; }

/* Listas recolhíveis: a seta é um ícone próprio */
summary::-webkit-details-marker { display: none; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

@media print {
    @page { margin: 12mm; }
    body { background: #fff !important; }
    #mapaGeral { height: 520px !important; }
    #listaRotas { max-height: none !important; }
    .mini-mapa { height: 220px !important; }
    .ficha, section > div { break-inside: avoid; }
    .leaflet-control-container { display: none; }
    #fichas .grid { display: block !important; }
    #fichas .ficha { margin-bottom: 12px; }
}