/* ==========================================================================
   base/reset.css
   Normalización y estilos base de etiquetas (body, img, a, button, foco, selección).
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font-family: var(--font-b); font-size: 16px; line-height: 1.6;
  overflow-x: hidden; -webkit-font-smoothing: antialiased;
}
body.lock, body.is-loading { overflow: hidden; }
img { max-width: 100%; display: block; }
[hidden] { display: none !important; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
input, textarea { font: inherit; color: inherit; }
.ico { width: 1.15em; height: 1.15em; flex: none; }
::selection { background: var(--red); color: #fff; }
:focus-visible { outline: 2px solid var(--red-2); outline-offset: 3px; border-radius: 8px; }
main, .footer { position: relative; z-index: 2; }
html, body, main { overflow-x: hidden; overflow-x: clip; }
em { font-style: normal; color: var(--red); }