/* Aba Mapa: linha do tempo em chips, seletor de camada em grade, aviso de imagem antiga, frase da comparação. */
.mapa-chips{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 10px;margin:4px -2px 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.mapa-chip{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:78px;min-height:52px;padding:8px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;font:inherit;color:inherit;text-align:left}
.mapa-chip b{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.1}
.mapa-chip span{font-size:12px;color:var(--muted);white-space:nowrap}
.mapa-chip:hover{border-color:#c3cab8}
.mapa-chip[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.mapa-chip[aria-selected=true] span{color:#b9cdbf}
.mapa-layers{display:grid;grid-template-columns:repeat(3,1fr)}
.mapa-layers button{min-height:46px;font-size:14.5px;padding:4px 6px}
.mapa-ab{margin-top:10px}
.mapa-stale{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:0 0 6px}
.mapa-stale p{margin:6px 0 0;font-size:15px;color:var(--ink2)}
.mapa-stale .ghost{margin-top:2px}
.mapa-sentence{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.01em;line-height:1.25;margin:12px 0 0}

/* Comparar: jeitos de ver, cortina e mudanças */
.mapa-views{margin-top:.5rem}
.mapa-split{width:100%;margin:.5rem 0}
.mapa-discount{display:flex;gap:.5rem;align-items:center;font-size:15px;margin:10px 0}
.mapa-discount input{width:20px;height:20px;flex:none;margin:0}
.mapa-chg .cards{margin-top:.4rem}
.mapa-swipe-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35);z-index:450;pointer-events:none}
.mapa-swipe-line span{position:absolute;top:8px;font-size:.75rem;background:rgba(0,0,0,.6);color:#fff;padding:1px 6px;border-radius:4px;white-space:nowrap}
.mapa-swipe-line span:first-child{right:6px}
.mapa-swipe-line span:last-child{left:6px}

/* Galeria: imagens do período lado a lado */
.mapa-gal-quick{margin-top:10px}
.mapa-gal-quick+.seg{margin-top:8px}
.mapa-gal-legend .ticks{color:var(--muted)}
.mapa-gal-legend .hint{margin:2px 0 0}
.mapa-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px}
.mapa-gal-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;font:inherit;color:inherit;text-align:left}
.mapa-gal-item:hover{border-color:#c3cab8}
.mapa-gal-item b{font-family:var(--display);font-weight:700;font-size:16px;margin-top:4px}
.mapa-gal-item span{font-size:12px;color:var(--muted)}
.mapa-gal-img{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#e4e8dc;border-radius:8px;font-size:12px;color:var(--muted);overflow:hidden}
.mapa-gal-img img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}