/* =============================================================
   Cirugías y procedimientos (index.html only)
   ============================================================= */
/* Layout flex centrado (antes era grid): cuando el número de tarjetas no llena
   la última fila —p. ej. "Cirugía abierta", que quedaba huérfana y descuadrada a
   la izquierda—, las sobrantes se centran solas en lugar de alinearse a un lado.
   1 col en móvil · 2 col en tablet · 3 col en escritorio. */
.surgery-grid { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; align-items: stretch; }
.surgery-grid > * { flex: 0 1 100%; min-width: 0; }
@media (min-width: 540px) {
  .surgery-grid > * { flex: 0 1 calc(50% - .75rem); }
}
@media (min-width: 1280px) {
  .surgery-grid > * { flex: 0 1 calc(33.333% - 1rem); }
}