/* roadmap.css — CSS de sección, todos los selectores prefijados por #roadmap.
   No redefine ninguna clase global del scaffold.
   Aplica el patron_tarjeta: plana-con-barra-superior del design-brief.json
   dentro de .ia-phase__body, sin tocar la retícula ni las columnas de .ia-roadmap
   ni de .ia-phase (línea conectora del scaffold depende de ello). */

/* Barra superior de degradado luminoso (variante oscura de marca: accent→secondary)
   sobre el cuerpo de cada fase. Comunica la estructura del despacho: cada fase
   es un bloque delimitado, como una sección de un informe fiscal. */
#roadmap .ia-phase__body--card {
  border-top: 2px solid transparent;
  border-image: var(--ia-gradient-lum) 1;
  padding-top: var(--ia-space-3);
}

/* El padding-top de .ia-phase__body base es 0.6rem (del scaffold): con la barra
   añadida, se ajusta para mantener la misma distancia visual al título. */
#roadmap .ia-phase__body {
  padding-top: 0;
}

#roadmap .ia-phase__body--card .ia-phase__title {
  margin-top: 0.4rem;
}

@media (prefers-reduced-motion: reduce) {
  /* Sin transiciones específicas añadidas: nada que desactivar aquí. */
}