/* ===== Tienda · cabecera de escaparate ===== */
.sh-hero2{padding-bottom:12px!important}
.sh-hero2+#matchmaker{padding-top:28px!important}
.sh2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
.sh2-l h1{margin-bottom:0;max-width:14ch;text-wrap:balance}
.sh-hero2 .sh-hero-cta{margin-top:24px}
.sh2-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:30px;border-top:1px solid var(--border);padding-top:18px}
.sh2-stats>div{display:flex;flex-direction:column;gap:3px;padding-right:26px;margin-right:26px;border-right:1px solid var(--border);opacity:0;transform:translateY(8px);animation:sh2In .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.15s + var(--i)*.1s)}
.sh2-stats>div:last-child{border-right:0;margin-right:0;padding-right:0}
.sh2-stats b{font-family:var(--display);font-size:1.55rem;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}
.sh2-stats span{font-family:var(--mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}
.sh2-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.sh2-chips>*{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:.76rem;color:var(--text-2);text-decoration:none}
.sh2-chips a:hover{border-color:var(--gold);color:var(--gold)}
.sh2-dot{width:6px;height:6px;border-radius:50%;background:#5ad18a;box-shadow:0 0 8px #5ad18a}

.sh2-r{position:relative;min-height:380px}
.sh2-card{position:absolute;inset:0 0 34px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;border-radius:22px;border:1px solid var(--border-gold);background:radial-gradient(90% 80% at 50% 30%,rgba(231,189,90,.14),transparent 70%),var(--card);overflow:hidden;cursor:pointer;text-align:left;color:var(--text);font:inherit;opacity:0;transform:translateX(24px) scale(.98);transition:opacity .45s,transform .6s cubic-bezier(.16,1,.3,1)}
.sh2-card.in{opacity:1;transform:none}
.sh2-card.out{opacity:0;transform:translateX(-24px) scale(.98)}
.sh2-card:hover{box-shadow:0 26px 60px -30px rgba(231,189,90,.55)}
.sh2-card img{position:absolute;left:50%;top:44%;width:72%;max-height:62%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 24px 30px rgba(0,0,0,.55));animation:sh2Float 6s ease-in-out infinite}
.sh2-noimg{position:absolute;left:50%;top:42%;width:46%;aspect-ratio:1.6;border-radius:14px;transform:translate(-50%,-50%);background:repeating-linear-gradient(90deg,var(--bg-3,rgba(255,255,255,.05)) 0 6px,transparent 6px 12px);border:1px solid var(--border)}
.sh2-glow{position:absolute;left:50%;top:44%;width:60%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(231,189,90,.22),transparent 65%);animation:sh2Pulse 4.8s ease-in-out infinite}
.sh2-meta{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:color-mix(in oklab,var(--bg) 70%,transparent);backdrop-filter:blur(10px);border:1px solid var(--border)}
.sh2-meta em{font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.sh2-meta b{font-family:var(--display);font-size:1.2rem;line-height:1.15}
.sh2-specs{display:flex;gap:12px;font-family:var(--mono);font-size:.78rem;color:var(--text-2)}
.sh2-price{position:absolute;right:16px;bottom:14px;font-family:var(--display);font-size:1.35rem;color:var(--gold)}
.sh2-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:8px}
.sh2-dots button{width:8px;height:8px;padding:0;border-radius:99px;border:0;background:var(--border);cursor:pointer;transition:width .3s,background .3s}
.sh2-dots button.on{width:26px;background:var(--gold)}
.sh2-dots button::before{content:"";display:block;margin:-12px}
@keyframes sh2In{to{opacity:1;transform:none}}
@keyframes sh2Float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}
@keyframes sh2Pulse{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@media(max-width:900px){
  .sh2{grid-template-columns:1fr;gap:26px}
  .sh2-r{min-height:320px}
  .sh2-stats>div{padding-right:16px;margin-right:16px}
  .sh2-stats b{font-size:1.25rem}
}
@media(prefers-reduced-motion:reduce){.sh2-card img,.sh2-glow{animation:none}.sh2-card{transition:none}.sh2-stats>div{opacity:1;transform:none;animation:none}}
