/* =============================================================
   Ubicación — dos centros con mapa de Google (index.html)
   ============================================================= */
.centros-grid { display: grid; gap: 1.75rem; grid-template-columns: 1fr; margin-top: 2.5rem; }
@media (min-width: 760px) { .centros-grid { grid-template-columns: 1fr 1fr; } }

.centro-card {
  background: var(--paper); border: 1px solid var(--line); border-radius: 20px;
  overflow: hidden; box-shadow: 0 12px 34px rgba(6,30,58,.07);
  display: flex; flex-direction: column;
}
.centro-map { line-height: 0; background: var(--bg-2); }
.centro-map iframe { display: block; width: 100%; height: 300px; border: 0; }

.centro-info { padding: 1.5rem 1.75rem 1.85rem; display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; }
.centro-info h3 { font-size: 1.2rem; }
.centro-address { color: var(--ink-mute); font-size: .95rem; line-height: 1.45; }
.centro-btn { margin-top: .8rem; }