/* ============================================================
   /contacto · postal de contacto
   ============================================================ */
.ilp-contacto-wrap{
  max-width: 1100px; margin: 0 auto;
  padding: 60px var(--gutter) 100px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
}
@media (max-width: 880px){ .ilp-contacto-wrap{ grid-template-columns: 1fr; } }

.ilp-contacto-info{
  background: var(--cream-soft);
  border: 1px solid var(--cream-deep);
  padding: 40px 36px;
  align-self: start;
  position: relative;
}
.ilp-contacto-info h3{
  font-family: var(--serif); font-style: italic;
  font-size: 28px; color: var(--navy);
  margin: 0 0 12px;
}
.ilp-contacto-info p{
  color: var(--ink-warm);
  margin: 0 0 8px; font-size: 15px;
  line-height: 1.65;
}
.ilp-contacto-info a{
  color: var(--teal-deep);
  border-bottom: 1px solid var(--cream-deep);
  padding-bottom: 1px;
  transition: border-color .25s;
}
.ilp-contacto-info a:hover{ border-color: var(--teal); }

.ilp-contacto-block{
  padding: 22px 0;
  border-top: 1px dashed var(--cream-deep);
}
.ilp-contacto-block:first-of-type{ border-top: 0; padding-top: 0; }
.ilp-contacto-block-title{
  font-family: var(--script);
  font-size: 22px;
  color: var(--teal);
  margin: 0 0 10px;
  transform: rotate(-1deg);
  display: inline-block;
}
.ilp-contacto-form-wrap h3{
  font-family: var(--serif); font-style: italic;
  font-size: clamp(28px, 3vw, 36px);
  color: var(--navy);
  margin: 0 0 14px;
}
.ilp-contacto-form-wrap > p:first-of-type{
  font-family: var(--serif); font-style: italic;
  color: var(--teal-deep);
  margin: 0 0 28px; max-width: 50ch;
}
.ilp-contacto-form-wrap > p:first-of-type a{
  color: var(--teal);
  border-bottom: 1px solid var(--teal);
}