/* ============================================================================
SITIO PÚBLICO — página de venta, registro, entrar, cuenta y textos legales
----------------------------------------------------------------------------
Usa los tokens y componentes de la app (tokens.css, base.css). Prefijo s-.
Formas: escritorio ≥ 1100 px · tableta 760–1099 · teléfono < 760.
========================================================================== */
@import url("../app/css/tokens.css");
@import url("../app/css/base.css");
html, body { height: auto; }
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
body { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; background: var(--canvas); overscroll-behavior: auto; font-size: 13px; }
body > main { flex: 1 0 auto; }
a, button { cursor: pointer; }
.s-wrap { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.s-wrap-sm { width: min(980px, calc(100% - 48px)); margin: 0 auto; }
.s-ic { display: block; flex: none; }
.s-math { font-family: var(--math); }
.s-skip { position: absolute; left: 16px; top: -120px; z-index: 50; padding: 8px 12px; border-radius: 8px; background: var(--raised); box-shadow: var(--float); }
.s-skip:focus { top: 8px; }
/* títulos que reciben el foco al cambiar de paso: el lector de pantalla los anuncia, sin marco visible */
h1[tabindex="-1"]:focus, h2[tabindex="-1"]:focus { outline: none; }
/* ---------------------------------------------------------------- MARCA */
/* Uttensio. Isotipo «Ligadura Utt» (tamaño óptico «reducido», ≤ 32 px) desde
una sola fuente, el sprite icons/isotipo.svg (lo genera docs/marca/logos.js):
.
Se pinta con --brand (la U y las dos t) y --defl (la deformada), que heredan
dentro de