/* Ajustes de fidelidad al panel superior del referente. */
.reference-hero{height:810px;min-height:810px;background-position:center center}
.hero-scrim{background:linear-gradient(90deg,rgba(8,9,11,.49) 0%,rgba(8,9,11,.25) 39%,transparent 72%)}
.reference-copy{width:min(660px,57%);padding-top:77px}
.reference-hero h1{font-size:clamp(4.7rem,6vw,6.1rem);line-height:.91;letter-spacing:-.06em;margin:17px 0 26px}
.reference-hero .hero-lead{max-width:620px;font-size:clamp(1.2rem,1.6vw,1.5rem);line-height:1.38;letter-spacing:.01em;font-weight:400;margin-bottom:24px}
.reference-hero .btn{border-radius:99px;min-height:53px;padding:12px 25px}
.reference-hero .btn-primary{background:linear-gradient(105deg,#f3b67a 0%,#c77943 47%,#ffc18b 82%,#d6884e 100%);color:#19100b;box-shadow:inset 0 1px 0 #ffe1bd,0 5px 18px #0005}
.reference-hero .btn-primary:hover{background:linear-gradient(105deg,#ffd09d,#d98a52 50%,#ffd19f)}
.reference-hero .btn-outline{background:#12151880;border-color:#ffffffa8;box-shadow:0 5px 18px #0004}
html[data-finish="platino"] .reference-hero .btn-primary{background:linear-gradient(110deg,#0064e7 0%,#1988ff 54%,#0070f4 100%);color:white;box-shadow:inset 0 1px 0 #8bc2ff,0 6px 22px #006cec80}
html[data-finish="platino"] .reference-hero .btn-primary:hover{background:linear-gradient(110deg,#287fff,#45a6ff 55%,#1684ff)}
.showcase{left:19%;right:auto;bottom:118px;width:83%;height:343px;justify-content:space-between;align-items:flex-end;gap:0}
.showcase-card,.showcase-card.card-one,.showcase-card.card-two,.showcase-card.card-three{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;padding:24px;border-radius:19px;transform:rotateY(-5deg) rotateX(2deg);background:radial-gradient(ellipse at 40% 12%,#68605a44,transparent 48%),linear-gradient(145deg,#1b1b1bb8,#101010d8),url(stone-noise.svg) center/240px 240px repeat;box-shadow:inset 1px 1px 0 #ffe2c281,inset -2px -2px 5px #050505,inset 0 0 0 3px #15100e,7px 5px 0 #2a1a13,12px 12px 0 #ac6335,12px 15px 20px #e77d40a6,0 28px 24px #050505c7,0 0 19px #d47a418f;border:1px solid #d69a65;color:white;overflow:visible}
.showcase-card.card-one{width:26%;height:68%}.showcase-card.card-two{width:32%;height:83%}.showcase-card.card-three{width:37%;height:96%}
.showcase-card:before{inset:4px;border:1px solid #ffffff17;border-radius:14px;background:radial-gradient(circle at 48% 38%,#ffffff13,transparent 65%);opacity:1}
.showcase-card:after{inset:0;width:auto;height:auto;left:0;top:0;transform:none;border-radius:18px;background:radial-gradient(ellipse at 50% 78%,#f7b06923,transparent 60%);opacity:.25;animation:metal-pulse 4.8s ease-in-out infinite}
@keyframes metal-pulse{50%{opacity:.72}100%{opacity:.25}}
.showcase-card:hover{transform:translateY(-9px) rotateY(-3deg);box-shadow:inset 1px 1px 0 #ffe2c281,inset -2px -2px 5px #050505,inset 0 0 0 3px #15100e,7px 5px 0 #2a1a13,12px 12px 0 #ac6335,12px 15px 25px #e77d40cf,0 36px 31px #050505d9,0 0 25px #d47a41b0}
.showcase-icon{position:relative;left:auto;top:auto;width:74px;height:74px;color:#f4b16d;filter:drop-shadow(0 0 9px #ff993bcc);flex:0 0 auto}
.showcase-icon svg{stroke-width:1.9}
.showcase-card strong{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:1.22rem;font-weight:500;line-height:1.14;letter-spacing:0;text-align:center;max-width:100%;text-shadow:0 2px 8px #000}
html[data-finish="platino"] .showcase-card{border-color:#dceaf8;background:radial-gradient(ellipse at 40% 12%,#8ca0b344,transparent 48%),linear-gradient(145deg,#1b2127b8,#10151bd8),url(stone-noise.svg) center/240px 240px repeat;box-shadow:inset 1px 1px 0 #ffffffbd,inset -2px -2px 5px #05080c,inset 0 0 0 3px #111923,7px 5px 0 #17283d,12px 12px 0 #477fc4,12px 15px 20px #409fffbb,0 28px 24px #050b13c7,0 0 19px #7ab9fca6}
html[data-finish="platino"] .showcase-card:hover{box-shadow:inset 1px 1px 0 #ffffffcf,inset -2px -2px 5px #05080c,inset 0 0 0 3px #111923,7px 5px 0 #17283d,12px 12px 0 #477fc4,12px 15px 25px #409fffdf,0 36px 31px #050b13d9,0 0 26px #7ab9fcc7}
html[data-finish="platino"] .showcase-icon{color:#eaf5ff;filter:drop-shadow(0 0 9px #90c3ffe0)}
html[data-finish="platino"] .showcase-card:after{background:radial-gradient(ellipse at 50% 78%,#acd8ff27,transparent 60%)}
.showcase-controls{bottom:64px;right:0}.showcase-caption{bottom:34px;right:0;background:#0b0e10c9;padding:4px 7px;border-radius:5px}
.hero-context{background:var(--paper);border-bottom:1px solid var(--line);padding:25px 0}.hero-context .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px}.hero-context p{font-size:1rem;color:var(--ink);max-width:780px;margin:0}.hero-context span{font-size:.76rem;color:var(--muted);white-space:nowrap}
@media(max-width:1100px){.reference-hero{height:740px;min-height:740px}.reference-copy{width:59%;padding-top:68px}.reference-hero h1{font-size:clamp(4rem,7vw,5.3rem)}.showcase{left:17%;width:87%;height:305px;bottom:105px}.showcase-card strong{font-size:1.05rem}.showcase-icon{width:63px;height:63px}}
@media(max-width:900px){.reference-hero{height:auto;min-height:0}.reference-hero-inner{height:auto;min-height:805px;padding-bottom:425px}.reference-copy{width:min(640px,100%);padding-top:58px}.reference-hero h1{font-size:clamp(4rem,9vw,5.3rem)}.showcase{left:50%;right:auto;bottom:93px;transform:translateX(-50%);width:min(680px,100%);height:250px}.showcase-icon{width:57px;height:57px}.showcase-card strong{font-size:1rem}.showcase-controls{bottom:51px}.showcase-caption{bottom:20px}.hero-context .wrap{display:block}.hero-context span{display:block;margin-top:6px}}
@media(max-width:650px){.reference-hero{background-position:66% center}.hero-scrim{background:linear-gradient(180deg,#080b0fe8 0%,#080b0fb8 32%,#080b0f24 65%,transparent 100%)}.reference-hero-inner{min-height:700px;padding-bottom:295px}.reference-copy{padding-top:42px}.reference-hero h1{font-size:clamp(3rem,12vw,4rem);line-height:.94;margin:13px 0 18px}.reference-hero .hero-lead{font-size:1.07rem;line-height:1.42;margin-bottom:22px}.reference-hero .btn-row{display:flex;gap:8px}.reference-hero .btn{min-height:47px;padding:9px 13px;font-size:.8rem}.showcase{bottom:75px;width:100%;height:155px;gap:5px}.showcase-card,.showcase-card.card-one,.showcase-card.card-two,.showcase-card.card-three{gap:8px;padding:8px;border-radius:11px;transform:none}.showcase-card.card-one{width:28%;height:75%}.showcase-card.card-two{width:32%;height:87%}.showcase-card.card-three{width:36%;height:100%}.showcase-icon{width:31px;height:31px}.showcase-card strong{font-size:.7rem;line-height:1.12}.showcase-card:before,.showcase-card:after{border-radius:9px}.showcase-controls{bottom:36px;left:0;right:auto}.showcase-caption{bottom:10px;left:0;right:auto;text-align:left}.hero-context{padding:18px 0}.hero-context p{font-size:.86rem}.hero-context span{font-size:.72rem}}
@media(max-width:390px){.reference-hero-inner{padding-bottom:275px}.reference-hero h1{font-size:clamp(2.6rem,11.5vw,3rem)}.reference-hero .btn-row{display:grid;grid-template-columns:1fr 1fr}.reference-hero .btn{font-size:.75rem;padding:8px 5px}.showcase{height:137px}.showcase-card strong{font-size:.74rem}.showcase-icon{width:28px;height:28px}}
@media(max-width:350px){.showcase-card strong{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.showcase-card:after{animation:none!important}}