/* V17 — rediseño exclusivo de la sección final de contacto */
.contact{padding-top:122px;background:
  radial-gradient(1200px 620px at 78% 28%,rgba(119,84,40,.22),transparent 55%),
  radial-gradient(760px 480px at 18% 18%,rgba(73,48,28,.18),transparent 56%),
  linear-gradient(180deg,#09090b 0%,#0a0a0d 58%,#09090b 100%);
}
.contact-grid-v17{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);align-items:center;gap:32px;min-height:730px;position:relative;z-index:1}
.contact-orbit{position:absolute;border:1px solid rgba(193,165,110,.12);border-radius:999px;pointer-events:none;filter:drop-shadow(0 0 26px rgba(193,165,110,.08))}
.contact-orbit-a{width:780px;height:780px;right:-320px;top:-210px}
.contact-orbit-b{width:920px;height:540px;left:-340px;bottom:82px;opacity:.28}
.contact-copy-v17{max-width:670px;padding-right:10px}
.contact-copy-v17 .eyebrow{margin-bottom:26px;font-size:11px;letter-spacing:.38em;color:#c8ab73}
.contact-title{font-family:'DM Serif Display',Georgia,serif!important;font-size:clamp(60px,6.5vw,114px)!important;font-weight:400!important;line-height:.92!important;letter-spacing:-.04em!important;margin:0 0 30px!important;text-wrap:balance}
.contact-title span,.contact-title .contact-title-last{display:block}
.contact-title span:first-child{color:#f3efe7}
.contact-title span:nth-child(2){color:#f3efe7}
.contact-title em,.contact-title .contact-title-last{font-style:italic;background:linear-gradient(105deg,#f1ddb0 0%,#d7b06b 46%,#f0d9a3 74%,#b88948 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 24px rgba(176,130,62,.14)}
.contact-title span:nth-child(2) em{display:inline-block}
.contact-copy-v17 .contact-description{max-width:540px;color:#b3ada5;font-size:18px;line-height:1.8;margin:0 0 34px}
.contact-cta{padding:0 28px 0 30px;gap:16px;min-height:60px;font-size:15px;border:1px solid rgba(193,165,110,.74);box-shadow:0 12px 36px rgba(158,117,53,.18),inset 0 1px 0 rgba(255,255,255,.22)}
.contact-cta .btn-arrow{font-size:18px;line-height:1;transition:transform .35s var(--ease),color .25s}
.contact-cta:hover,.contact-cta:focus-visible{transform:translateY(-4px);filter:brightness(1.02)}
.contact-cta:hover .btn-arrow,.contact-cta:focus-visible .btn-arrow{transform:translate(3px,-3px)}
.contact-benefits{display:flex;align-items:stretch;gap:0;margin-top:46px;max-width:680px;border-top:1px solid rgba(255,255,255,.08);padding-top:26px}
.benefit-item{display:flex;align-items:center;gap:14px;padding:0 26px 0 0;color:#efebe3;min-width:0;position:relative}
.benefit-item:not(:last-child){margin-right:26px}
.benefit-item:not(:last-child)::after{content:'';position:absolute;right:0;top:4px;bottom:4px;width:1px;background:linear-gradient(180deg,transparent,rgba(193,165,110,.5),transparent)}
.benefit-item span:last-child{font-size:14px;line-height:1.45;color:#ded8cf;max-width:150px}
.benefit-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(193,165,110,.26);background:linear-gradient(180deg,rgba(193,165,110,.12),rgba(193,165,110,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.benefit-icon svg{width:22px;height:22px;stroke:#d3b47a;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.contact-showcase{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center}
.contact-showcase-inner{position:relative;width:min(780px,100%);height:620px;--shift-x:0px;--shift-y:0px;transition:transform .5s var(--ease)}
.contact-stage-glow{position:absolute;inset:130px 18px 40px 40px;border-radius:46px;background:radial-gradient(circle at 60% 55%,rgba(212,163,86,.16),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));filter:blur(.2px)}
.contact-showcase-curve{position:absolute;border:1px solid rgba(193,165,110,.12);border-radius:999px;pointer-events:none}
.contact-showcase-curve-a{width:760px;height:760px;right:-120px;top:-212px}
.contact-showcase-curve-b{width:530px;height:530px;left:70px;top:26px;opacity:.5}
.contact-visual{position:absolute;margin:0;overflow:hidden;border-radius:30px;box-shadow:0 36px 68px rgba(0,0,0,.40),0 12px 24px rgba(0,0,0,.32);will-change:transform;transition:transform .6s var(--ease),box-shadow .45s var(--ease),filter .45s var(--ease);background:#121316}
.contact-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 22%,transparent 68%,rgba(255,255,255,.06));pointer-events:none}
.contact-showcase:hover .contact-visual{box-shadow:0 44px 84px rgba(0,0,0,.46),0 14px 26px rgba(0,0,0,.34)}
.contact-visual img{display:block;width:100%;height:100%;object-fit:cover}
.contact-visual-laptop{width:70%;height:76%;right:2%;top:9%;transform:translate3d(calc(var(--shift-x) * .18),calc(var(--shift-y) * .18),0) rotate(-2deg)}
.contact-visual-phone{width:28%;height:70%;left:4%;bottom:7%;z-index:3;border-radius:38px;transform:translate3d(calc(var(--shift-x) * -.24),calc(var(--shift-y) * -.24),0) rotate(6.5deg)}
.contact-visual-nfc{width:24%;height:58%;right:0;bottom:4%;z-index:4;border-radius:26px;transform:translate3d(calc(var(--shift-x) * .30),calc(var(--shift-y) * .30),0) rotate(2.5deg)}
.contact-showcase:hover .contact-visual-phone{filter:brightness(1.03)}
.contact-showcase:hover .contact-visual-nfc{filter:brightness(1.04)}
.contact-showcase:hover .contact-visual-laptop{filter:brightness(1.02)}
.contact .footer{position:relative;z-index:2;margin-top:22px}
.contact .footer{padding-top:34px}
.contact .footer p{margin-top:8px}

@media(max-width:1180px){
  .contact-grid-v17{grid-template-columns:1fr;gap:28px;min-height:unset}
  .contact-copy-v17{max-width:760px;padding-right:0}
  .contact-showcase{min-height:560px}
  .contact-showcase-inner{width:min(760px,100%);height:560px;margin-inline:auto}
  .contact-visual-laptop{width:72%;height:74%;right:4%}
  .contact-visual-phone{width:29%;left:3%;bottom:4%}
  .contact-visual-nfc{width:25%;right:1%;bottom:0}
}
@media(max-width:900px){
  .contact{padding-top:84px}
  .contact-title{font-size:clamp(50px,10vw,82px)!important}
  .contact-copy-v17 .contact-description{font-size:16px;max-width:620px}
  .contact-benefits{flex-wrap:wrap;gap:18px 0}
  .benefit-item{flex:1 1 240px;padding-right:18px;margin-right:18px}
  .benefit-item:nth-child(2)::after{display:none}
  .contact-showcase{min-height:520px}
  .contact-showcase-inner{height:520px}
  .contact-showcase-curve-a{width:620px;height:620px;right:-80px;top:-155px}
  .contact-showcase-curve-b{width:430px;height:430px;left:40px;top:45px}
}
@media(max-width:760px){
  .contact-grid-v17{gap:18px}
  .contact-copy-v17 .eyebrow{margin-bottom:20px;font-size:10px}
  .contact-title{font-size:clamp(42px,13vw,64px)!important;line-height:.96!important}
  .contact-copy-v17 .contact-description{font-size:15px;line-height:1.75;margin-bottom:26px}
  .contact-cta{min-height:56px;font-size:14px;padding-inline:22px}
  .contact-benefits{display:grid;grid-template-columns:1fr;gap:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;margin-top:32px}
  .benefit-item,.benefit-item:not(:last-child){margin-right:0;padding-right:0}
  .benefit-item::after{display:none!important}
  .benefit-item span:last-child{max-width:none}
  .contact-showcase{min-height:0;padding-top:8px}
  .contact-showcase-inner{height:auto;aspect-ratio:1.05 / 1;padding-bottom:6px}
  .contact-stage-glow{inset:18% 0 8% 0}
  .contact-showcase-curve-a{width:140%;height:140%;right:-28%;top:-28%}
  .contact-showcase-curve-b{width:84%;height:84%;left:4%;top:12%}
  .contact-visual-laptop{position:relative;width:100%;height:auto;right:auto;top:auto;aspect-ratio:1/1.15;transform:none!important}
  .contact-visual-phone{width:36%;height:auto;aspect-ratio:.75/1.22;left:4%;bottom:0;transform:rotate(8deg)!important}
  .contact-visual-nfc{width:30%;height:auto;aspect-ratio:.75/1.2;right:2%;bottom:-2%;transform:rotate(3deg)!important}
}
@media(max-width:520px){
  .contact{padding-top:72px}
  .contact-showcase-inner{margin-top:8px}
  .contact-showcase-curve-a{width:152%;height:152%;right:-34%;top:-38%}
  .contact-showcase-curve-b{width:88%;height:88%;left:-2%;top:14%}
  .contact-visual-phone{width:39%;left:0}
  .contact-visual-nfc{width:33%;right:-1%}
}
@media (prefers-reduced-motion: reduce){
  .contact-cta,.contact-cta .btn-arrow,.contact-showcase-inner,.contact-visual,.benefit-item{transition:none!important}
  .contact-cta:hover,.contact-cta:focus-visible{transform:none}
  .contact-cta:hover .btn-arrow,.contact-cta:focus-visible .btn-arrow{transform:none}
  .contact-visual-laptop,.contact-visual-phone,.contact-visual-nfc{transform:none!important}
}