/* ===== El centro — estilos propios (complementan styles.css + pages.css) ===== */

/* Títulos de sección centrados en esta página */
.centro-title{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1;margin-top:.3rem}

/* Segunda fila de la galería: rejilla simple uniforme */
.centro-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:1rem;
}
.centro-grid figure{
  margin:0;
  overflow:hidden;
  border-radius:var(--radius-sm);
  background:var(--cream-2);
  aspect-ratio:4/3;
}
.centro-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.centro-grid figure:hover img{transform:scale(1.04)}

/* Cómo llegar: info + mapa a dos columnas */
.centro-map{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:clamp(2rem,5vw,4rem);
  align-items:center;
}
.centro-map__info h2{margin-bottom:.4rem}
.centro-map__addr{
  display:flex;
  gap:.7rem;
  align-items:flex-start;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.5;
  margin:1.2rem 0 1rem;
}
.centro-map__addr svg{width:24px;height:24px;color:var(--accent-strong);flex:none;margin-top:.15rem}
.centro-map__addr strong{font-weight:600}
.centro-map__note{color:var(--ink-2);line-height:1.7;margin-bottom:1.5rem}
.centro-map__actions{display:flex;gap:.75rem;flex-wrap:wrap}

.centro-map__frame{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid var(--border);
  background:var(--cream-2);
}
.centro-map__frame iframe{
  display:block;
  width:100%;
  height:100%;
  min-height:380px;
  border:0;
}

@media (max-width:760px){
  .centro-grid{grid-template-columns:repeat(2,1fr)}
  .centro-map{grid-template-columns:1fr;gap:2rem}
  .centro-map__frame iframe{min-height:320px}
}
