html,body{width:100%;max-width:100%;overflow-x:hidden}
.contact-body{min-height:100vh;background:var(--paper);color:var(--ink)}
.contact-header{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(22px,4vw);border-bottom:var(--border);background:var(--paper)}
.contact-header .brand{margin:0}.contact-header .brand img{width:150px;height:auto}
.contact-home{font:900 11px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.contact-main{width:100%;min-width:0}
.contact-intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(22px,4vw,64px);align-items:end;padding:clamp(44px,6vw,82px) max(22px,5vw);border-bottom:var(--border)}
.contact-label{align-self:start;margin:4px 0 0;padding:10px 13px 9px;background:var(--red);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:900 10px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.contact-intro h1{margin:0;font:900 clamp(3.5rem,7.2vw,7.6rem)/.84 "Arial Black",Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase;min-width:0;overflow-wrap:anywhere}
.contact-lead{max-width:260px;margin:0 0 8px;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.45}
.contact-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:560px;border-bottom:var(--border)}
.contact-channel{min-width:0;display:flex;flex-direction:column;gap:36px;padding:clamp(30px,4.5vw,64px);position:relative;overflow:hidden}
.contact-channel--instagram{background:var(--blue);color:#fff;border-right:var(--border)}
.contact-channel--whatsapp{background:var(--yellow);color:var(--ink)}
.channel-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}
.channel-number{width:50px;height:50px;display:grid;place-items:center;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:900 13px Arial,sans-serif}
.contact-channel--whatsapp .channel-number{background:var(--red)}
.channel-name{font:900 11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.channel-main{margin:auto 0;min-width:0}
.channel-action{margin:0 0 16px;font:900 12px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.channel-main h2{margin:0;max-width:100%;font:900 clamp(3.2rem,6.3vw,7rem)/.86 "Arial Black",Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase;overflow-wrap:anywhere;word-break:normal}
.contact-channel--whatsapp .channel-main h2{font-size:clamp(2.6rem,5.1vw,5.7rem);letter-spacing:-.05em}
.channel-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,330px);padding:17px 18px 15px;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font:900 11px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}
.channel-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.channel-button:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}
.channel-button--dark{background:var(--ink);color:#fff;box-shadow:6px 6px 0 #fff}
.channel-button--dark:hover{box-shadow:8px 8px 0 #fff}.channel-button--dark:active{box-shadow:2px 2px 0 #fff}
.contact-footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px max(22px,5vw);background:var(--ink);color:#fff}
.contact-footer img{width:150px;height:auto;filter:brightness(0) invert(1)}
.contact-footer>span{font:900 10px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:980px){
  .contact-intro{grid-template-columns:1fr;align-items:start}.contact-label{justify-self:start}.contact-lead{max-width:520px}
  .contact-board{grid-template-columns:1fr;min-height:0}.contact-channel{min-height:430px}.contact-channel--instagram{border-right:0;border-bottom:var(--border)}
  .channel-main h2{font-size:clamp(3.6rem,11vw,6.7rem)}.contact-channel--whatsapp .channel-main h2{font-size:clamp(2.9rem,9vw,5.2rem)}
}
@media(max-width:680px){
  :root{--border:3px solid var(--ink)}
  .contact-header{min-height:68px;padding-inline:18px}.contact-header .brand img{width:116px}.contact-home{font-size:9px}
  .contact-intro{padding:38px 18px 42px;gap:22px}.contact-intro h1{font-size:clamp(3rem,16vw,5rem)}.contact-lead{font-size:1rem}
  .contact-channel{min-height:390px;padding:28px 18px;gap:26px}.channel-number{width:44px;height:44px;border-width:3px;box-shadow:4px 4px 0 var(--ink)}
  .channel-main h2{font-size:clamp(3rem,15vw,4.9rem)}.contact-channel--whatsapp .channel-main h2{font-size:clamp(2.35rem,11.8vw,4rem)}
  .channel-button{width:100%;max-width:none;padding:15px 16px 13px;box-shadow:5px 5px 0 var(--ink)}.channel-button--dark{box-shadow:5px 5px 0 #fff}
  .contact-footer{min-height:116px;padding:25px 18px;align-items:flex-start;flex-direction:column}.contact-footer img{width:130px}
}
@media(max-width:390px){
  .contact-intro h1{font-size:2.8rem}.channel-main h2{font-size:2.8rem}.contact-channel--whatsapp .channel-main h2{font-size:2.15rem;letter-spacing:-.045em}
  .channel-topline{align-items:flex-start}.channel-button{gap:12px;font-size:10px}
}
@media(max-width:330px){
  .contact-header{align-items:flex-start;flex-direction:column;padding-top:15px;padding-bottom:14px}.contact-intro h1{font-size:2.5rem}.contact-channel--whatsapp .channel-main h2{font-size:1.95rem}
}
@media(prefers-reduced-motion:reduce){.channel-button{transition:none}}

/* v2 — Keep contact identifiers private in the UI; links retain the real destinations. */
.channel-action--primary{
  margin:0;
  max-width:10ch;
  font:900 clamp(2.8rem,5.8vw,6.4rem)/.88 "Arial Black",Arial,sans-serif;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.contact-channel--whatsapp .channel-action--primary{max-width:12ch}
@media(max-width:980px){
  .channel-action--primary{font-size:clamp(3.2rem,10vw,5.8rem)}
}
@media(max-width:680px){
  .channel-action--primary{font-size:clamp(2.8rem,14vw,4.7rem);max-width:9ch}
  .contact-channel--whatsapp .channel-action--primary{max-width:11ch}
}
@media(max-width:390px){
  .channel-action--primary{font-size:2.65rem}
}