*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
/* min-height (no height) en body: con height fija la caja mide 100vh aunque el
   contenido desborde, y todo position:sticky hijo de body deja de pegarse al
   pasar el primer viewport de scroll (p.ej. .site-header). */
html { height: 100%; }
body { min-height: 100%; }
body { line-height: 1.5; -webkit-font-smoothing: antialiased; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: inherit; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
button { background: none; border: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; padding: 0; }
[hidden] { display: none !important; }