/* ===== CONTACTO ===== */

.contacto__grid { display: grid; gap: var(--space-block); margin-bottom: var(--space-section); }
@media (min-width: 48rem) { .contacto__grid { grid-template-columns: 1fr 1fr; } }

.horario { border-collapse: collapse; width: 100%; max-width: 34rem; }
.horario th, .horario td {
  text-align: left; font-weight: 400;
  padding: 1rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--humo) 35%, transparent);
  vertical-align: top;
}
.horario td { text-align: right; color: color-mix(in srgb, var(--marfil) 82%, transparent); }
.horario th { color: var(--marfil); text-transform: none; }

.contacto__dl { display: grid; grid-template-columns: auto 1fr; gap: 0.9rem 2rem; max-width: 34rem; }
.contacto__dl dt { color: var(--ambar-muro); padding-top: 0.2em; }
.contacto__notas { margin-top: 2rem; display: grid; gap: 0.4rem; }
.contacto__notas .mono { color: var(--humo); text-transform: none; letter-spacing: 0.05em; }

.contacto__map-row { display: grid; gap: var(--space-block); }
@media (min-width: 64rem) { .contacto__map-row { grid-template-columns: 1.4fr 1fr; align-items: start; } }

.map {
  position: relative; aspect-ratio: 16 / 10; overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--humo) 45%, transparent);
  background:
    radial-gradient(60% 80% at 70% 20%, color-mix(in srgb, var(--ambar-muro) 8%, transparent), transparent),
    var(--marron-marca);
}
.map iframe { position: absolute; inset: 0; width: 100%; height: 100%; filter: grayscale(0.4) sepia(0.12); }
.map__placeholder {
  position: absolute; inset: 0;
  display: grid; place-content: center; justify-items: center; gap: 1.4rem;
  text-align: center; padding: var(--gutter);
}
.map__placeholder p { max-width: 38ch; color: color-mix(in srgb, var(--marfil) 80%, transparent); font-size: 0.95rem; }