/* VGLIA — reset.
   Mínimo y opinado: quita las asimetrías del navegador sin imponer estilo.
   Todo lo que sea decisión de diseño vive en base.css. */

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

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

body,
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd,
ul, ol { margin: 0; }

ul[role="list"],
ol[role="list"] { list-style: none; padding: 0; }

/* Los <hN> los usamos por su semántica, no por su tamaño: el tamaño lo fija
   typography.css con la escala tipográfica. */
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }

img, picture, svg, video, canvas {
  display: block;
  max-width: 100%;
}

svg { flex-shrink: 0; }

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

button { background: none; border: none; padding: 0; cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: inherit; text-decoration: none; }

:target { scroll-margin-block: var(--space-16); }

[hidden] { display: none !important; }

/* Quien pida menos movimiento, recibe menos movimiento. No es opcional. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}