/* Escala SOLO el Row principal de la tarjeta */
.first-row-scale {
  transition: transform 0.3s ease;
  transform-origin: center center;  /* <- antes: top left */
  will-change: transform;
}

.first-row-scale:hover {
  transform: scale(1.05);
  z-index: 5;                       /* opcional: que “flote” por encima al hacer hover */
}

/* Opcional: evita que algún hijo aplique su propio transform y rompa el centrado */
.first-row-scale * {
  transform: none !important;
}





/* Hover exclusivo para las tarjetas timeline minimal */
.timeline-mini-scale {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  transform-origin: center center;   /* Crece simétricamente */
  will-change: transform;
}

.timeline-mini-scale:hover {
  transform: scale(1.08);            /* Ajusta a tu gusto (1.05–1.10) */
  z-index: 10;                       /* Que flote por encima al hacer hover */
  box-shadow: 0 8px 18px rgba(0,0,0,0.35);
}

/* Respeto a accesibilidad: desactiva animación si el usuario lo pide */
@media (prefers-reduced-motion: reduce) {
  .timeline-mini-scale,
  .timeline-mini-scale:hover {
    transition: none;
    transform: none;
    box-shadow: 0 1px 7px 0 #0008;
  }
}


.first-row-inicio:hover {
  transform: scale(1.05);
  transition: transform .3s ease;
}