/* =========================================
   9. CONTACTO
   ========================================= */

.contacto {
  background: var(--cafe);
  color: var(--crema);
  text-align: center;
}

.contacto .etiqueta {
  color: var(--arena);
}

.contacto h2 {
  max-width: 820px;
  margin: 0 auto 28px;
}

.contacto > p:not(.etiqueta) {
  max-width: 620px;
  margin-inline: auto;

  color: var(--arena);
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.85;
}