/* Summit College · paginas/contacto.css
   Solo lo propio de /contacto/. Hero, botones, etiqueta de estado y caja de
   reserva viven en base.css. Sin colores nuevos: todo por var(--...). */

/* Sin botón flotante (E2 §3): el botón principal de la página ya es WhatsApp.
   El elemento sigue en la plantilla; lo oculta el atributo data-sin-flotante
   del body. Vale también para Aviso de privacidad (misma regla en su CSS). */
body[data-sin-flotante] .whatsapp-float { display: none; }

/* Par de botones del hero (E2 «Par de botones»): apilados al ancho en móvil
   (.btn-block de base.css), en línea desde 48em. */
.contacto-botones { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-4); max-width: none; }

/* Ficha de datos de contacto: rótulo en versalitas, valor debajo, filete entre
   filas. Teléfono, WhatsApp y correo son enlaces pulsables. */
.datos-contacto { margin: 0; display: grid; gap: var(--space-4); max-width: var(--measure); }
.datos-contacto > div { padding-top: var(--space-3); border-top: 1px solid var(--line-on-light); }
.datos-contacto dt { font-weight: var(--fw-semibold); font-size: var(--fs-label); line-height: var(--lh-label); letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--color-brand); margin-bottom: var(--space-1); }
.datos-contacto dd { margin: 0; }
.datos-contacto a { font-weight: var(--fw-semibold); }

/* QR de WhatsApp: solo en escritorio; en móvil basta el botón. La versión crema
   del QR va sobre la sección crema para que no se vea un recuadro. */
.qr-whatsapp { display: none; }

/* Mapa (E4): el iframe de Google Maps hereda la proporción de la caja de reserva. */
.mapa { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: var(--radius-card); }

@media (min-width: 64em) {
  .qr-whatsapp { display: grid; gap: var(--space-3); justify-items: start; margin: var(--space-7) 0 0; }
  .qr-whatsapp img { width: 10rem; height: auto; }
  .qr-whatsapp figcaption p { margin: 0 0 var(--space-2); font-weight: var(--fw-semibold); }
  .qr-whatsapp .etiqueta { margin-bottom: 0; }
}