/* base.css — tokens de marca OKO, tipografía y estructura general.
   Colores tomados del OKO actual: azul marino + naranja de la sonrisa del logo.
   El naranja NO se usa para texto sobre blanco (contraste bajo): solo
   acentos, bordes y texto sobre azul marino. */

:root {
  --marino: #001f3f;
  --marino-2: #003d66;
  --naranja: #f39c12;
  --naranja-hondo: #b86e00;   /* naranja legible sobre fondo claro */
  --fondo: #f2f4f7;
  --superficie: #ffffff;
  --tinta: #15243a;
  --tinta-suave: #52627a;
  --linea: #d8dee7;
  --ok: #1e7b45;
  --alerta: #9a6400;
  --error: #b3261e;

  --radio: 8px;
  --radio-chico: 5px;
  --sombra: 0 1px 2px rgba(0, 31, 63, 0.08), 0 4px 12px rgba(0, 31, 63, 0.06);

  --fuente: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --t-chico: 0.8125rem;   /* 13 px */
  --t-base: 0.9375rem;    /* 15 px — tablet en jornada */
  --t-medio: 1.125rem;
  --t-grande: 1.5rem;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--fuente);
  font-size: var(--t-base);
  line-height: 1.5;
  color: var(--tinta);
  background: var(--fondo);
  min-height: 100vh;
}

h1, h2, h3 { line-height: 1.25; color: var(--marino); }

img { max-width: 100%; display: block; }

button, input, select, textarea { font: inherit; color: inherit; }

:focus-visible {
  outline: 3px solid var(--naranja);
  outline-offset: 2px;
}

/* Oculto: !important para ganarle a cualquier display, incluso position:fixed
   (lección Tecnoglass). */
.oculto { display: none !important; }

/* ── Estructura ───────────────────────────────────────────────── */
.vista-centro {
  min-height: 100vh;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--marino);
}

.contenido {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.25rem 1rem 3rem;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}