/* Achaquii · Visual responsivo. Apenas apresentação; mapa.js preservado. */
:root {
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  color:#20332e;
  background:#f5f8f5;
  color-scheme:light;
  --verde:#315f56;
  --verde-escuro:#224941;
  --verde-claro:#e8f4ee;
  --texto-suave:#526760;
  --borda:#dce7e1;
}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
a{color:var(--verde-escuro);text-underline-offset:4px}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
button:disabled{opacity:.48;cursor:not-allowed}
button[hidden],[hidden]{display:none!important}
a:focus-visible,button:focus-visible{outline:3px solid #b05c00;outline-offset:3px}

/* Cabeçalho, com o mesmo alinhamento do conteúdo central. */
.cabecalho{background:#fff;border-bottom:1px solid var(--borda)}
.cabecalho-interno{max-width:1472px;margin:auto;min-height:68px;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.marca{display:inline-flex;align-items:center;gap:10px;font-size:1.45rem;line-height:1.2;font-weight:800;text-decoration:none;color:var(--verde)}
.marca img{width:36px;height:36px;object-fit:contain;flex:none}
.voltar{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:.9rem;font-weight:650;text-decoration:none}
.voltar:hover{text-decoration:underline}
.voltar span{font-size:1.15rem}

/* Notebook: informações no painel esquerdo; mapa visível à direita. */
.mapa-layout{max-width:1472px;margin:0 auto;padding:26px 28px 14px;display:grid;grid-template-columns:minmax(300px,354px) minmax(0,1fr);align-items:start;gap:20px}
.painel-controles,.mapa-coluna{min-width:0}
.painel-controles{padding:24px;background:#fff;border:1px solid var(--borda);border-radius:20px;box-shadow:0 7px 28px #183b2e09}
.titulo{display:flex;align-items:flex-start;flex-direction:column;gap:7px}
.sobretitulo{font-size:.68rem;font-weight:850;letter-spacing:.12em;color:#477e6c}
h1{font-size:clamp(1.65rem,2.2vw,2rem);letter-spacing:-.035em;line-height:1.15;margin:0;font-weight:800}
.titulo p{color:var(--texto-suave);font-size:.9rem;line-height:1.4;margin:0}
.etiqueta{display:inline-flex;align-items:center;gap:7px;margin-top:5px;padding:6px 10px;background:var(--verde-claro);color:var(--verde-escuro);border-radius:999px;font-size:.75rem;font-weight:750}
.status-ponto{width:7px;height:7px;border-radius:50%;background:#399a6c;box-shadow:0 0 0 3px #399a6c19}

/* Mensagens existentes do JS continuam acessíveis. */
.barra{margin-top:18px;padding-top:17px;border-top:1px solid var(--borda)}
.barra #estado{margin:0 0 14px;color:var(--texto-suave);font-size:.86rem;line-height:1.48;overflow-wrap:anywhere}
.barra #estado[data-erro="true"]{padding:10px;border-radius:9px;background:#fff1e9;color:#8c371c}
.acoes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
.acoes button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:45px;padding:10px 9px;border-radius:11px;border:1px solid var(--borda);background:#fff;color:var(--verde-escuro);font-size:.79rem;font-weight:720;line-height:1.32;text-align:center;transition:background .15s,border-color .15s}
.acoes button:hover:not(:disabled){background:var(--verde-claro);border-color:#94b9a8}
.acoes #minha-localizacao{grid-column:1/-1;min-height:48px;background:var(--verde);border-color:var(--verde);color:#fff;font-size:.91rem}
.acoes #minha-localizacao:hover:not(:disabled){background:var(--verde-escuro)}
.acoes #minha-localizacao.carregando{cursor:wait}
.acoes #mais-proximos.ativo{background:var(--verde);border-color:var(--verde);color:#fff}
.acoes #tentar-novamente{grid-column:1/-1;background:#fff3ed;border-color:#d7a38e;color:#813d25}
.ajuda-localizacao{margin:10px 0 0;color:#73847e;font-size:.74rem;line-height:1.45}

/* Categoria: faixa rolável no celular, chips com quebra de linha no notebook. */
.filtros{min-width:0;margin-top:21px;padding-top:18px;border-top:1px solid var(--borda)}
.filtros-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.filtros h2{margin:0;font-size:.95rem;font-weight:800}
.filtros-indicacao{display:none;font-size:.72rem;color:#758981}
.filtros-lista{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.filtro-categoria{display:inline-flex;align-items:center;gap:5px;min-height:38px;max-width:100%;padding:8px 12px;white-space:nowrap;border-radius:999px;border:1px solid #d1e2d9;background:#f9fbf9;color:#3e6659;font-size:.79rem;font-weight:720}
.filtro-categoria:hover:not(:disabled){background:#e5f2eb}
.filtro-categoria.ativo{background:var(--verde);border-color:var(--verde);color:#fff;opacity:1}
.filtro-categoria.ativo:hover{background:var(--verde-escuro)}

/* Lista de proximidade continua no mesmo painel, com rolagem própria. */
.proximos{margin-top:17px;padding:15px 0 0;border-top:1px solid var(--borda)}
.proximos h2{margin:0 0 5px;font-size:.97rem}
.proximos p{margin:0 0 10px;color:var(--texto-suave);font-size:.78rem;line-height:1.45}
.proximos-lista{display:grid;gap:6px;list-style:none;max-height:310px;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0 3px 2px 0}
.proximos-lista li{min-width:0}
.proximo-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;width:100%;padding:9px 10px;background:#f7faf8;color:var(--verde-escuro);border:1px solid var(--borda);border-radius:10px;text-align:left}
.proximo-item:hover{background:var(--verde-claro)}
.proximo-identificacao{display:flex;align-items:center;gap:7px;min-width:0;font-size:.84rem}
.proximo-identificacao span:last-child{overflow-wrap:anywhere}
.proximo-item strong{flex:none;font-size:.83rem;color:#266454;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Mapa ocupa a parte visual principal. */
.mapa-container{position:relative;overflow:hidden;background:#e4eee8;border:1px solid #cbdcd1;border-radius:20px;box-shadow:0 7px 28px #183b2e12}
#mapa{width:100%;height:calc(100svh - 168px);min-height:530px;max-height:860px}
.maplibregl-ctrl-attrib{font-size:11px}
.nota{margin:11px 4px 0;color:#6d8077;font-size:.75rem;line-height:1.55}
footer{max-width:1472px;margin:0 auto;padding:3px 28px 26px;color:#6d8077;font-size:.77rem;line-height:1.7}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}

/* Marcadores, GPS e popups originais preservados. */
/* O elemento raiz pertence ao MapLibre: não aplique transform/transition nele. */
.marcador-estabelecimento{width:42px;height:42px}
.marcador-estabelecimento-visual{width:42px;height:42px;min-height:0;padding:0;border:3px solid #fff;border-radius:50% 50% 50% 8px;background:#376b62;box-shadow:0 4px 12px #102d2850;display:grid;place-items:center;transform:rotate(-45deg);cursor:pointer;transition:box-shadow .15s ease,background-color .15s ease}
.marcador-estabelecimento-visual:hover{background:#2b5750;box-shadow:0 6px 16px #102d2860}
.marcador-estabelecimento-visual:focus-visible{outline:3px solid #b05c00;outline-offset:3px}
.marcador-emoji{font-size:20px;line-height:1;transform:rotate(45deg);filter:drop-shadow(0 1px 1px #0002)}
.maplibregl-popup-content{padding:0;border-radius:14px;overflow:hidden;box-shadow:0 10px 32px #142d2860}
.maplibregl-popup-close-button{z-index:2;width:32px;height:32px;min-height:0;padding:0;border:0;border-radius:0 0 0 10px;background:#fff;color:#274c46;font-size:22px;line-height:1;box-shadow:0 2px 8px #0001}
.maplibregl-popup-close-button:hover{background:#f1f5f3;color:#1e403a}
.maplibregl-popup-tip{border-top-color:#fff!important}
.mapa-popup-card{width:280px;max-width:calc(100vw - 56px);background:#fff;color:#1f2e2b}
.mapa-popup-imagem{display:block;width:100%;height:126px;object-fit:cover;background:#e7f1ee}
.mapa-popup-conteudo{padding:14px}
.mapa-popup-categoria{display:block;margin-bottom:5px;color:#376b62;font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.mapa-popup-conteudo h2{margin:0;font-size:1.08rem;line-height:1.25}
.mapa-popup-avaliacao{margin-top:7px;color:#9b6500;font-size:.875rem;font-weight:750}
.mapa-popup-avaliacao span{color:#62716d;font-weight:500}
.mapa-popup-endereco{margin:8px 0 0;color:#536762;font-size:.84rem;line-height:1.4}
.mapa-popup-distancia{margin:9px 0 0;font-size:.9rem;color:#245c52;font-weight:750}
.mapa-popup-distancia small{display:block;margin-top:2px;color:#657671;font-weight:400;font-size:.74rem}
.mapa-popup-link{display:block;margin-top:12px;padding:10px 12px;border-radius:8px;background:#376b62;color:#fff;text-align:center;text-decoration:none;font-size:.875rem;font-weight:700}
.mapa-popup-link:hover{background:#2b5750;color:#fff}
.marcador-usuario{position:relative;width:30px;height:30px;display:grid;place-items:center;pointer-events:auto;cursor:pointer}
.marcador-usuario-pulso{position:absolute;width:30px;height:30px;border-radius:50%;background:rgba(38,112,219,.22);animation:pulso-localizacao 1.8s ease-out infinite}
.marcador-usuario-ponto{position:relative;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#2670db;box-shadow:0 2px 9px #173f7770}
.popup-usuario{min-width:160px;padding:12px 14px;background:#fff;color:#1f2e2b}
.popup-usuario strong{display:block;font-size:.95rem}
.popup-usuario span{display:block;margin-top:3px;color:#5a6a66;font-size:.78rem;line-height:1.35}
@keyframes pulso-localizacao{0%{transform:scale(.55);opacity:1}75%,100%{transform:scale(1.45);opacity:0}}

/* Tablets: mapa e comandos empilhados, sem barra lateral apertada. */
@media(max-width:980px){
  .mapa-layout{grid-template-columns:minmax(0,1fr);padding:18px 20px 10px;gap:15px}
  .painel-controles{padding:20px}
  .filtros{margin-top:16px;padding-top:14px}
  .filtros-lista{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:1px 1px 8px}
  .filtro-categoria{flex:0 0 auto}
  .filtros-indicacao{display:inline}
  .acoes{grid-template-columns:1fr 1fr}
  #mapa{height:65svh;min-height:420px;max-height:760px}
}
/* Celulares: topo enxuto e mapa logo após os controles. */
@media(max-width:600px){
  .cabecalho-interno{min-height:57px;padding:8px 16px;gap:10px}
  .marca{gap:7px;font-size:1.28rem}
  .marca img{width:31px;height:31px}
  .voltar{font-size:.77rem;gap:4px}
  .mapa-layout{padding:12px 12px 8px;gap:10px}
  .painel-controles{padding:16px 13px 13px;border-radius:15px;box-shadow:none}
  .titulo{gap:5px}
  .sobretitulo{font-size:.6rem;letter-spacing:.11em}
  h1{font-size:1.55rem}
  .titulo p{font-size:.82rem}
  .etiqueta{margin-top:4px;padding:5px 9px;font-size:.7rem}
  .barra{margin-top:12px;padding-top:12px}
  .barra #estado{margin-bottom:11px;font-size:.81rem;line-height:1.4}
  .acoes{gap:7px}
  .acoes button{min-height:45px;padding:8px 6px;border-radius:10px;font-size:.75rem}
  .acoes #minha-localizacao{min-height:46px;font-size:.85rem}
  .ajuda-localizacao{margin-top:8px;font-size:.7rem}
  .filtros{margin-top:13px;padding-top:13px}
  .filtros-cabecalho{margin-bottom:9px}
  .filtros h2{font-size:.87rem}
  .filtros-indicacao{font-size:.67rem}
  .filtros-lista{margin-right:-13px;padding-right:13px;padding-bottom:4px;gap:7px}
  .filtro-categoria{min-height:37px;padding:7px 11px;font-size:.78rem}
  .mapa-container{border-radius:15px}
  #mapa{height:66svh;min-height:390px;max-height:670px}
  .nota{margin:9px 3px 0;font-size:.7rem}
  .proximos{margin-top:13px;padding-top:13px}
  .proximos-lista{max-height:220px}
  footer{padding:0 15px 23px;font-size:.72rem}
  .marcador-estabelecimento,.marcador-estabelecimento-visual{width:40px;height:40px}
  .marcador-emoji{font-size:19px}
  .mapa-popup-card{width:250px}
  .mapa-popup-imagem{height:110px}
  .mapa-popup-conteudo{padding:12px}
}
@media(max-width:350px){
  .voltar{font-size:.7rem}
  .acoes button{font-size:.7rem}
  .filtros-indicacao{font-size:.62rem}
}
@media(max-height:600px) and (max-width:980px){#mapa{min-height:315px;height:70svh}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
  .marcador-usuario-pulso{animation:none}
}

/* Primeira fase offline: sem prometer download de ruas. */
.offline-caixa{margin-top:17px;padding:14px;border:1px solid #c9dfd3;border-radius:12px;background:#f1f8f3}
.offline-caixa h2{margin:0 0 6px;font-size:.91rem;color:#264e43}
.offline-caixa p{margin:0 0 9px;font-size:.79rem;line-height:1.45;color:#31594d;overflow-wrap:anywhere}
.offline-caixa p[data-erro="true"]{color:#943f23}
.offline-caixa button{width:100%;min-height:43px;border:1px solid #376b62;border-radius:9px;background:#fff;color:#26584e;font-size:.8rem;font-weight:750;padding:9px 11px}
.offline-caixa button:hover:not(:disabled){background:#e3f0e8}
.offline-caixa small{display:block;margin-top:9px;font-size:.73rem;line-height:1.45;color:#5d7668}
.etiqueta.sem-conexao{background:#fff0de;color:#7a4e15}
.etiqueta.sem-conexao .status-ponto{background:#d48d2c;box-shadow:0 0 0 3px #d48d2c19}
.mapa-sem-ruas{background:#e7f1eb}
@media(max-width:600px){.offline-caixa{margin-top:12px;padding:12px}}

/* Etapa 7B: pacote vetorial próprio, sem prefetch dos tiles públicos. */
.offline-ruas{margin-top:14px;padding-top:13px;border-top:1px solid #cadfd2}
.offline-ruas h3{font-size:.86rem;margin:0 0 5px;color:#264e43}
.offline-ruas #estado-ruas{margin:0 0 10px}
.offline-ruas button{background:#315f56;color:white;border-color:#315f56}
.offline-ruas button:hover:not(:disabled){background:#244d44;color:#fff}
.offline-ruas button:disabled{opacity:.5}
.etiqueta.com-ruas-offline{background:#dbf3e3;color:#1a633b}

/* Etapa 7C: gerenciador offline responsivo */
.offline-caixa progress{display:block;width:100%;height:12px;margin:10px 0;accent-color:#315f56}
.offline-caixa progress[hidden]{display:none}
.offline-gerenciador{margin-top:14px;padding-top:13px;border-top:1px solid #cadfd2}
.offline-gerenciador h3{font-size:.86rem;margin:0 0 7px;color:#264e43}
.offline-gerenciador p{margin-bottom:7px}
.offline-gerenciador #resumo-espaco-offline{color:#64756e;font-size:.73rem}
.offline-caixa .botao-excluir-offline{background:#fff;color:#8d3a33;border-color:#b96d60;margin-top:8px}
.offline-caixa .botao-excluir-offline:hover:not(:disabled){background:#fff0ec;border-color:#a34138}
.offline-caixa button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:600px){.offline-caixa{max-width:100%}.offline-gerenciador{padding-top:12px}}


/* ===========================================================
   Etapa 7D — Interface com o mapa como protagonista
   Apenas apresentação: IDs, scripts e dados offline preservados.
   =========================================================== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body{background:#f7faf7}
.cabecalho-interno{min-height:60px}
.mapa-layout{gap:15px;padding-top:18px;padding-bottom:9px;grid-template-columns:minmax(290px,326px) minmax(0,1fr)}
.painel-controles{padding:20px 18px;border-radius:17px;box-shadow:0 4px 18px #183b2e08}
.titulo{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:9px;justify-content:space-between}
.titulo-textos{flex:1 1 185px;min-width:0}
.titulo h1{font-size:clamp(1.48rem,2vw,1.82rem)}
.titulo p{margin-top:5px;font-size:.79rem}
.etiqueta{margin:0;padding:5px 9px;font-size:.69rem;white-space:nowrap}
.barra{margin-top:16px;padding-top:15px}
.barra .acoes{gap:8px}
.barra #estado{margin:9px 1px 0;font-size:.73rem;line-height:1.4;color:#657a70}
.barra #estado[data-erro="true"]{margin-top:10px;font-size:.81rem;line-height:1.5}
.barra #estado:not([data-erro="true"]){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.acoes button{min-height:44px;padding:9px 7px;font-size:.76rem}
.acoes #minha-localizacao{min-height:46px}
.filtros{margin-top:14px;padding-top:13px}
.filtros-lista{gap:6px}
.filtro-categoria{min-height:35px;padding:7px 10px;font-size:.75rem}
.mapa-container{border-radius:17px;box-shadow:0 6px 22px #183b2e13}
#mapa{height:clamp(530px,77svh,840px);min-height:530px;max-height:none}
.nota{font-size:.72rem;line-height:1.4;margin:9px 2px 0}
.proximos{margin-top:14px;padding-top:13px}
/* O gerenciador deixa de ocupar espaço antes do mapa. */
.offline-detalhes{grid-column:1/-1;margin:0!important;padding:0!important;background:#fff!important;border:1px solid var(--borda)!important;border-radius:15px!important;overflow:hidden}
.offline-detalhes summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;min-height:64px;padding:13px 18px}
.offline-detalhes summary::-webkit-details-marker{display:none}
.offline-detalhes summary:focus-visible{outline:3px solid #b05c00;outline-offset:-4px}
.offline-detalhes summary:hover{background:#f4f8f5}
.offline-resumo-icone{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e6f2eb;color:#315f56;font-size:1.2rem;font-weight:750}
.offline-resumo-texto{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.offline-resumo-texto strong{font-size:.92rem;color:#224941}
.offline-resumo-texto small{font-size:.73rem;color:#63796d}
.offline-resumo-acao{flex:none;font-size:.75rem;color:#315f56;font-weight:750}
.offline-resumo-acao:after{content:'⌄';display:inline-block;font-size:1.15rem;vertical-align:-1px;margin-left:7px;transition:transform .2s}
.offline-detalhes[open] .offline-resumo-acao:after{transform:rotate(180deg)}
.offline-conteudo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 18px 18px;border-top:1px solid var(--borda)}
.offline-bloco{margin:0!important;padding:0!important;border:0!important;min-width:0}
.offline-bloco + .offline-bloco{border-left:1px solid var(--borda)!important;padding-left:16px!important}
.offline-caixa h2,.offline-caixa h3{margin:0 0 8px;font-size:.91rem}
.offline-caixa p{margin-bottom:10px}
.offline-caixa button{min-height:42px}
.offline-caixa small{font-size:.71rem}
footer{padding-top:2px}
@media(max-width:980px){
  .mapa-layout{grid-template-columns:minmax(0,1fr);padding:14px 18px 8px;gap:12px}
  .painel-controles{padding:16px 16px 13px}
  .titulo-textos{flex:0 1 auto}
  .filtros{margin-top:12px;padding-top:11px}
  .filtros-lista{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:3px}
  .filtros-lista::-webkit-scrollbar{display:none}
  .filtro-categoria{flex:0 0 auto}
  #mapa{height:clamp(470px,70svh,770px);min-height:470px}
  .offline-conteudo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .offline-bloco + .offline-bloco{border-left:0!important;padding-left:0!important}
  .offline-bloco:nth-child(2){border-left:1px solid var(--borda)!important;padding-left:16px!important}
  .offline-bloco:nth-child(3){grid-column:1/-1;border-top:1px solid var(--borda)!important;padding-top:14px!important}
}
@media(max-width:600px){
  .cabecalho-interno{min-height:53px;padding:7px 15px}
  .marca{font-size:1.18rem;gap:6px}
  .marca img{width:30px;height:30px}
  .voltar{font-size:.78rem}
  .mapa-layout{padding:9px 10px 8px;gap:9px}
  .painel-controles{padding:11px 5px 8px;border:0;border-radius:0;box-shadow:none;background:transparent}
  .titulo{gap:7px}
  .titulo-textos{flex:1 1 185px}
  .titulo h1{font-size:1.44rem}
  .titulo p{font-size:.75rem;margin-top:4px}
  .etiqueta{padding:4px 7px;font-size:.65rem}
  .barra{border:0;margin-top:12px;padding:0}
  .barra .acoes{gap:7px}
  .acoes button{min-height:42px;font-size:.75rem;border-radius:10px;padding:8px 5px}
  .acoes #minha-localizacao{min-height:43px;font-size:.83rem}
  .barra #estado{margin:8px 2px 0;font-size:.72rem}
  .filtros{border:0;margin-top:9px;padding:0}
  .filtros-lista{margin-right:-10px;padding-right:10px;gap:6px}
  .filtro-categoria{min-height:34px;padding:6px 10px;font-size:.74rem}
  .mapa-container{border-radius:15px}
  #mapa{height:clamp(450px,72svh,735px);min-height:450px}
  .nota{font-size:.69rem;line-height:1.36;margin:8px 3px 0}
  .offline-detalhes{border-radius:13px!important}
  .offline-detalhes summary{min-height:60px;padding:11px 12px;gap:9px}
  .offline-resumo-icone{width:33px;height:33px}
  .offline-resumo-texto strong{font-size:.85rem}
  .offline-resumo-texto small{font-size:.67rem}
  .offline-resumo-acao{font-size:.7rem}
  .offline-conteudo{display:block;padding:14px 13px}
  .offline-bloco+.offline-bloco,.offline-bloco:nth-child(2),.offline-bloco:nth-child(3){border:0!important;border-top:1px solid var(--borda)!important;padding:13px 0 0!important;margin-top:13px!important}
  footer{padding:4px 13px 22px}
}
@media(max-width:350px){
  .titulo-textos{flex-basis:150px}
  .titulo h1{font-size:1.32rem}
  .etiqueta{font-size:.61rem}
  .offline-resumo-acao{font-size:.67rem}
}
@media(max-height:600px) and (max-width:980px){#mapa{height:72svh;min-height:350px}}
@media(prefers-reduced-motion:reduce){.offline-resumo-acao:after{transition:none}}