/* ImprovOps WEB. El porque de cada decision, en docs/ESTILO.md.
   Colores solo por token: los valores son provisionales hasta que haya marca. */
:root {
  --fondo: #f7f8fa;
  --texto: #14161a;
  --texto-suave: #5c6470;
  --enlace: #1257d6;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #0b0c0e;
    --texto: #e8eaed;
    --texto-suave: #9aa0a8;
    --enlace: #5b9bff;
  }
}

html { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
body { margin: 0; background: var(--fondo); color: var(--texto); line-height: 1.6; }
a { color: var(--enlace); }

.portada { min-height: 100vh; display: grid; place-items: center; }
.marca { text-align: center; padding: 1rem; }
.logotipo { font-size: clamp(2rem, 6vw, 3.5rem); font-weight: 700; margin: 0; }

/* /moves-iii.html: publicidad obligatoria MOVES III (sin enlace desde el sitio). */
.moves .cap { text-align: center; padding: 1.75rem 1rem 0; }
.moves .cap img { max-width: 320px; width: 100%; height: auto; }
.moves main { max-width: 72ch; margin: 1.5rem auto 4rem; padding: 0 1rem; }
.moves h1 { text-align: center; font-size: 1.8rem; margin-top: 0; }
.moves .banner { margin-top: 1.75rem; text-align: center; }
.moves .banner img { max-width: 100%; height: auto; }