/* =========================================================================================================
   Movimiento A6-A29 (16 oct 2026) · biblioteca de efectos para las webs de citas
   Traducción a CSS y JS sin librerías (compatible con la CSP de la plantilla) de las ideas de Motion Primitives
   (motion-primitives.com, licencia MIT, © 2024 ibelick) y de patrones vistos en HorizonX (horizonx.so, solo
   como referencia visual: código propio). Uso y lista completa en LEEME.md y en estilos/CATALOGO.md (apartado A).

   Reglas: todo en rem (crece con las pantallas grandes), colores de la marca (--c-brand, --c-accent, --c-ink,
   --c-bg, --c-surface, --c-line), nada se oculta si no hay JS (las clases de espera cuelgan de html.js) y con
   «reducir movimiento» todo se ve quieto y completo.
   ========================================================================================================= */
/* Esta web lleva: A9 · A13 (copiado con herramientas/copiar-piezas.mjs el 2026-10-16). */
:root { --m-curva: cubic-bezier(.2, .7, .1, 1); --m-muelle: cubic-bezier(.34, 1.56, .64, 1); --m-dur: .8s; }
.m-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- A9 · Enlaces que ruedan al pasar (.m-rueda en un enlace o botón) ---------- */
.m-rueda .m-r { display: inline-flex; overflow: hidden; vertical-align: top; line-height: 1.25; padding-bottom: .05em; }
.m-rueda .m-r > span { display: inline-block; white-space: pre; text-shadow: 0 1.25em currentColor; transition: transform .5s var(--m-curva); transition-delay: calc(var(--i, 0) * 14ms); }
@media (hover: hover) { .m-rueda:hover .m-r > span, .m-rueda:focus-visible .m-r > span { transform: translateY(-1.25em); } }

/* ---------- A13 · Dígitos que se deslizan (data-m-digitos: «17:30», «45 €», «4,9») ---------- */
[data-m-digitos] span { font-size: inherit; color: inherit; letter-spacing: inherit; }
[data-m-digitos] .m-col { display: inline-block; height: 1.1em; overflow: hidden; vertical-align: top; line-height: 1.1; }
[data-m-digitos] .m-col > span { display: flex; flex-direction: column; transition: transform 1.4s cubic-bezier(.2, 1.15, .3, 1); transition-delay: calc(var(--i, 0) * 70ms); font-variant-numeric: tabular-nums; }
[data-m-digitos] .m-col > span > span { height: 1.1em; }