/* Panel que se oculta y ficha de lugar */
/* ===== Panel que se oculta ===== */
aside{transition:margin-left .3s ease}
body.sin-panel aside{margin-left:-350px}
#pestana{position:fixed;left:350px;top:50%;transform:translateY(-50%);z-index:1300;width:22px;height:64px;padding:0;border:1.5px solid var(--line);border-left:0;border-radius:0 10px 10px 0;background:var(--panel);color:var(--ink);cursor:pointer;font-size:.8rem;box-shadow:2px 0 6px rgba(0,0,0,.18);transition:left .3s ease}
#pestana:hover{background:var(--bg)}
body.sin-panel #pestana{left:0}
#flot{display:none;position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:1250;gap:8px;align-items:center;background:var(--panel);border:1.5px solid var(--line);border-radius:99px;padding:6px 8px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
body.sin-panel #flot{display:flex}
#flot input{border:0;background:transparent;color:var(--ink);font:inherit;width:min(220px,30vw);padding:4px 8px}
body.sin-panel #toast{top:66px}
.pestanas{display:flex;gap:6px;flex-wrap:wrap}
.pestanas[hidden]{display:none}
#fichaCont h3{margin:0 0 6px;font-size:1.1rem}
#fichaCont p{margin:5px 0;font-size:.9rem}
#fichaCont .resena{font-style:italic}
/* Mapa oscuro: sube --mapa-brillo o baja --mapa-contraste para aclararlo; haz lo contrario para oscurecerlo. */
:root{--mapa-brillo:1.05;--mapa-contraste:.68}
:root[data-tema=dark]:not(.tiles-sat) .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(var(--mapa-brillo)) contrast(var(--mapa-contraste))}
/* En celulares el filtro va en cada cuadrito del mapa y no en toda la capa: se ve igual pero el teléfono no lo recalcula al mover el mapa */
@media (pointer:coarse){
  :root[data-tema=dark]:not(.tiles-sat) .leaflet-tile-pane{filter:none}
  :root[data-tema=dark]:not(.tiles-sat) .leaflet-tile-pane .leaflet-tile{filter:invert(1) hue-rotate(180deg) brightness(var(--mapa-brillo)) contrast(var(--mapa-contraste))}
  .yoDot i{animation:none;opacity:.3;transform:scale(1.6)}
  .dist.aura{animation:none}
}