/* Adición funcional #2 — anclas del nav.
 *
 * Los cuatro rótulos de la píldora eran <span> sin href ni handler: no navegaban a ningún
 * lado. Ahora son anclas a su sección. Este archivo aporta SÓLO comportamiento de scroll:
 * ni un color, ni un tamaño, ni un espaciado. El gate lo verifica.
 */

/* El destino tiene que quedar por debajo de la píldora fija, no tapado por ella.
 * scroll-margin-top no pinta nada: sólo corre el punto donde el scroll se detiene. */
/* #contacto y #demo se suman con la adición #9. #contacto ya era destino del CTA del nav desde
 * la adición #2 pero NO estaba en esta lista: aterrizaba tapado por la píldora y nadie lo había
 * notado. #demo es el destino nuevo de "Ver demo". */
[id="scorix"], [id="como-trabajamos"], [id="casos"], [id="nosotros"],
[id="contacto"], [id="demo"] {
  scroll-margin-top: 148px;
}

/* En mobile la píldora mide ~56px, no 74: con el margen de desktop el título quedaba
 * innecesariamente lejos; con menos, tapado. 96px deja el título limpio debajo del nav. */
@media (max-width: 767px) {
  [id="scorix"], [id="como-trabajamos"], [id="casos"], [id="nosotros"],
  [id="contacto"], [id="demo"] {
    scroll-margin-top: 96px;
  }
}

/* Los CTA pasaron de <div> a <a> (adición #9). La regla global `a:hover` subraya, y en
 * "Ver demo" ese subrayado se sumaría al border-bottom que el diseño ya le dio. Sólo se
 * neutraliza el subrayado: ni un color, ni un tamaño, ni un espaciado. */
.upran-cta:hover,
.upran-cta:focus {
  text-decoration: none;
}

/* Scroll suave sólo para quien no pidió lo contrario. Con reduced-motion el salto es
 * instantáneo, igual que el resto del sistema de motion del diseño. */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}