/* ---- Estilos específicos de Contacto (layout de página) ---- */
/* Canales, horario, form-card, destino-selector, btn-submit,
   spinner y form-status están en css/components.css          */

.contacto-layout {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: var(--sp-lg);
  padding: calc(68px + 4rem) 0 var(--sp-xl);
  align-items: start;
}

/* Panel lateral izquierdo */
.contacto-info {
  position: sticky;
  top: calc(68px + 2rem);
}

.contacto-info-titulo {
  margin-bottom: 1rem;
}

.contacto-info-desc {
  font-size: 0.95rem;
  color: var(--text-muted);
  line-height: 1.7;
  margin-bottom: 2rem;
}

/* Responsive */
@media (max-width: 960px) {
  .contacto-layout {
    grid-template-columns: 1fr;
    padding-top: calc(68px + 2.5rem);
  }

  .contacto-info {
    position: static;
  }
}