.contacto-page{background:#fff}
.contact-main{min-height:calc(100vh - 130px);display:flex;align-items:center;background:linear-gradient(90deg,var(--cream) 0,var(--cream) 48%,#fff 48%)}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(52px,7vw,105px);padding-top:110px;padding-bottom:120px}
.contact-heading{align-self:center}
.contact-heading .eyebrow{color:var(--wine);margin-bottom:24px}
.contact-heading h1{font:800 clamp(3.8rem,6.2vw,6.4rem)/.88 Sora,Montserrat,sans-serif;letter-spacing:-.07em;margin:0 0 34px;max-width:7ch}
.contact-heading>p:last-child{max-width:590px;font-size:1.08rem;line-height:1.75;margin:0}
.contact-details{display:flex;flex-direction:column;justify-content:center;gap:48px;padding-top:32px}
.contact-details h2{font:800 .78rem/1.2 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:var(--wine);margin:0 0 17px}
.contact-details a{transition:color .2s ease}
.contact-details a:hover,.contact-details a:focus-visible{color:var(--wine)}
.address{display:inline-block;text-decoration:none;font-size:1rem;line-height:1.75}
.email{align-self:flex-start;font:700 clamp(1.05rem,1.55vw,1.45rem)/1.25 Sora,Montserrat,sans-serif;letter-spacing:-.025em;text-decoration-thickness:1px;text-underline-offset:5px}
.social-links{display:flex;gap:28px}
.social-links a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:.85rem;font-weight:700}
.social-links svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-links svg .fill{fill:currentColor;stroke:none}
.social-links .x-icon{fill:currentColor;stroke:none}
@media(max-width:860px){
  .contact-main{background:linear-gradient(180deg,var(--cream) 0,var(--cream) 48%,#fff 48%)}
  .contact-layout{grid-template-columns:1fr;gap:88px;padding-top:75px;padding-bottom:85px}
  .contact-heading h1{font-size:clamp(3.5rem,12vw,5.4rem)}
  .contact-details{padding-top:0}
}
@media(max-width:620px){
  .contact-layout{gap:70px;padding-top:62px;padding-bottom:70px}
  .contact-heading h1{font-size:clamp(3.25rem,16vw,4.6rem);margin-bottom:28px}
  .contact-heading>p:last-child{font-size:1rem}
  .contact-details{gap:40px}
  .email{font-size:1.2rem}
}