/* Summit College · paginas/vida-escolar.css
   Solo lo propio de /vida-escolar/: la línea del día del hero y un ajuste de
   las filas de servicio. Filas imagen + texto (.split), reserva de imagen,
   destacado, etiqueta y espacio A/B viven en base.css. Sin colores propios. */

/* Línea del día: tres hitos del texto aprobado (7:30, 14:00 y 17:30), sin
   horas por actividad. En móvil, vertical con el filete dorado a la izquierda;
   desde 48em, horizontal en tres columnas con el filete arriba. El punto de
   cada hito lleva un aro del verde del fondo para separarse del filete. */
.dia { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-5); }
.dia li { position: relative; padding-left: var(--space-6); }
.dia li::before { content: ""; position: absolute; left: 0; top: 0.4rem; width: 1rem; height: 1rem; border-radius: 50%; background: var(--color-accent); border: 3px solid var(--color-brand); }
.dia li:not(:last-child)::after { content: ""; position: absolute; left: 0.4375rem; top: 1.4rem; bottom: calc(0.4rem - var(--space-5)); width: 2px; background: var(--color-accent); }
.dia-hora { display: block; margin-bottom: var(--space-1); font-weight: var(--fw-semibold); font-size: 1.5rem; line-height: 1.2; font-variant-numeric: tabular-nums; color: var(--color-on-brand); }
.dia-texto { display: block; max-width: 30ch; color: var(--color-on-brand-soft); }
@media (min-width: 48em) {
  .dia { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
  .dia li { padding-left: 0; padding-top: var(--space-5); }
  .dia li::before { top: 0; }
  .dia li:not(:last-child)::after { top: 0.4375rem; left: 1.4rem; right: calc(0.4rem - var(--space-6)); bottom: auto; width: auto; height: 2px; }
}

/* Filas de servicio (comedor, tecnología): el último párrafo de la columna de
   texto no deja aire de más al centrarse con la imagen. */
.servicio-texto > :last-child { margin-bottom: 0; }