/* Víao: modo oscuro compartido por pasajero, conductor y negocio. viao-ui.js pone data-theme en <html> antes de pintar. */
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#16181a; --surface:#1f2124; --raised:#25282c; --active:#2e3136;
  --border:#34383d; --rule:#2b2e33; --control:#50555c;
  --text:#ecebe7; --muted:#a6aaaf; --faint:#8d9197;
  --primary:#f5f1e8; --primary-ink:#1f2124;
  --accent-tint:#3a2422; --accent-ink:#ff9a90;
  --signal:#e2b65a; --negative:#ff8a80; --positive:#6fcf97;
}
:root[data-theme="dark"] img[src*="viao-wordmark.png"]{content:url(/marca/viao-wordmark-crema.png)}
:root[data-theme="dark"] #mapa,:root[data-theme="dark"] .mapa-reg{background:#1f2124}
:root[data-theme="dark"] .inicial{background:var(--accent-tint);color:var(--accent-ink)}
:root[data-theme="dark"] .revision{background:#2f2a1f;border-color:#5c4a24}
:root[data-theme="dark"] ::selection{background:#4a3a35}
:root[data-theme="dark"] .maplibregl-ctrl-group{background:var(--surface)}
:root[data-theme="dark"] .maplibregl-ctrl-group button+button{border-top-color:var(--border)}
:root[data-theme="dark"] .maplibregl-ctrl-icon{filter:invert(1) brightness(1.4)}
:root[data-theme="dark"] .maplibregl-ctrl-attrib{background:rgba(31,33,36,.75);color:var(--muted)}
:root[data-theme="dark"] .maplibregl-ctrl-attrib a{color:var(--muted)}
:root[data-theme="dark"] .pin{border-color:#1f2124;box-shadow:0 1px 6px rgba(0,0,0,.6)}
:root[data-theme="dark"] input,:root[data-theme="dark"] select{background:var(--surface);color:var(--text)}

/* Selector de apariencia (Mi cuenta) */
.tema-sel{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-top:10px;background:var(--active);border-radius:var(--radius-control,6px)}
.tema-sel button{height:40px;border:0;border-radius:calc(var(--radius-control,6px) - 2px);background:none;color:var(--muted);font-weight:600}
.tema-sel button[aria-checked="true"]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.15)}

/* Tu ubicación respira: un pulso suave y lento alrededor del punto (sin animación si el teléfono pide menos movimiento) */
.pin.yo::before,.pin.o.vivo::before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--accent,#ff5a4e);animation:viao-pulso 2.4s ease-out infinite;pointer-events:none}
@keyframes viao-pulso{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.4);opacity:0}}
@media (prefers-reduced-motion:reduce){.pin.yo::before,.pin.o.vivo::before{animation:none;display:none}}