:root{--bg:#0b0b0b;--bg2:#141210;--gold:#d4af37;--g:linear-gradient(135deg,#f7e7a1,#d4af37 45%,#8a6a1f 75%,#f1d77a);--tx:#eee6d3;--mut:#b5aa90}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:16px/1.6 Montserrat,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.script{font-family:"Great Vibes",cursive}.caps{font-family:Cinzel,serif;letter-spacing:.35em}
.gold,.brand .script,h2,.price{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:rgba(11,11,11,.92);backdrop-filter:blur(8px);border-bottom:1px solid #d4af3733}
.brand{display:flex;flex-direction:column;align-items:center;line-height:1}.brand .script{font-size:2rem}.brand .caps{font-size:.55rem;color:var(--gold)}
.menu{background:none;border:0;color:var(--gold);font-size:1.6rem}
.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;padding:1rem;border-bottom:1px solid #d4af3733}
.nav nav.open{display:flex}.nav nav a{padding:.6rem;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.1em}.nav nav a:hover{color:var(--gold)}
.hero{text-align:center;padding:4rem 1.2rem 3rem;background:radial-gradient(ellipse at top,#3a2e1255,transparent 60%),var(--bg);position:relative;overflow:hidden}
.sparkles{color:var(--gold);letter-spacing:1.5em;opacity:.7}.laurel{font-size:2rem;color:var(--gold)}
.hero h1{display:flex;flex-direction:column;align-items:center;font-weight:400}
.big{font-size:clamp(5rem,22vw,9rem);line-height:1}.hero h1 .caps{font-size:clamp(1rem,4.5vw,1.8rem);margin-top:-.3em}
.tagline{font-size:2rem;color:#f1d77a;margin:.8rem 0}.lead{color:var(--mut);max-width:34rem;margin:auto}
.ctas{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:1.6rem 0 1rem}.ship{color:var(--gold);font-size:.9rem}
.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:40px;background:var(--g);color:#1a1405;font-weight:600;border:0;cursor:pointer;font:600 .9rem Montserrat,sans-serif;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3755}.btn.ghost{background:none;border:1px solid var(--gold);color:var(--gold)}
.strip{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.4rem;background:var(--bg2);border-block:1px solid #d4af3740;text-align:center;font-size:1.3rem}
.strip b{display:block;font:600 .75rem Montserrat;color:var(--tx);margin-top:.3rem}
.sec{padding:3.5rem 1.2rem;max-width:1150px;margin:auto}
h2{font:700 clamp(1.6rem,6vw,2.4rem) Cinzel,serif;text-align:center;letter-spacing:.08em}
.sub{text-align:center;font-size:1.7rem;color:#f1d77a;margin-bottom:1.5rem}
.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.cat{border:1px solid #d4af3755;border-radius:14px;padding:1.4rem;text-align:center;background:linear-gradient(160deg,#1a1712,#0b0b0b);transition:.2s}.cat:hover{border-color:var(--gold);transform:translateY(-3px)}
.cat span{font-size:2rem}.cat h3{font:500 1rem Cinzel,serif;color:var(--gold);margin-top:.4rem}
.note{text-align:center;color:var(--mut);font-size:.8rem;margin:.4rem 0 1rem}
.filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.6rem;margin-bottom:1rem;justify-content:flex-start}
.f{flex:none;background:none;border:1px solid #d4af3766;color:var(--tx);padding:.45rem 1rem;border-radius:30px;cursor:pointer;font:.85rem Montserrat}.f.on,.f:hover{background:var(--g);color:#1a1405;border-color:transparent}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.card{background:var(--bg2);border:1px solid #d4af3733;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.card[hidden]{display:none}
.ph{aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#3b301566,transparent 65%),linear-gradient(160deg,#1d1a14,#0b0b0b);border-bottom:1px solid #d4af3733;position:relative}
.ph::before{content:"✦";position:absolute;top:.6rem;right:.8rem;color:var(--gold);opacity:.6}
.ph span{font-size:3rem;filter:sepia(1) saturate(2) hue-rotate(-10deg)}.ph small{color:var(--mut);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;margin-top:.4rem}
.ci{padding:.8rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.tag{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.ci h3{font:500 .9rem Cinzel,serif}.price{font-weight:600;font-size:1.05rem}.price em{font-size:.6rem;color:var(--mut);-webkit-text-fill-color:var(--mut);font-weight:400}
.wa{margin-top:auto;font-size:.78rem;padding:.6rem .5rem}
.story{text-align:center;max-width:760px}.story p{margin-bottom:1rem}
.steps{list-style:none;display:grid;gap:1rem}.steps li{border:1px solid #d4af3744;border-radius:14px;padding:1.2rem;text-align:center;background:var(--bg2)}
.steps b{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--g);color:#1a1405}.steps h3{font:500 1.1rem Cinzel,serif;color:var(--gold);margin:.4rem 0}
.faq{max-width:760px;margin:1.5rem auto 0}details{border-bottom:1px solid #d4af3744;padding:1rem .2rem}summary{cursor:pointer;font-weight:600;color:#f1d77a}details p{margin-top:.6rem;color:var(--mut)}
.ig{text-align:center;padding:3rem 1.2rem;background:radial-gradient(ellipse,#3a2e1266,transparent 70%),var(--bg2);border-block:1px solid #d4af3740}.ig .big{font-size:4rem}.ig p{margin-bottom:1rem}
footer{text-align:center;padding:2.5rem 1rem;color:var(--mut);font-size:.9rem}footer .brand{margin-bottom:.8rem}footer a:hover{color:var(--gold)}.small{font-size:.75rem;margin-top:.5rem}
.fab{position:fixed;right:1rem;bottom:1rem;width:3.4rem;height:3.4rem;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:1.6rem;box-shadow:0 4px 16px #0008;z-index:30}
@media(min-width:1000px){.menu{display:none}.nav nav{display:flex!important;position:static;flex-direction:row;background:none;border:0;padding:0;gap:.1rem}.nav nav a{font-size:.72rem;padding:.5rem .55rem}}
@media(min-width:760px){
.strip{grid-template-columns:repeat(4,1fr)}.cats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr);gap:1.4rem}.steps{grid-template-columns:repeat(4,1fr)}.filters{justify-content:center}.wa{font-size:.85rem}}
@media(min-width:1050px){.cats{grid-template-columns:repeat(6,1fr)}.grid{grid-template-columns:repeat(4,1fr)}}
/* ===== Glassmorphism v2 ===== */
body{overflow-x:hidden}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(212,175,55,.28);box-shadow:inset 0 1px 0 rgba(255,240,200,.15),inset 0 0 24px rgba(212,175,55,.06),0 10px 30px rgba(0,0,0,.35)}
.orbs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#0b0b0b}
.orbs i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:float 22s ease-in-out infinite alternate}
.orbs i:nth-child(1){width:55vmax;height:55vmax;background:#b8892a;top:-20vmax;left:-15vmax}
.orbs i:nth-child(2){width:40vmax;height:40vmax;background:#c98b8b;top:30%;right:-15vmax;animation-duration:28s;opacity:.28}
.orbs i:nth-child(3){width:35vmax;height:35vmax;background:#8a6a1f;bottom:-10vmax;left:20%;animation-duration:32s}
.orbs i:nth-child(4){width:22vmax;height:22vmax;background:#f1d77a;top:55%;left:-5vmax;opacity:.18;animation-duration:25s}
@keyframes float{to{transform:translate(8vmax,6vmax) scale(1.15)}}
.nav.glass{background:rgba(11,11,11,.45);border-width:0 0 1px;border-radius:0}
.hero{background:none;padding:3rem 1rem}
.hero-card{max-width:720px;margin:auto;border-radius:28px;padding:2.4rem 1.2rem}
.strip.glass{margin:0 1rem;border-radius:20px;max-width:1150px}
@media(min-width:1182px){.strip.glass{margin:0 auto}}
.cat.glass,.steps li.glass{border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
details.glass{border-radius:14px;margin-bottom:.7rem;padding:1rem 1.2rem}
.ig{background:none;border:0}.ig-card{max-width:640px;margin:auto;border-radius:28px;padding:2rem 1rem}
.filters.glass{flex-direction:column;gap:.6rem;border-radius:18px;padding:1rem}
.fg{display:flex;gap:.45rem;overflow-x:auto;align-items:center;scrollbar-width:none}.fg span{flex:none;font:600 .7rem Montserrat;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);min-width:3.5rem}
.count{color:var(--mut);font-size:.8rem;text-align:center;margin-bottom:.8rem}.empty{text-align:center;color:var(--mut)}.link{background:none;border:0;color:var(--gold);text-decoration:underline;cursor:pointer;font:inherit}
.card.glass{border-radius:18px;transition:transform .35s,box-shadow .35s,border-color .35s}
.card.glass:hover{transform:translateY(-6px);border-color:rgba(241,215,122,.6);box-shadow:inset 0 1px 0 rgba(255,240,200,.2),0 18px 40px rgba(0,0,0,.5),0 0 30px rgba(212,175,55,.15)}
.zoom{position:relative;display:block;border:0;padding:0;background:#1a1712;cursor:zoom-in;overflow:hidden;width:100%}
.zoom img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .6s}
.card:hover .zoom img{transform:scale(1.05)}
.zoom::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,245,210,.35) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s}
.card:hover .zoom::after{transform:translateX(120%)}
.badge{position:absolute;top:.5rem;left:.5rem;background:rgba(11,11,11,.6);backdrop-filter:blur(8px);border:1px solid rgba(212,175,55,.5);color:#f1d77a;font:600 .6rem Montserrat;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .6rem;border-radius:20px}
.price.ask{font-size:.9rem}
.btn svg,.s svg,.fab svg{width:1.1em;height:1.1em;vertical-align:-.15em}
.wa{display:flex;align-items:center;justify-content:center;gap:.35rem}
.social{display:flex;gap:.7rem;justify-content:center;margin-top:1rem}
.s{width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;color:#f1d77a;border:1px solid rgba(212,175,55,.45);background:rgba(255,255,255,.05);backdrop-filter:blur(8px);transition:.25s}
.s svg{width:1.2rem;height:1.2rem}.s:hover{background:var(--g);color:#1a1405;transform:translateY(-3px)}
.dock{position:fixed;left:50%;bottom:.9rem;transform:translateX(-50%);z-index:30;border-radius:40px;padding:.35rem .6rem;background:rgba(11,11,11,.5)}
.dock .social{margin:0;gap:.5rem}
.fab{display:none;background:#25d366;color:#fff}.fab svg{width:1.7rem;height:1.7rem}
@media(min-width:760px){.dock{display:none}.fab{display:grid}.filters.glass{align-items:center}.fg{flex-wrap:wrap;justify-content:center}.hero-card{padding:3rem 2.5rem}}
@media(max-width:759px){footer{padding-bottom:5.5rem}}
.lb{margin:auto;border:1px solid rgba(212,175,55,.4);border-radius:20px;background:rgba(15,13,10,.85);backdrop-filter:blur(20px);padding:.8rem;max-width:min(92vw,760px);color:var(--tx)}
.lb::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(4px)}
.lb img{width:100%;height:auto;border-radius:12px;display:block}.lb p{text-align:center;font-family:Cinzel,serif;color:#f1d77a;margin:.6rem 0 .2rem}
.lb-x{position:absolute;top:.4rem;right:.6rem;background:rgba(0,0,0,.6);color:#fff;border:1px solid var(--gold);border-radius:50%;width:2.2rem;height:2.2rem;font-size:1.4rem;cursor:pointer}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
.card.glass.reveal.in:hover{transform:translateY(-6px)}
:focus-visible{outline:2px solid #f1d77a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@supports not (backdrop-filter:blur(1px)){.glass{background:rgba(25,22,17,.92)}}
.card.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,rgba(40,34,24,.55),rgba(15,13,10,.7))}

.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#000;padding:.5rem 1rem;z-index:99}.skip:focus{left:1rem}
.nav nav a.on{color:var(--gold);border-bottom:1px solid var(--gold)}
@media(max-width:999px){.nav nav{background:rgba(11,11,11,.95)}}
.h{font:700 clamp(1.6rem,6vw,2.4rem) Cinzel,serif;text-align:center;letter-spacing:.06em;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.h3{font:500 1.1rem Cinzel,serif;color:var(--gold);margin:.4rem 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;font-size:.75rem;color:var(--mut);margin-bottom:1.2rem}.crumbs li+li::before{content:"›";margin-right:.3rem;color:var(--gold)}.crumbs a:hover{color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:0 0 1rem}.chip{border:1px solid #d4af3766;border-radius:30px;padding:.35rem .9rem;font-size:.8rem;background:rgba(255,255,255,.04)}.chip:hover{background:var(--g);color:#1a1405}
.ci h3 a:hover{color:var(--gold)}a.zoom{cursor:pointer}
.center{text-align:center;margin-top:1.6rem}.narrow{max-width:820px}.panel{border-radius:22px;padding:1.6rem}
.pd{display:grid;gap:1.2rem}.pd-img{border-radius:22px;overflow:hidden;cursor:zoom-in}.pd-info{border-radius:22px;padding:1.4rem}.pd-info .h{text-align:left;margin:.3rem 0}
.big-price{font-size:1.8rem}.spec{list-style:none;margin:1rem 0;display:grid;gap:.4rem;color:var(--tx)}.big-btn{width:100%;padding:1rem;font-size:1rem}.pd-info .small{margin-top:1rem;color:var(--mut)}.pd-info a{color:var(--gold)}
.contact{display:grid;gap:1rem;margin:1rem 0}.cbox{text-align:center;display:block}.cbox svg{width:2.4rem;height:2.4rem;color:#f1d77a}.cbox:hover{border-color:var(--gold);transform:translateY(-3px)}
.fnav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;margin:1rem 0;font-size:.8rem}
.steps li p a{color:var(--gold)}
@media(min-width:760px){.pd{grid-template-columns:1.1fr 1fr;align-items:start}.contact{grid-template-columns:repeat(3,1fr)}}
/* ===== Animaciones v3 (solo transform/opacity) ===== */
body{opacity:0;transition:opacity .45s ease}html.ready body{opacity:1}html.leaving body{opacity:0;transition-duration:.2s}
.shimmer{background:linear-gradient(110deg,#8a6a1f 0%,#d4af37 25%,#fff6cf 45%,#d4af37 60%,#8a6a1f 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s ease-in-out infinite,blurIn 1.4s cubic-bezier(.2,.7,.2,1) both}
.hero h1 .caps.shimmer{animation-delay:1s,.25s}
@keyframes shimmer{0%,20%{background-position:120% 0}60%,100%{background-position:-60% 0}}
@keyframes blurIn{from{opacity:0;filter:blur(14px);transform:scale(1.06)}to{opacity:1;filter:none;transform:none}}
.hero-card>*:not(.particles){animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero-card>.laurel{animation-delay:.1s}.hero-card>.tagline{animation-delay:.55s}.hero-card>.lead{animation-delay:.7s}.hero-card>.ctas{animation-delay:.85s}.hero-card>.ship{animation-delay:1s}.hero-card>.social{animation-delay:1.1s}.hero-card>.phones{animation-delay:1.2s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-card{position:relative;overflow:hidden}.particles{position:absolute;inset:0;pointer-events:none}
.particles i{position:absolute;left:var(--x);bottom:-10px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff6cf,#d4af37 50%,transparent 70%);transform:scale(var(--s));opacity:0;animation:drift 9s linear var(--d) infinite}
@keyframes drift{0%{opacity:0;transform:translateY(0) scale(var(--s))}15%{opacity:.9}100%{opacity:0;transform:translateY(-520px) translateX(20px) scale(var(--s))}}
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-130%);z-index:-1;animation:btnShine 4.5s ease-in-out infinite}
.btn.ghost::after{background:linear-gradient(110deg,transparent 30%,rgba(241,215,122,.25) 50%,transparent 70%)}
.btn:hover::after{animation-duration:1s}
@keyframes btnShine{0%,70%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.fab{overflow:visible}.fab::before,.fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:ring 2.4s ease-out infinite;pointer-events:none}.fab::after{animation-delay:1.2s}
@keyframes ring{from{transform:scale(1);opacity:.7}to{transform:scale(1.8);opacity:0}}
.grid .card.reveal{opacity:0;transform:translateY(28px) scale(.96);transition:opacity .7s ease calc(var(--i,0)*90ms),transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--i,0)*90ms),box-shadow .35s,border-color .35s}
.grid .card.reveal.in{opacity:1;transform:none}
.card.glass{transform-style:preserve-3d;will-change:transform}
.card.glass:hover{transition:transform .12s linear,box-shadow .35s,border-color .35s}
.zoom img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card:hover .zoom img,.pd-img:hover img{transform:scale(1.08)}
/* borde dorado animado en tarjetas glass */
.hero-card::before,.panel::before,.ig-card::before,.pd-info::before{content:"";position:absolute;inset:-60%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 70%,rgba(241,215,122,.55) 80%,transparent 90%);animation:spin 9s linear infinite}
.hero-card,.panel,.ig-card,.pd-info{position:relative;isolation:isolate;overflow:hidden}
.hero-card::after,.panel::after,.ig-card::after,.pd-info::after{content:"";position:absolute;inset:1px;border-radius:inherit;z-index:-1;background:rgba(14,12,9,.82)}
@keyframes spin{to{transform:rotate(1turn)}}
.nav nav a{position:relative}.nav nav a::after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.2rem;height:1px;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.nav nav a:hover::after,.nav nav a.on::after{transform:scaleX(1)}.nav nav a.on{border-bottom:0}
.marquee{overflow:hidden;border-radius:0;border-width:1px 0;padding:.9rem 0;margin:1rem 0}
.mq-track{display:flex;width:max-content;animation:mq 38s linear infinite}.marquee:hover .mq-track{animation-play-state:paused}
.mq{display:flex;gap:2.5rem;padding-right:2.5rem}.mq span{white-space:nowrap;font:600 .85rem Montserrat;letter-spacing:.06em;color:#f1d77a}
@keyframes mq{to{transform:translateX(-50%)}}
.phones{margin-top:1rem;display:grid;gap:.4rem;justify-content:center}.ph-row{display:flex;gap:.5rem;align-items:center;justify-content:center;margin:0}
.ph-wa{display:inline-flex;gap:.4rem;align-items:center;padding:.4rem .9rem;border-radius:30px;border:1px solid rgba(212,175,55,.45);background:rgba(255,255,255,.04);font-size:.85rem;color:var(--tx);transition:.25s}.ph-wa svg{width:1rem;height:1rem;color:#25d366}
.ph-wa:hover{border-color:#25d366;transform:translateY(-2px)}.ph-tel{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(212,175,55,.35)}
.us-link{margin-top:.7rem;text-align:center;font-size:.82rem}.us-link a{color:var(--mut);text-decoration:underline;text-underline-offset:3px}.us-link a:hover{color:#f1d77a}
@media(prefers-reduced-motion:reduce){body{opacity:1}.grid .card.reveal{opacity:1;transform:none}.particles{display:none}.mq-track{animation:none;flex-wrap:wrap;width:auto}.mq[aria-hidden]{display:none}.mq{flex-wrap:wrap;justify-content:center;gap:1rem}}

.cat small{display:block;color:var(--mut);font-size:.7rem;margin-top:.2rem}.cat small::after{content:" piezas"}
.pd-img img{aspect-ratio:auto!important;object-fit:contain}
/* ===== v4: carrito, búsqueda, orden, vendido, accesibilidad ===== */
.nav{gap:.5rem}.nav .brand{margin-right:auto}
.cart-btn{position:relative;background:none;border:1px solid rgba(212,175,55,.45);color:#f1d77a;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;cursor:pointer;order:2}
.menu{order:3}.cart-btn svg{width:1.25rem;height:1.25rem}
.cart-n{position:absolute;top:-4px;right:-4px;min-width:1.2rem;height:1.2rem;border-radius:1rem;background:var(--g);color:#1a1405;font:700 .7rem/1.2rem Montserrat;text-align:center;padding:0 .25rem}
@media(min-width:1000px){.cart-btn{order:3}.nav nav{order:2}}
.cart{position:fixed;top:0;right:0;bottom:0;width:min(92vw,400px);z-index:60;border-radius:22px 0 0 22px;background:rgba(14,12,9,.92);display:flex;flex-direction:column;padding:1.2rem;transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.cart.open{transform:none}.cart-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:55}
.cart-h{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:.6rem}
.cart-x{background:none;border:1px solid var(--gold);color:#fff;width:2.2rem;height:2.2rem;border-radius:50%;font-size:1.3rem;cursor:pointer}
.cart-list{list-style:none;overflow:auto;flex:1;margin:.8rem 0;display:grid;gap:.6rem;align-content:start}
.cart-list li{display:grid;grid-template-columns:56px 1fr auto;gap:.7rem;align-items:center;padding:.5rem;border:1px solid rgba(212,175,55,.2);border-radius:14px;background:rgba(255,255,255,.03)}
.cart-list img{width:56px;height:56px;object-fit:cover;border-radius:10px}.cart-list a{font-size:.85rem;display:block}.cart-list small{color:var(--mut);font-size:.75rem}
.rm{background:none;border:0;color:var(--mut);font-size:1.4rem;cursor:pointer;width:2rem;height:2rem}.rm:hover{color:#f88}
.cart-empty{color:var(--mut);text-align:center;margin:2rem 0}
.cart-f{display:grid;gap:.6rem;border-top:1px solid rgba(212,175,55,.3);padding-top:.8rem}.cart-total{font:700 1.2rem Cinzel,serif;color:#f1d77a;text-align:center}
.cart-send{display:flex;justify-content:center;gap:.4rem;align-items:center;padding:.9rem}.cart-us{text-align:center;font-size:.8rem;color:var(--mut);text-decoration:underline}.cart-clear{font-size:.8rem;color:var(--mut)}
.add{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.75rem;padding:.5rem}.add svg{width:1rem;height:1rem}
.add[aria-pressed="true"]{background:rgba(212,175,55,.18);color:#f1d77a}
.ci .btn+.btn{margin-top:.4rem}.ci .wa{margin-top:auto}
.pd-info .add{margin-top:.6rem}
.tools{display:grid;grid-template-columns:1fr auto;gap:.5rem;border-radius:18px;padding:.6rem;margin-bottom:.8rem;position:sticky;top:3.6rem;z-index:15;background:rgba(14,12,9,.8)}
.tools:has(.ftoggle){grid-template-columns:1fr auto auto}
.srch input,.sort select{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.4);border-radius:30px;color:var(--tx);padding:.6rem 1rem;font:.85rem Montserrat}
.sort select{appearance:none;padding-right:1.6rem;background-image:linear-gradient(45deg,transparent 50%,#d4af37 50%),linear-gradient(135deg,#d4af37 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 9px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.sort select option{background:#141210}.srch input::placeholder{color:#9b917a}
.ftoggle{padding:.55rem 1rem;font-size:.8rem}
@media(max-width:759px){.filters.glass{display:none;margin-bottom:.8rem}.filters.glass.open{display:flex}.sort{max-width:9.5rem}}
@media(min-width:760px){.ftoggle{display:none}.tools,.tools:has(.ftoggle){grid-template-columns:1fr 240px;max-width:760px;margin:0 auto 1rem}}
.card.sold .zoom img{filter:grayscale(.85);opacity:.6}.b-sold{background:#5a1a1a!important;color:#fff!important;border-color:#c55!important}
.sold-note{margin-top:auto;text-align:center;color:var(--mut);font-size:.8rem}.sold-note a{color:var(--gold)}
.contact{grid-template-columns:1fr 1fr}@media(min-width:760px){.contact{grid-template-columns:repeat(4,1fr)}}
.ig h2.big{font-weight:400}
.tag,.note,.count,.crumbs ol,footer,.small{color:#c2b8a0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f1d77a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.cart{transition:none}}
@media(max-width:759px){.tools,.tools:has(.ftoggle){grid-template-columns:1fr auto}.tools .srch{grid-column:1/-1}.sort{max-width:none}
.chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-bottom:.3rem;-webkit-mask:linear-gradient(90deg,#000 85%,transparent)}.chip{flex:none}}

/* Carrito: cantidades, subtotales, datos del cliente y botón flotante */
.cart-list li{grid-template-columns:56px 1fr auto}
.cart-r{display:grid;justify-items:end;gap:.5rem}
.cart-r .rm{background:none;border:1px solid rgba(212,175,55,.45);color:#f1d77a;width:1.8rem;height:1.8rem;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1}
.cart-r .sub{font:700 .85rem Montserrat,sans-serif;color:#f1d77a;white-space:nowrap}
.qty{display:inline-flex;align-items:center;gap:.15rem;margin-top:.35rem;border:1px solid rgba(212,175,55,.45);border-radius:999px;padding:.1rem}
.qty button{background:none;border:0;color:#f1d77a;width:1.8rem;height:1.8rem;border-radius:50%;font-size:1.05rem;cursor:pointer;line-height:1}
.qty button:hover,.qty button:focus-visible{background:rgba(212,175,55,.18);outline:none}
.qty output{min-width:1.6rem;text-align:center;font:700 .85rem Montserrat,sans-serif;color:var(--tx)}
.cart-fl{display:grid;gap:.25rem;font-size:.75rem;color:var(--mut)}
.cart-fl input,.cart-fl textarea{background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.35);border-radius:12px;color:var(--tx);font:inherit;font-size:.9rem;padding:.55rem .7rem;resize:vertical}
.cart-fl input:focus,.cart-fl textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px rgba(212,175,55,.25)}
.cart-f{overflow:auto;max-height:60vh}
.cart-fab{position:fixed;right:1.1rem;bottom:5.4rem;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid rgba(212,175,55,.7);background:#0e0c09;color:#f1d77a;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 18px #000a,0 0 0 3px rgba(212,175,55,.15);z-index:31}
.cart-fab[hidden]{display:none}
.cart-fab svg{width:1.45rem;height:1.45rem}
.cart-fab .cart-n{top:-3px;right:-3px}