/* ===================================================================
   MONACO CLINICS · UTILIDADES (reveal on scroll, skip link)
   =================================================================== */

/* Reveal on scroll, con escalonado */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--mc-ease-out),transform .9s var(--mc-ease-out)}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

.mc-skip{position:absolute;left:-9999px}
.mc-skip:focus{left:1rem;top:1rem;position:fixed;z-index:200;background:var(--mc-crema);color:var(--mc-black);padding:.85rem 1.2rem}

/* -------------------------------------------------------------------
   Utilidades de titular y espaciado
   Sustituyen a los style="" que estaban en el HTML (v3, 2026-09-14).
   Se cargan las ultimas a proposito: tienen que ganar a base.css.
   Antes de anadir una nueva, comprobar si ya existe un componente que
   lo resuelva: esto es un parche controlado, no un framework.
   ------------------------------------------------------------------- */

/* Titular de seccion. La medida (max-width en ch) controla donde parte
   la linea; es decision tipografica, por eso hay una variante por ancho. */
.mc-title{font-size:var(--mc-step-3);max-width:16ch}
.mc-title--14{max-width:14ch}
.mc-title--18{max-width:18ch}
.mc-title--20{max-width:20ch}

/* Subtitular dentro de una seccion */
.mc-subtitle{font-size:var(--mc-step-2)}

/* Entradilla en cuerpo normal, no en el tamano grande de .mc-lede */
.mc-lede--sm{font-size:var(--mc-step-0)}

/* Separacion vertical puntual */
.mc-mt-1{margin-top:1rem}
.mc-mt-12{margin-top:1.2rem}
.mc-mt-14{margin-top:1.4rem}
.mc-mt-16{margin-top:1.6rem}
.mc-mt-2{margin-top:2rem}
.mc-mt-35{margin-top:3.5rem}
.mc-mt-5{margin-top:5rem}

/* Medida de linea */
.mc-measure-36{max-width:36ch}

/* Reset del fieldset de cada paso del formulario */
.mc-fieldset{border:0;padding:0;margin:0}