/* Tema automático: responde al sistema sin guardar preferencias manuales. */
:root { color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
  :root {
    --g: #00c4e4;
    --d: #edf5f8;
    --m: #b8c8d0;
    --c: #14232d;
    --l: #fdf313;
    --surface: #192c37;
    --line: #344b59;
  }
  body { background: #101a22; color: var(--d); }
  .top { background: #0b1218; color: #d4e7ee; }
  header, header.is-scrolled { background: #101a22f2; border-color: var(--line); box-shadow: 0 8px 30px #0003; }
  .header-name { color: var(--d); }
  .hero, .approach { background: var(--c); }
  h1 em, .card a, .step b, .eyebrow:before { color: #62ddf2; }
  .intro, .note, .heading p, .two p, .card p, details p, footer p { color: var(--m); }
  .strip, footer, details, .step { border-color: var(--line); }
  .strip b { color: #62ddf2; }
  .cards > .card { border-color: var(--line); }
  .cards > .card:nth-child(1) { background: #12333d; border-top-color: #00c4e4; }
  .cards > .card:nth-child(2) { background: #303020; border-top-color: #fdf313; }
  .cards > .card:nth-child(3) { background: #12342f; border-top-color: #00a99d; }
  .cards > .card:nth-child(4) { background: #152e3d; border-top-color: #0292b7; }
  .cards > .card:nth-child(5) { background: #24323d; border-top-color: #cae4f1; }
  .icon { background: #172832; border-color: #425b69; color: #7fe4f5; }
  .photo-tag { background: var(--surface); color: var(--d); box-shadow: 0 8px 25px #0004; }
  .photo-tag small { color: var(--m); }
  .photo-tag b { color: #111; }
  .btn.secondary { color: #7fe4f5; border-color: #62c9df; }
  .btn.secondary:hover { background: #1b3d49; }
  .contact { background: #163a49; }
  .contact h2, .contact label, .contact p, .contact .privacy, .judgment-map { color: var(--d); }
  .contact .eyebrow, .contact .eyebrow:before { color: #fdf313; }
  input, select { background: #101f29; color: var(--d); border: 1px solid #5a7583; }
  input::placeholder { color: #a6bbc5; opacity: 1; }
  .btn, .contact .btn { background: #fdf313; color: #111; border-color: #fdf313; }
  .btn:hover, .contact .btn:hover { background: #ece300; border-color: #ece300; }
  .btn.secondary { background: transparent; border-color: #62c9df; color: #7fe4f5; }
  .btn.secondary:hover { background: #1b3d49; }
  .floating { border-color: #101a22; }
  .floating-call { background: #fdf313; color: #111; }
  .floating-whatsapp { background: #25d366; color: #fff; }
  .floating:focus-visible { outline-color: #fff; }
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid #fdf313; outline-offset: 5px; }
  .judgment-visual { background: var(--surface); box-shadow: 0 20px 60px #0003; }
  .judgment-label { background: #144a60; color: #fff; }
  .judgment-address span, .judgment-source { color: var(--m); }
  .judgment-source a { color: #7fe4f5; }
}

@media (prefers-color-scheme: dark) {
  .location-grid { background: var(--surface); border-color: var(--line); }
  .location-note { color: var(--m); }
  .location-phone { color: #7fe4f5; }
}
@media (prefers-color-scheme: dark) { .location-business { color: #7fe4f5; } }