/* ============================================================
   TU PLANTILLA — entrances.css · estados mínimos de coreografía
   ------------------------------------------------------------
   CARGA: después de sections.css.
   Los estados iniciales de las entradas viven en entrances.js
   (gsap.set / gsap.from se aplican antes del primer paint):
   sin GSAP este archivo casi no actúa y TODO queda visible,
   porque entrances.js hace return temprano y deja los
   data-reveal intactos para el motor CSS de core.js.
   Sin tokens nuevos: solo var(--azul) de base.css.
   ============================================================ */

/* f03 · subrayado del ancla ("una agencia cobra desde $500.000…").
   Lo crea entrances.js porque un ::after no es animable por GSAP.
   El ancla ya es containing block (tiene transform rotate(-.6deg)). */
.f03-subraya{
  position:absolute;left:1.15rem;right:1.15rem;bottom:.5rem;
  height:4px;border-radius:999px;background:var(--azul);
  transform:scaleX(0);transform-origin:0 50%;
  pointer-events:none;
}

/* Blindaje: si el span existiera sin GSAP o con motion reducido,
   el subrayado queda dibujado y nada invisible. */
html.no-gsap .f03-subraya{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
  .f03-subraya{transform:scaleX(1)}
}
