/* =========================================================
   NEWWEST — Contacto: solo composición (grillas y espacios).
   Tipografías, formulario y lista de datos vienen del sistema.
   ========================================================= */

/* ---------- N° 01 ESCRÍBENOS + N° 02 CONTACTO ---------- */
.contacto__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(48px, 8vw, 140px);
  align-items: start;
}
.contacto__form .t-title { margin: 24px 0 clamp(36px, 4vw, 56px); }
.contacto__info { position: sticky; top: calc(var(--header-h-compact) + 48px); display: grid; gap: 28px; }

/* Botón de WhatsApp en verde oficial */
.contacto__wa {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 54px; padding: 0 28px;
  background: var(--whatsapp); color: #fff;
  font-size: .72rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  transition: transform .45s var(--ease), box-shadow .45s var(--ease);
}
.contacto__wa svg { width: 20px; height: 20px; fill: currentColor; }
.contacto__wa:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 0, 0, .12); }

/* ---------- N° 03 OFICINA ---------- */
.oficina__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(48px, 8vw, 140px); align-items: center; }
.oficina__content { display: grid; gap: 22px; justify-items: start; }
.oficina__content .t-title { margin: 6px 0 10px; }
.oficina__content .t-body { max-width: 34em; }
.oficina__actions { margin-top: 8px; }
.oficina__coords { margin-top: 18px; opacity: .8; }

.oficina__map { aspect-ratio: 4 / 3; background: var(--marfil-2); border: 1px solid var(--line); }
/* Mapa en tonos de la marca */
.oficina__map iframe { width: 100%; height: 100%; border: 0; filter: grayscale(1) sepia(.35) contrast(.92) brightness(1.04); }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1080px) {
  .contacto__grid, .oficina__grid { grid-template-columns: 1fr; }
  .contacto__info { position: static; }
}