*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:#fff;font-family:'Inter',sans-serif;overflow-x:hidden}
body.modal-lock{overflow:hidden!important}
h1,h2,h3,.font-oswald{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1px}
button,a{-webkit-tap-highlight-color:transparent}
.scrollbar-hide::-webkit-scrollbar{display:none}
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
/* Ajustes nuevos: hero más visible, logo premium en confirmación y etiquetas de oferta */
#hero-video{opacity:.72!important;filter:brightness(1.35) contrast(1.1) saturate(1.05)}
.wa-logo-badge{width:78px;height:78px;margin-left:auto;margin-right:auto;display:grid;place-items:center;border-radius:1.15rem;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.16),rgba(34,197,94,.10) 45%,rgba(0,0,0,.28) 72%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(74,222,128,.30);box-shadow:0 0 34px rgba(34,197,94,.24),0 18px 42px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.10)}
.wa-logo-img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,255,255,.34))}
.promo-chip-shoes{background:rgba(34,197,94,.12)!important;color:#86efac!important;border:1px solid rgba(74,222,128,.30)!important}
.combo-note-line{font-size:11px;color:#86efac;font-weight:900;margin-top:.25rem}
.glass-nav{background:rgba(5,5,5,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.logo-home-link{display:inline-flex;align-items:center;justify-content:center;border-radius:.85rem;cursor:pointer;transition:transform .22s ease,filter .22s ease}
.logo-home-link:hover{transform:translateY(-1px) scale(1.04);filter:drop-shadow(0 0 14px rgba(255,255,255,.25))}
.logo-home-link:active{transform:scale(.98)}
@media(max-width:767px){
nav.glass-nav{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;column-gap:10px;align-items:center;padding-left:1rem;padding-right:1rem}
nav.glass-nav>div{width:auto!important;min-width:0}
nav.glass-nav>div:nth-child(1){justify-content:flex-start}
nav.glass-nav>div:nth-child(2){justify-content:center;overflow:visible}
nav.glass-nav>div:nth-child(3){justify-content:flex-end}
#nav-subtitle-mobile{display:block;width:100%;text-align:center;font-size:clamp(10px,2.9vw,14px);line-height:1;letter-spacing:clamp(.03em,.55vw,.11em);white-space:nowrap;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s cubic-bezier(.16,1,.3,1);text-shadow:0 0 10px rgba(255,255,255,.28),0 1px 2px rgba(0,0,0,.9)}
#nav-subtitle-mobile.subtitle-visible{opacity:1;transform:translateY(0)}
}
.hero-decode-stage{position:relative;isolation:isolate;max-width:980px;width:min(92vw,980px);padding:clamp(1.25rem,4vw,2.4rem) 1rem}
.decode-text{position:relative;display:inline-block;overflow:hidden;will-change:opacity,transform,filter,clip-path}
.decode-text::before{content:"";position:absolute;inset:-8% -18%;background:linear-gradient(90deg,transparent,currentColor 48%,transparent);opacity:0;transform:translateX(-120%) skewX(-12deg);pointer-events:none;mix-blend-mode:screen}
.hero-title-decode{color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.86),0 0 16px rgba(255,255,255,.16);min-height:2.15em;text-wrap:balance}
.hero-subtitle-decode{color:#e5e7eb;text-shadow:0 3px 18px rgba(0,0,0,.82);min-height:2.15em}
.decode-text.is-building{animation:hero-text-build .72s cubic-bezier(.16,1,.3,1) both}
.decode-text.is-building::before{animation:hero-text-scan .72s cubic-bezier(.16,1,.3,1) both}
@media(min-width:768px){.hero-title-decode{min-height:1.2em}.hero-subtitle-decode{min-height:1.45em}}
@keyframes hero-text-build{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(7px);clip-path:inset(0 100% 0 0);letter-spacing:.08em}42%{opacity:1;filter:blur(1.5px);clip-path:inset(0 18% 0 0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);clip-path:inset(0 0 0 0);letter-spacing:inherit}}
@keyframes hero-text-scan{0%{opacity:0;transform:translateX(-120%) skewX(-12deg)}35%{opacity:.2}100%{opacity:0;transform:translateX(120%) skewX(-12deg)}}
.social-decode{position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#dc2626,#991b1b);box-shadow:0 0 18px rgba(220,38,38,.5),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .24s ease,box-shadow .24s ease,background .24s ease;transform:translateZ(0)}
.social-decode:hover{transform:translateY(-2px) scale(1.06) translateZ(0);background:linear-gradient(145deg,#ef4444,#b91c1c);box-shadow:0 0 24px rgba(239,68,68,.62)}
.social-decode svg{color:currentColor;fill:currentColor}
.social-decode.is-building{animation:social-build .75s cubic-bezier(.16,1,.3,1) both}
@keyframes social-build{0%{opacity:0;transform:translateY(8px) scale(.9)}50%{opacity:1;transform:translateY(0) scale(1.06)}100%{opacity:1;transform:translateY(0) scale(1)}}
/* Hero promocional: tres anuncios sobre el mismo video */
.hero-copy{display:flex;min-height:clamp(168px,23vh,230px);width:100%;flex-direction:column;align-items:center;justify-content:center;will-change:transform,opacity,filter}
.hero-copy.is-leaving{animation:hero-slide-out .34s cubic-bezier(.4,0,1,1) both}
.hero-copy.is-entering{animation:hero-slide-in .66s cubic-bezier(.16,1,.3,1) both}
.hero-promo-label{display:inline-flex;align-items:center;gap:.48rem;margin-bottom:.72rem;border:1px solid rgba(74,222,128,.42);border-radius:999px;padding:.36rem .68rem;background:rgba(5,30,18,.68);color:#bbf7d0;font-family:'Oswald',sans-serif;font-size:10px;font-weight:700;letter-spacing:.19em;line-height:1;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.26),0 0 20px rgba(34,197,94,.13);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.hero-promo-label::before{content:"";width:6px;height:6px;border-radius:999px;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.95);animation:hero-promo-pulse 1.8s ease-in-out infinite}
.hero-title-decode{max-width:940px;margin-left:auto;margin-right:auto}
.hero-subtitle-decode{max-width:700px;text-wrap:balance}
.hero-dots{display:flex;align-items:center;justify-content:center;gap:.42rem;margin:0 0 .9rem}
.hero-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.38);box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:width .3s ease,background .3s ease,box-shadow .3s ease;cursor:pointer}
.hero-dot.is-active{width:25px;background:#fff;box-shadow:0 0 16px rgba(255,255,255,.48)}
#hero-socials{position:relative;z-index:2}
@keyframes hero-slide-out{to{opacity:0;transform:translateX(-46px) scale(.985);filter:blur(5px)}}
@keyframes hero-slide-in{from{opacity:0;transform:translateX(54px) scale(.985);filter:blur(7px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes hero-promo-pulse{0%,100%{opacity:.58;transform:scale(.82)}50%{opacity:1;transform:scale(1.14)}}
@media(max-width:767px){
.hero-copy{min-height:176px}
.hero-promo-label{margin-bottom:.58rem;font-size:8px;letter-spacing:.15em;padding:.32rem .55rem}
.hero-title-decode{font-size:clamp(1.65rem,7.6vw,2.25rem)!important;line-height:1.06!important;min-height:2.15em}
.hero-subtitle-decode{font-size:clamp(.75rem,3.3vw,.92rem)!important;line-height:1.4!important;min-height:2.8em;margin-bottom:0!important;padding:0 .25rem}
.hero-dots{margin-bottom:.72rem}
}
@media(prefers-reduced-motion:reduce){.hero-copy.is-leaving,.hero-copy.is-entering{animation:none!important}}
.filter-shell{position:relative;overflow:hidden;border-radius:1.15rem;padding:.34rem;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),rgba(8,8,8,.92);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 38px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)}
.filter-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0% 50%,rgba(239,68,68,.15),transparent 38%),radial-gradient(circle at 100% 50%,rgba(34,197,94,.1),transparent 38%);opacity:.8}
.filters-track{position:relative;z-index:1;display:flex;gap:.55rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:.08rem .12rem;animation:none;transform:translateZ(0);will-change:transform}
.filters-track.filters-nudge-on{animation:filters-nudge 3.8s ease-in-out 1}
.filters-track:hover,.filters-track:focus-within,.filters-track.is-touching{animation-play-state:paused}
@keyframes filters-nudge{0%,16%,100%{transform:translateX(0)}22%{transform:translateX(-14px)}31%{transform:translateX(0)}42%{transform:translateX(-7px)}52%{transform:translateX(0)}}
.filter-btn{position:relative;overflow:hidden;flex:0 0 auto;scroll-snap-align:start;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;border:1px solid rgba(255,255,255,.07);color:#fff!important;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.filter-btn::before{content:"";position:absolute;top:-60%;left:-55%;width:38%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(18deg);transition:left .52s ease}
.filter-btn:hover,.filter-btn:focus{color:#fff!important;background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.18);transform:translateY(-1px);outline:none}
.filter-btn:hover::before,.filter-btn:focus::before{left:120%}
.active-filter{color:#fff!important;background:linear-gradient(135deg,rgba(127,29,29,.88),rgba(220,38,38,.7))!important;border-color:rgba(248,113,113,.86)!important;box-shadow:0 0 22px rgba(239,68,68,.34),inset 0 1px 0 rgba(255,255,255,.1)!important}
.filter-btn.filter-pending{background:rgba(127,29,29,.18)!important;border-color:rgba(248,113,113,.3)!important;box-shadow:0 0 14px rgba(239,68,68,.14),inset 0 1px 0 rgba(255,255,255,.06)!important;animation:filter-dark-hold .72s ease both}
.filter-btn.filter-activating{animation:filter-red-activate 1.45s ease both}
@keyframes filter-dark-hold{0%{transform:scale(.985);filter:brightness(.92)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes filter-red-activate{0%{box-shadow:0 0 0 rgba(239,68,68,0),inset 0 1px 0 rgba(255,255,255,.08)}35%{box-shadow:0 0 26px rgba(239,68,68,.46),0 0 46px rgba(127,29,29,.3),inset 0 1px 0 rgba(255,255,255,.12)}100%{box-shadow:0 0 22px rgba(239,68,68,.34),inset 0 1px 0 rgba(255,255,255,.1)}}
.filter-hint{color:rgba(255,255,255,.42);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.hint-label{position:relative;display:inline-flex;align-items:center;gap:.45rem;color:rgba(255,255,255,.72)!important;text-shadow:0 0 12px rgba(255,255,255,.16);animation:hint-label-breathe 2.8s ease-in-out infinite}
.category-hint::before{content:"";width:6px;height:6px;border-radius:999px;background:rgba(34,197,94,.95);box-shadow:0 0 12px rgba(34,197,94,.65);animation:hint-dot-pulse 1.7s ease-in-out infinite}
.slide-hint{color:rgba(255,255,255,.78)!important;animation:hint-slide-soft 2.2s ease-in-out infinite}
.slide-hint .hint-arrow{display:inline-block;color:rgba(248,113,113,.95);text-shadow:0 0 12px rgba(248,113,113,.45);animation:hint-arrow-move 1.35s ease-in-out infinite}
@keyframes hint-label-breathe{0%,100%{opacity:.72;filter:brightness(1)}50%{opacity:1;filter:brightness(1.2)}}
@keyframes hint-dot-pulse{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.2);opacity:1}}
@keyframes hint-slide-soft{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes hint-arrow-move{0%,100%{transform:translateX(0);opacity:.65}50%{transform:translateX(6px);opacity:1}}
.promo-ticker{position:relative;overflow:hidden;border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),radial-gradient(circle at 8% 50%,rgba(34,197,94,.16),transparent 34%),#0a0a0a;border:1px solid rgba(74,222,128,.2);box-shadow:0 18px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)}
.marquee-container{overflow:hidden;white-space:nowrap;position:relative;display:flex;align-items:center}
.promo-ticker::after{content:"";position:absolute;top:0;bottom:0;left:0;width:90px;background:linear-gradient(90deg,#0a0a0a,transparent);z-index:2;pointer-events:none}
/* Velocidad reducida para facilitar la lectura de promociones y precios */
.animate-marquee{display:inline-block;animation:marquee 72s linear infinite;padding-left:100%;will-change:transform}
.promo-ticker:not(.is-visible) .animate-marquee{animation-play-state:paused;will-change:auto}
.promo-ticker.is-visible .animate-marquee{animation-play-state:running;will-change:transform}
.promo-ticker:hover .animate-marquee,.promo-ticker:active .animate-marquee{animation-play-state:paused}
.marquee-item{padding-right:8rem;display:inline-block}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media(max-width:767px){.animate-marquee{animation-duration:72s}.marquee-item{padding-right:5rem}}
.card-glass{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.product-card{backface-visibility:hidden;transition:transform .25s ease}
.product-card .card-glass{backface-visibility:hidden}
.product-card:not(.is-visible) *{animation-play-state:paused!important}
.product-media{aspect-ratio:4/5;width:100%;backface-visibility:hidden}
.product-media::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,#18181b 20%,#27272a 42%,#18181b 64%);background-size:220% 100%;animation:catalog-image-wait 1.4s ease-in-out infinite;transition:opacity .24s ease}
.product-media.media-ready::before{opacity:0;animation:none}
.product-main-img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;opacity:0;backface-visibility:hidden;transition:opacity .2s ease,transform .42s ease,filter .42s ease}
.product-main-img.image-ready{opacity:1}
@keyframes catalog-image-wait{0%{background-position:180% 0}100%{background-position:-40% 0}}
@media(prefers-reduced-motion:reduce){.product-media::before{animation:none}}
@media(hover:hover) and (pointer:fine){.product-card.is-visible:hover .product-main-img{transform:scale(1.035);filter:contrast(1.02);will-change:transform}.product-card.is-visible:hover{transform:translateY(-2px);will-change:transform}}
.size-scroll-wrap{position:relative;margin-bottom:.9rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));padding:.42rem .46rem;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.size-scroll-wrap::after{content:"";position:absolute;top:0;right:0;width:38px;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,0),rgba(5,5,5,.92));opacity:0;transition:opacity .25s ease}
.size-scroll-wrap.needs-scroll::after{opacity:1}
.size-scroll-wrap.user-scrolled::after,.size-scroll-wrap.no-scroll::after{opacity:0}
.product-size-grid{display:flex!important;align-items:center;gap:.42rem!important;width:100%;margin-bottom:0!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:.05rem 1.85rem .05rem .02rem;flex-wrap:nowrap!important}
.product-size-grid.product-size-grid-single{padding-right:.02rem}
.product-size-grid .size-btn{flex:0 0 auto;width:42px!important;height:38px!important;min-width:42px!important;border-radius:999px!important;font-size:12px!important;font-weight:800;animation:none!important;background:rgba(255,255,255,.025);scroll-snap-align:start}
.product-size-grid .size-btn:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.065)}
.size-scroll-cue{position:absolute;right:.42rem;top:50%;z-index:12;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.22rem;border-radius:999px;padding:.28rem .44rem;background:rgba(10,10,10,.78);border:1px solid rgba(255,255,255,.14);color:#e5e7eb;font-family:'Oswald',sans-serif;font-size:8px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 20px rgba(0,0,0,.26);opacity:0;pointer-events:none;white-space:nowrap}
.size-scroll-wrap.size-cue-active .size-scroll-cue{animation:size-cue-nudge 1.45s ease-in-out 2}
.size-scroll-wrap.user-scrolled .size-scroll-cue,.size-scroll-wrap.no-scroll .size-scroll-cue{display:none}
@keyframes size-cue-nudge{0%,100%{opacity:0;transform:translateY(-50%) translateX(0)}18%,76%{opacity:.88}48%{opacity:1;transform:translateY(-50%) translateX(-7px)}}
.qv-size-scroll-wrap{margin-bottom:1rem;border-color:rgba(17,24,39,.1);background:linear-gradient(180deg,rgba(17,24,39,.025),rgba(17,24,39,.01));box-shadow:inset 0 1px 0 rgba(17,24,39,.04)}
.qv-size-scroll-wrap::after{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.96))}
.qv-size-track{display:flex;align-items:center;gap:.55rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:.1rem 2rem .1rem .02rem;flex-wrap:nowrap!important}
.qv-size-track .qv-size-btn{flex:0 0 auto;scroll-snap-align:start}
.qv-size-scroll-wrap .size-scroll-cue{background:rgba(17,24,39,.84);border-color:rgba(17,24,39,.16);color:#fff}
/* Tallas visibles en camisetas: sin scroll horizontal */
.size-scroll-wrap.ropa-size-wrap{overflow:visible;padding:.42rem;border-radius:1rem}
.size-scroll-wrap.ropa-size-wrap::after,.size-scroll-wrap.ropa-size-wrap .size-scroll-cue{display:none!important}
.product-size-grid.product-size-grid-ropa{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem!important;overflow:visible!important;overflow-x:visible!important;padding:.04rem 0!important;scroll-snap-type:none!important;overscroll-behavior-x:auto!important;flex-wrap:initial!important}
.product-size-grid.product-size-grid-ropa .size-btn{width:100%!important;min-width:0!important;height:38px!important;flex:initial!important;border-radius:999px!important;font-size:12px!important;background:rgba(255,255,255,.025);scroll-snap-align:unset!important}
/* Selector premium de tallas para zapatillas: tarjeta compacta + modal en grid */
.sneaker-size-card{position:relative;isolation:isolate;overflow:hidden;margin-bottom:.9rem;border:1px solid rgba(255,255,255,.12);border-radius:1.15rem;background:radial-gradient(circle at 12% 0%,rgba(34,197,94,.18),transparent 38%),radial-gradient(circle at 100% 100%,rgba(239,68,68,.10),transparent 34%),linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.022));padding:.78rem .82rem;box-shadow:0 16px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07)}
.sneaker-size-card::before{content:"";position:absolute;inset:-50% -80%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);transform:translateX(-68%) rotate(16deg);animation:sneaker-card-scan 5.4s ease-in-out infinite}
.sneaker-size-top{display:flex;align-items:center;justify-content:space-between;gap:.45rem;margin-bottom:.55rem}
.sneaker-size-eyebrow{font-family:'Oswald',sans-serif;color:rgba(255,255,255,.58);font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;line-height:1}
.sneaker-size-pill{flex:0 0 auto;border-radius:999px;border:1px solid rgba(74,222,128,.28);background:rgba(34,197,94,.10);color:#86efac;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:.24rem .42rem;line-height:1}
.sneaker-size-range{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;margin-bottom:.48rem}
.sneaker-size-number{font-family:'Oswald',sans-serif;color:#fff;font-size:1.55rem;font-weight:700;letter-spacing:.08em;line-height:1;text-shadow:0 0 14px rgba(255,255,255,.16)}
.sneaker-size-rail{position:relative;height:8px;border-radius:999px;background:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.sneaker-size-rail i{position:absolute;left:0;right:0;top:50%;height:2px;border-radius:999px;transform:translateY(-50%);background:linear-gradient(90deg,#22c55e,rgba(255,255,255,.72),#22c55e);box-shadow:0 0 14px rgba(34,197,94,.34)}
.sneaker-size-rail::before,.sneaker-size-rail::after{content:"";position:absolute;top:50%;width:10px;height:10px;border-radius:999px;background:#22c55e;transform:translateY(-50%);box-shadow:0 0 13px rgba(34,197,94,.72)}
.sneaker-size-rail::before{left:0}.sneaker-size-rail::after{right:0}
.sneaker-size-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem}
.sneaker-size-foot strong{display:block;color:#f4f4f5;font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;line-height:1.1}
.sneaker-size-foot small{display:block;margin-top:.22rem;color:#a7f3d0;font-size:9px;font-weight:800;line-height:1.2}
.sneaker-size-arrow{display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:#fff;color:#050505;font-weight:900;box-shadow:0 10px 18px rgba(0,0,0,.22)}
.sneaker-choose-btn{background:linear-gradient(135deg,#f8fafc,#fff)!important;color:#020202!important;border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 24px rgba(0,0,0,.24),0 0 18px rgba(255,255,255,.08)}
.sneaker-choose-btn::after{content:" →";font-family:'Inter',sans-serif;font-weight:900}
@keyframes sneaker-card-scan{0%,58%,100%{transform:translateX(-68%) rotate(16deg);opacity:0}70%{opacity:.85}88%{transform:translateX(68%) rotate(16deg);opacity:0}}
.qv-size-scroll-wrap.grid-mode{overflow:visible;padding:.78rem;border-radius:1.15rem;border-color:rgba(17,24,39,.13);background:radial-gradient(circle at 0% 0%,rgba(34,197,94,.10),transparent 38%),linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 12px 24px rgba(17,24,39,.06),inset 0 1px 0 rgba(255,255,255,.95)}
.qv-size-scroll-wrap.grid-mode::after,.qv-size-scroll-wrap.grid-mode .size-scroll-cue{display:none!important}
.qv-size-track.size-grid-premium{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;overscroll-behavior-x:auto!important;flex-wrap:initial!important}
.qv-size-track.size-grid-premium .qv-size-btn{width:100%!important;height:46px!important;min-width:0!important;flex:initial!important;border-radius:.95rem!important;font-family:'Oswald',sans-serif;letter-spacing:.08em;background:linear-gradient(180deg,#fff,#f8fafc);border-color:rgba(17,24,39,.16)!important;box-shadow:0 8px 16px rgba(17,24,39,.055);scroll-snap-align:unset!important}
.qv-size-track.size-grid-premium .qv-size-btn.border-green-500{background:#111827!important;color:#fff!important;border-color:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.10),0 12px 22px rgba(17,24,39,.20)!important}
@media(min-width:420px){.qv-size-track.size-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:390px){.product-size-grid.product-size-grid-ropa{gap:.26rem!important}.product-size-grid.product-size-grid-ropa .size-btn{height:36px!important;font-size:11px!important}.sneaker-size-number{font-size:1.38rem}.sneaker-size-card{padding:.72rem .76rem}}
.empty-category-state{grid-column:1/-1;min-height:220px;border-radius:1.35rem;border:1px dashed rgba(255,255,255,.14);background:radial-gradient(circle at 50% 0%,rgba(239,68,68,.12),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));display:grid;place-items:center;text-align:center;padding:2rem 1.2rem;color:rgba(255,255,255,.72)}
.empty-category-state strong{color:#fff;display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:1.15rem;margin-bottom:.45rem}
@keyframes neon-pulse{0%,100%{box-shadow:0 0 10px rgba(34,197,94,.4)}50%{box-shadow:0 0 25px rgba(34,197,94,.8);transform:scale(1.02)}}
.btn-neon-alert{animation:neon-pulse 2s infinite}
#load-more-container{margin-top:2.2rem!important;margin-bottom:9.5rem!important;position:relative;z-index:20}
#load-more-container button{transform:translateY(-.6rem)}
@media(min-width:768px){#load-more-container{margin-bottom:4.5rem!important}#load-more-container button{transform:none}}
.overlay-bg{position:fixed;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:500;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}
.overlay-bg.open{opacity:1;pointer-events:all}
.modal-box{transform:scale(.95) translateY(20px);transition:all .36s cubic-bezier(.16,1,.3,1)}
.overlay-bg.open .modal-box{transform:scale(1) translateY(0)}
#welcome-modal{overflow-y:auto;overflow-x:hidden;isolation:isolate;padding:18px 14px;background:radial-gradient(circle at 50% 18%,rgba(34,197,94,.18),transparent 34%),radial-gradient(circle at 12% 88%,rgba(255,255,255,.07),transparent 25%),radial-gradient(circle at 90% 70%,rgba(22,163,74,.09),transparent 30%),#020403}
.welcome-card{position:relative;z-index:1;isolation:isolate;width:min(90vw,410px);max-height:calc(100dvh - 36px);overflow:hidden;background:linear-gradient(150deg,rgba(18,18,22,.96),rgba(4,4,5,.98) 62%,rgba(4,20,12,.92)),radial-gradient(circle at 50% 0%,rgba(34,197,94,.16),transparent 34%);border:1px solid rgba(34,197,94,.2);border-top-color:rgba(34,197,94,.88);box-shadow:0 32px 90px rgba(0,0,0,.68),0 0 65px rgba(34,197,94,.16),inset 0 1px 0 rgba(255,255,255,.07);animation:welcome-card-in .9s cubic-bezier(.16,1,.3,1) both}
.welcome-accent-line{height:4px;background:linear-gradient(90deg,transparent,#16a34a,#22c55e,#16a34a,transparent);box-shadow:0 0 22px rgba(34,197,94,.75)}
.welcome-logo-wrap{position:relative;width:82px;height:82px;display:grid;place-items:center;margin-bottom:1.05rem}
.welcome-logo-wrap::before{content:"";position:absolute;inset:8px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.2),rgba(34,197,94,.12) 42%,transparent 70%);filter:blur(8px);animation:welcome-logo-halo 3.8s ease-in-out infinite}
.welcome-logo{position:relative;z-index:1;filter:drop-shadow(0 0 16px rgba(255,255,255,.34)) drop-shadow(0 0 18px rgba(34,197,94,.2));animation:welcome-logo-float 4.5s ease-in-out infinite}
.welcome-status{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.105);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
.welcome-dot{box-shadow:0 0 0 0 rgba(34,197,94,.62),0 0 14px rgba(34,197,94,.9);animation:welcome-dot-pulse 1.6s ease-out infinite}
.welcome-social-label{color:rgba(228,228,231,.68);letter-spacing:.25em}
.welcome-social{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(22,163,74,.78),rgba(5,90,48,.86));border:1px solid rgba(74,222,128,.36);box-shadow:0 0 20px rgba(34,197,94,.3),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.welcome-social:hover{transform:translateY(-3px) scale(1.07);background:linear-gradient(145deg,rgba(34,197,94,.9),rgba(7,105,55,.96));box-shadow:0 0 28px rgba(34,197,94,.55),inset 0 1px 0 rgba(255,255,255,.16)}
.welcome-btn{display:flex!important;align-items:center;justify-content:center;min-height:58px;flex-shrink:0;position:relative;z-index:5;overflow:hidden;opacity:1!important;visibility:visible!important;background:linear-gradient(135deg,#15803d,#16a34a 48%,#22c55e);box-shadow:0 0 32px rgba(34,197,94,.48),0 14px 30px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;animation:welcome-btn-breathe 2.8s ease-in-out infinite}
.welcome-btn::before{content:"";position:absolute;top:-45%;left:-40%;width:32%;height:190%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);animation:welcome-btn-shine 3.5s ease-in-out infinite}
.welcome-btn span,.welcome-btn svg{position:relative;z-index:1}
.welcome-closing .welcome-card{transform:translateY(10px) scale(.985);opacity:0;transition:opacity .5s ease,transform .5s ease}
@keyframes welcome-card-in{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes welcome-logo-halo{0%,100%{transform:scale(.95);opacity:.62}50%{transform:scale(1.12);opacity:.96}}
@keyframes welcome-logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes welcome-dot-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.62),0 0 14px rgba(34,197,94,.9)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0),0 0 14px rgba(34,197,94,.9)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0),0 0 14px rgba(34,197,94,.9)}}
@keyframes welcome-btn-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.015)}}
@keyframes welcome-btn-shine{0%,18%{left:-42%;opacity:0}32%{opacity:.9}55%,100%{left:118%;opacity:0}}
.quickview-card{border-radius:1.6rem;box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 36px rgba(34,197,94,.18);max-height:calc(100dvh - 1.5rem);display:flex;flex-direction:column;overflow:hidden}
#qv-image-container{flex:0 0 auto;scroll-behavior:auto;overscroll-behavior-x:contain;position:relative;touch-action:pan-x pan-y}
#qv-image-container.qv-has-multiple{scroll-snap-type:x proximity;gap:0;padding-right:52px}
.qv-slide{position:relative;height:100%;flex:0 0 100%;width:100%;scroll-snap-align:start;overflow:hidden;background:#f4f4f5}
#qv-image-container.qv-has-multiple .qv-slide{flex-basis:86%!important;width:86%!important;border-right:1px solid rgba(0,0,0,.06)}
#qv-image-container.qv-has-multiple .qv-slide:nth-child(2) img{filter:contrast(1.02) brightness(.96)}
.qv-swipe-cue{position:absolute;top:50%;right:.8rem;z-index:40;pointer-events:none;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.45rem .55rem;background:rgba(10,10,10,.62);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 28px rgba(0,0,0,.28);animation:qv-cue-pulse 1.8s ease-in-out infinite;transition:opacity .25s ease,transform .25s ease}
#qv-image-container.user-swiped .qv-swipe-cue{opacity:0;transform:translateY(-50%) scale(.95)}
.qv-swipe-cue span{font-family:'Oswald',sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.qv-swipe-cue svg{width:14px;height:14px;animation:qv-arrow-move 1.15s ease-in-out infinite}
@keyframes qv-cue-pulse{0%,100%{opacity:.74;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.035)}}
@keyframes qv-arrow-move{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
.qv-scroll-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0}
.qv-scroll-body::-webkit-scrollbar{width:5px}
.qv-scroll-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:999px}
.qv-bottom-panel{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-top:1px solid rgba(0,0,0,.06)}
.benefit-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .55rem;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;background:rgba(22,163,74,.1);color:#047857;border:1px solid rgba(22,163,74,.18)}
.qv-compact-copy{color:#4b5563;font-size:11px;line-height:1.35}
.qv-qty-btn{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;font-weight:900;font-size:20px;color:#111827;background:#fff;border:1px solid rgba(17,24,39,.14);box-shadow:0 8px 20px rgba(0,0,0,.08);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.qv-qty-btn:hover{transform:translateY(-1px);border-color:rgba(34,197,94,.6);box-shadow:0 0 18px rgba(34,197,94,.28)}
.qv-qty-box{min-width:52px;height:38px;border-radius:999px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.qv-main-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#15803d,#16a34a,#22c55e);box-shadow:0 0 24px rgba(34,197,94,.45),0 14px 28px rgba(21,128,61,.25)}
.qv-main-btn::before{content:"";position:absolute;top:-45%;left:-42%;width:34%;height:190%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);transform:rotate(18deg);animation:welcome-btn-shine 3.5s ease-in-out infinite}
.qv-main-btn span{position:relative;z-index:1}
.qv-promo-note{border:1px solid rgba(34,197,94,.2);background:rgba(34,197,94,.08);color:#047857}
.alert-soft,.wa-modal-green{background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.16),transparent 38%),linear-gradient(160deg,rgba(15,15,18,.98),rgba(5,5,7,.99));border:1px solid rgba(255,255,255,.1);box-shadow:0 0 48px rgba(34,197,94,.12),0 28px 90px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.08)}
.alert-icon-soft{width:54px;height:54px;border-radius:999px;display:grid;place-items:center;margin:0 auto .85rem;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.26);color:#86efac;box-shadow:0 0 24px rgba(34,197,94,.14)}
.alert-btn-soft,.wa-confirm-btn{background:linear-gradient(135deg,#15803d,#16a34a,#22c55e);box-shadow:0 0 22px rgba(34,197,94,.32)}
#cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}
#cart-overlay.open{opacity:1;pointer-events:all}
#cart-panel{position:fixed;top:0;right:-100%;width:100%;max-width:480px;height:100dvh;background:radial-gradient(circle at top,rgba(22,163,74,.08),transparent 38%),#080808;border-left:1px solid rgba(255,255,255,.1);z-index:200;transition:right .4s cubic-bezier(.8,0,.2,1);overflow:hidden;display:flex;flex-direction:column}
#cart-panel.open{right:0}
#cart-scroll-area{flex:1;overflow-y:auto;padding:0 1.35rem 1.35rem}
#cart-scroll-area::-webkit-scrollbar{width:6px}
#cart-scroll-area::-webkit-scrollbar-thumb{background:#333;border-radius:10px}
.cart-header{padding:1.45rem 1.35rem 1rem;background:linear-gradient(180deg,rgba(8,8,8,1),rgba(8,8,8,.82));border-bottom:1px solid rgba(255,255,255,.06)}
.cart-line{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.085);border-radius:1.05rem;padding:.86rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.cart-line-main{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:.75rem;align-items:start}
.cart-media-col{display:grid;grid-template-columns:54px 26px;gap:.4rem;align-items:start;justify-content:end}
.cart-product-thumb{width:54px;height:54px;border-radius:.8rem;object-fit:cover;background:#111;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 18px rgba(0,0,0,.28)}
.cart-remove-btn{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.2);font-weight:900;line-height:1;transition:transform .2s ease,background .2s ease}
.cart-remove-btn:hover{transform:scale(1.08);background:rgba(239,68,68,.2)}
.cart-qty-btn{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;background:rgba(255,255,255,.06);color:#fff;font-weight:900;transition:all .2s ease}
.cart-qty-btn:hover{border-color:rgba(34,197,94,.6);box-shadow:0 0 14px rgba(34,197,94,.22);color:#86efac}
.cart-summary-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:1.15rem;padding:1rem}
.cart-input{width:100%;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:1rem;padding:.95rem 1rem;color:#fff;font-size:.92rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.cart-input:focus{border-color:rgba(34,197,94,.72);box-shadow:0 0 0 3px rgba(34,197,94,.1);background:rgba(255,255,255,.075)}
.payment-card{width:100%;border-radius:1rem;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);padding:.86rem .95rem;text-align:left;transition:all .22s ease}
.payment-card.selected{border-color:rgba(34,197,94,.72);background:rgba(34,197,94,.1);box-shadow:0 0 20px rgba(34,197,94,.14),inset 0 1px 0 rgba(255,255,255,.06)}
.payment-card.payment-disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.45)}
.payment-card.payment-disabled:hover{box-shadow:none;border-color:rgba(255,255,255,.11)}
.payment-dot{width:19px;height:19px;border-radius:999px;border:2px solid rgba(255,255,255,.35);position:relative;flex-shrink:0}
.payment-card.selected .payment-dot{border-color:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.46)}
.payment-card.selected .payment-dot::after{content:"";position:absolute;inset:4px;border-radius:999px;background:#22c55e}
.mandatory-payment-note{display:none;border-radius:1rem;border:1px solid rgba(248,113,113,.26);background:rgba(127,29,29,.16);padding:.85rem;color:rgba(255,255,255,.78);font-size:12px;line-height:1.45}
.mandatory-payment-note.visible{display:block}
.mandatory-payment-note a{display:inline-flex;margin-top:.55rem;color:#86efac;font-weight:900;text-decoration:underline}
.cart-sticky-checkout{position:sticky;bottom:0;padding:1rem 1.35rem calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(8,8,8,0),rgba(8,8,8,.88) 18%,rgba(8,8,8,1) 100%);border-top:1px solid rgba(255,255,255,.06)}
.checkout-btn{position:relative;overflow:hidden;width:100%;border-radius:1.1rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#fff);color:#030303;font-family:'Oswald',sans-serif;font-size:1.1rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase;box-shadow:0 14px 30px rgba(0,0,0,.38);transition:transform .25s ease,box-shadow .25s ease}
.checkout-btn::before{content:"";position:absolute;top:-45%;left:-40%;width:30%;height:190%;background:linear-gradient(90deg,transparent,rgba(22,163,74,.3),transparent);transform:rotate(18deg);animation:welcome-btn-shine 3.8s ease-in-out infinite}
.checkout-btn span{position:relative;z-index:1}
.cart-empty-state{min-height:120px;border:1px dashed rgba(255,255,255,.14);border-radius:1.1rem;display:grid;place-items:center;text-align:center;color:rgba(255,255,255,.52);padding:1.25rem}
#mini-cart-float{position:fixed;right:1rem;bottom:1.05rem;z-index:145;opacity:0;pointer-events:none;transform:translateY(18px) scale(.96);transition:opacity .28s ease,transform .28s ease}
#mini-cart-float.visible{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}
.mini-cart-shell{position:relative;overflow:hidden;border:1px solid rgba(74,222,128,.48);background:linear-gradient(135deg,rgba(6,78,59,.96),rgba(22,163,74,.94)),radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 42%);box-shadow:0 0 28px rgba(34,197,94,.36),0 16px 34px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(12px)}
#mini-cart-float.pulse .mini-cart-shell{animation:mini-cart-pulse .56s ease}
@keyframes mini-cart-pulse{0%{transform:scale(1)}40%{transform:scale(1.045)}100%{transform:scale(1)}}
#custom-toast{position:fixed;left:50%;bottom:5.7rem;z-index:146;transform:translateX(-50%) translateY(18px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
#custom-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
#ai-assistant{position:fixed;left:1rem;bottom:1rem;z-index:130;pointer-events:none}
.ai-launcher{pointer-events:all;width:58px;height:58px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 28%),linear-gradient(145deg,rgba(20,20,25,.96),rgba(5,5,7,.98));box-shadow:0 0 26px rgba(239,68,68,.2),0 12px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;transition:transform .24s ease,box-shadow .24s ease}
.ai-launcher:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 34px rgba(239,68,68,.32),0 16px 32px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.1)}
.ai-orb{width:35px;height:35px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#030712),radial-gradient(circle at center,rgba(239,68,68,.35),transparent 60%);border:1px solid rgba(248,113,113,.38);box-shadow:0 0 22px rgba(239,68,68,.28),inset 0 1px 0 rgba(255,255,255,.1)}
.ai-bot-icon{width:20px;height:20px;color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.32))}
.ai-window{pointer-events:all;position:absolute;left:0;bottom:72px;width:min(92vw,360px);max-height:min(72vh,520px);display:flex;flex-direction:column;opacity:0;transform:translateY(14px) scale(.96);pointer-events:none;transition:opacity .26s ease,transform .26s ease;overflow:hidden;border-radius:1.3rem;background:radial-gradient(circle at 20% 0%,rgba(239,68,68,.16),transparent 34%),radial-gradient(circle at 90% 95%,rgba(34,197,94,.1),transparent 30%),linear-gradient(160deg,rgba(14,14,18,.98),rgba(3,3,5,.99));border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 70px rgba(0,0,0,.66),0 0 34px rgba(239,68,68,.14),inset 0 1px 0 rgba(255,255,255,.07)}
#ai-assistant.open .ai-window{opacity:1;transform:translateY(0) scale(1);pointer-events:all}
.ai-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.24)}
.ai-chat-body{padding:.95rem;overflow-y:auto;max-height:270px;display:flex;flex-direction:column;gap:.55rem}
.ai-bubble{max-width:88%;border-radius:1rem;padding:.72rem .82rem;font-size:12px;line-height:1.45;border:1px solid rgba(255,255,255,.08)}
.ai-bubble.bot{align-self:flex-start;background:rgba(255,255,255,.065);color:rgba(255,255,255,.84)}
.ai-bubble.user{align-self:flex-end;background:rgba(127,29,29,.48);color:#fff;border-color:rgba(248,113,113,.24)}
.ai-options{padding:0 .95rem .9rem;display:flex;flex-wrap:wrap;gap:.45rem}
.ai-chip{border-radius:999px;padding:.48rem .65rem;font-size:11px;font-weight:800;color:#fff;border:1px solid rgba(248,113,113,.22);background:rgba(127,29,29,.3);transition:transform .2s ease,background .2s ease}
.ai-chip:hover{transform:translateY(-1px);background:rgba(185,28,28,.42)}
.ai-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;padding:0 .95rem .95rem}
.ai-input-row input{width:100%;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;outline:none;padding:.72rem .85rem;font-size:12px}
.ai-input-row button{border-radius:999px;background:#fff;color:#020202;font-weight:900;padding:0 .9rem;font-size:12px}
.ai-whatsapp{margin:0 .95rem .95rem;display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;font-family:'Oswald',sans-serif;letter-spacing:.12em;background:linear-gradient(135deg,#15803d,#16a34a,#22c55e);color:#fff;box-shadow:0 0 22px rgba(34,197,94,.28);font-size:13px}
@media(max-width:767px){
#cart-panel{max-width:none}
#cart-scroll-area{padding-left:1rem;padding-right:1rem}
.cart-header{padding-left:1rem;padding-right:1rem}
.cart-sticky-checkout{padding-left:1rem;padding-right:1rem}
#mini-cart-float{right:.75rem;bottom:.85rem}
.mini-cart-shell{max-width:calc(100vw - 6.25rem)}
.hero-decode-stage{padding-left:.5rem;padding-right:.5rem}
.btn-neon-alert{animation-duration:2.8s}
.social-decode{box-shadow:0 0 14px rgba(220,38,38,.42),inset 0 1px 0 rgba(255,255,255,.16)}
.filter-shell{box-shadow:0 12px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}
}
@media(max-width:480px){
.quickview-card{width:calc(100vw - 1.2rem)!important;max-height:calc(100dvh - 1.1rem)}
#qv-image-container{height:46vh!important;max-height:360px;min-height:265px}
.qv-bottom-panel{padding:1rem!important}
#qv-title{font-size:1.75rem!important;line-height:1.05!important}
.welcome-card{width:min(88vw,410px);max-height:calc(100dvh - 28px);padding:1.55rem 1.45rem 1.45rem!important;border-radius:1.25rem}
.welcome-logo-wrap{width:74px;height:74px;margin-bottom:.9rem}
.welcome-logo{height:3.05rem!important}
.welcome-status{margin-bottom:1.45rem!important;padding-top:.75rem!important;padding-bottom:.75rem!important}
.welcome-social-label{margin-bottom:.9rem!important}
.welcome-socials-wrap{margin-bottom:1.35rem!important}
.welcome-social{width:3rem!important;height:3rem!important}
.welcome-btn{min-height:58px;font-size:1.02rem!important;letter-spacing:.2em!important;padding-top:.95rem!important;padding-bottom:.95rem!important}
}
@media(max-width:390px){.product-size-grid{gap:.35rem!important}.product-size-grid .size-btn{width:39px!important;min-width:39px!important;height:36px!important;font-size:11px!important}.qv-size-track{gap:.45rem}.qv-size-track .qv-size-btn{width:42px!important;height:42px!important}}
/* Ajuste v3: tarjetas más compactas y tallaje menos invasivo */
#product-list{align-items:start}
.product-card .card-glass{height:auto!important}
.sneaker-size-card{margin-bottom:.68rem!important;min-height:58px!important;padding:.50rem .58rem!important;border-radius:.92rem!important;background:linear-gradient(155deg,rgba(255,255,255,.052),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px rgba(0,0,0,.16)!important}
.sneaker-size-card::before{display:none!important}
.sneaker-size-top{margin-bottom:.30rem!important}
.sneaker-size-eyebrow{font-size:7.5px!important;letter-spacing:.15em!important;color:rgba(255,255,255,.50)!important}
.sneaker-size-pill{font-size:7px!important;letter-spacing:.11em!important;padding:.18rem .36rem!important;background:rgba(34,197,94,.11)!important;border-color:rgba(74,222,128,.25)!important}
.sneaker-size-range{display:grid!important;grid-template-columns:auto minmax(28px,1fr) auto!important;gap:.36rem!important;margin-bottom:.28rem!important;align-items:center!important}
.sneaker-size-number{font-size:1.18rem!important;letter-spacing:.06em!important;text-shadow:none!important}
.sneaker-size-rail{height:4px!important;background:rgba(255,255,255,.085)!important}
.sneaker-size-rail i{height:2px!important;background:linear-gradient(90deg,rgba(34,197,94,.72),rgba(255,255,255,.46),rgba(34,197,94,.72))!important;box-shadow:none!important}
.sneaker-size-rail::before,.sneaker-size-rail::after{width:7px!important;height:7px!important;box-shadow:0 0 8px rgba(34,197,94,.52)!important}
.sneaker-size-foot{align-items:center!important;gap:.45rem!important}
.sneaker-size-foot strong{font-size:.56rem!important;letter-spacing:.105em!important;color:rgba(255,255,255,.82)!important}
.sneaker-size-foot small{display:none!important}
.sneaker-size-arrow{width:20px!important;height:20px!important;font-size:16px!important;box-shadow:0 6px 12px rgba(0,0,0,.18)!important}
.sneaker-choose-btn{padding-top:.78rem!important;padding-bottom:.78rem!important}
.sneaker-choose-btn::after{content:""!important}
.qv-size-scroll-wrap.grid-mode{padding:.50rem!important;margin-bottom:.72rem!important;border-radius:1rem!important;box-shadow:inset 0 1px 0 rgba(17,24,39,.04),0 8px 18px rgba(17,24,39,.045)!important}
.qv-size-track.size-grid-premium{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.38rem!important}
.qv-size-track.size-grid-premium .qv-size-btn{height:39px!important;border-radius:.72rem!important;font-size:12px!important;box-shadow:0 5px 10px rgba(17,24,39,.045)!important}
@media(max-width:390px){.sneaker-size-card{padding:.46rem .52rem!important}.sneaker-size-number{font-size:1.08rem!important}.qv-size-track.size-grid-premium{gap:.30rem!important}.qv-size-track.size-grid-premium .qv-size-btn{height:36px!important;font-size:11px!important}}
/* Ajuste v4: bloque de tallas equilibrado para camisetas y zapatillas */
#product-list{align-items:stretch!important}
.product-card{height:100%!important}
.product-card .card-glass{height:100%!important;min-height:0!important}
.product-card h2{min-height:2.45em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apparel-size-card{position:relative;margin-bottom:.68rem;border:1px solid rgba(255,255,255,.105);border-radius:.92rem;background:linear-gradient(155deg,rgba(255,255,255,.052),rgba(255,255,255,.018));padding:.50rem .58rem .46rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px rgba(0,0,0,.16)}
.apparel-size-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem;margin-bottom:.36rem}
.apparel-size-label{font-family:'Oswald',sans-serif;color:rgba(255,255,255,.50);font-size:7.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;line-height:1}
.apparel-size-pill{flex:0 0 auto;border-radius:999px;border:1px solid rgba(74,222,128,.25);background:rgba(34,197,94,.11);color:#86efac;font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;padding:.18rem .36rem;line-height:1}
.apparel-size-card .product-size-grid.product-size-grid-ropa{margin-bottom:.34rem!important}
.apparel-size-foot{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding-top:.30rem;border-top:1px solid rgba(255,255,255,.055)}
.apparel-size-foot span{font-family:'Oswald',sans-serif;color:rgba(255,255,255,.82);font-size:.56rem;font-weight:700;letter-spacing:.105em;text-transform:uppercase;line-height:1}
.apparel-size-foot i{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);color:#fff;font-style:normal;font-weight:900;font-size:14px;line-height:1}
.sneaker-size-card,.apparel-size-card{min-height:86px!important}
.sneaker-size-card{display:flex!important;flex-direction:column!important;justify-content:center!important}
.sneaker-size-foot{padding-top:.20rem;border-top:1px solid rgba(255,255,255,.055)}
.sneaker-size-arrow{width:18px!important;height:18px!important;font-size:14px!important;background:rgba(255,255,255,.96)!important}
@media(max-width:390px){.product-card h2{min-height:2.55em}.apparel-size-card{padding:.46rem .52rem .42rem!important}.apparel-size-foot i{width:17px;height:17px}.sneaker-size-card,.apparel-size-card{min-height:82px!important}}
/* =========================================================
AJUSTE FINAL INDEX.HTML: tarjetas alineadas sin espacios gigantes
========================================================= */
#product-list{align-items:start!important}
.product-card{
height:auto!important;
min-height:0!important;
content-visibility:visible;
contain:none!important;
contain-intrinsic-size:auto 640px;
overflow:visible!important;
display:block!important;
}
.product-card.catalog-card-deferred{
content-visibility:auto!important;
contain-intrinsic-size:auto 640px!important;
}
@media(max-width:767px){
.product-card.catalog-card-deferred{contain-intrinsic-size:auto 590px!important}
}
.product-card .card-glass{
height:auto!important;
min-height:0!important;
contain:none!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
overflow:hidden!important;
}
.product-card h2{
min-height:2.45em!important;
margin-bottom:.35rem!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
line-clamp:2!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
}
.catalog-chip-row{
min-height:46px!important;
align-content:flex-start!important;
}
.catalog-price-row{
min-height:28px!important;
margin-bottom:.70rem!important;
}
.catalog-bottom-stack{
display:flex!important;
flex-direction:column!important;
gap:.72rem!important;
margin-top:0!important;
flex:0 0 auto!important;
}
.sneaker-size-card,
.apparel-size-card{
width:100%!important;
height:96px!important;
min-height:96px!important;
max-height:96px!important;
margin-bottom:0!important;
}
.sneaker-size-card{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
padding:.58rem .62rem!important;
}
.apparel-size-card{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
padding:.54rem .62rem .50rem!important;
}
.apparel-size-head,
.sneaker-size-top{
flex:0 0 auto!important;
}
.apparel-size-card .product-size-grid.product-size-grid-ropa{
margin-bottom:.28rem!important;
gap:.34rem!important;
}
.apparel-size-foot,
.sneaker-size-foot{
min-height:20px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
padding-top:.24rem!important;
border-top:1px solid rgba(255,255,255,.055)!important;
}
.apparel-size-foot span,
.sneaker-size-foot strong{
font-family:'Oswald',sans-serif!important;
font-size:.56rem!important;
font-weight:700!important;
letter-spacing:.105em!important;
line-height:1!important;
color:rgba(255,255,255,.86)!important;
text-transform:uppercase!important;
}
.apparel-size-foot i,
.sneaker-size-arrow{
width:24px!important;
height:24px!important;
min-width:24px!important;
border-radius:999px!important;
display:grid!important;
place-items:center!important;
background:#fff!important;
color:#050505!important;
border:0!important;
font-size:18px!important;
font-style:normal!important;
font-weight:900!important;
line-height:1!important;
box-shadow:0 8px 16px rgba(0,0,0,.20)!important;
}
.catalog-action-btn{
width:100%!important;
height:52px!important;
min-height:52px!important;
margin-top:0!important;
padding:0!important;
border-radius:1rem!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-family:'Oswald',sans-serif!important;
font-size:14px!important;
letter-spacing:.12em!important;
line-height:1!important;
background:#fff!important;
color:#020202!important;
box-shadow:0 12px 24px rgba(0,0,0,.22),0 0 18px rgba(255,255,255,.08)!important;
flex:0 0 auto!important;
}
.sneaker-choose-btn::after{content:""!important}
.product-size-grid .size-btn.border-green-500,
.product-size-grid.product-size-grid-ropa .size-btn.border-green-500,
.qv-size-btn.border-green-500,
.qv-size-track.size-grid-premium .qv-size-btn.border-green-500{
background:rgba(134,239,172,.56)!important;
color:#06140b!important;
border-color:#22c55e!important;
box-shadow:0 0 0 2px rgba(34,197,94,.18),0 0 18px rgba(34,197,94,.30)!important;
}
.qv-size-track.size-grid-premium .qv-size-btn{
background:linear-gradient(180deg,#fff,#f8fafc)!important;
color:#111827!important;
}
@media(max-width:390px){
.sneaker-size-card,.apparel-size-card{height:92px!important;min-height:92px!important;max-height:92px!important}
.catalog-action-btn{height:50px!important;min-height:50px!important;font-size:13px!important}
.catalog-chip-row{min-height:44px!important}
}
/* =========================================================
MODO CLARO / OSCURO - STREET MODE EVOLUCIÓN URBANA
Ajuste visual únicamente: no toca inventario, carrito ni lógica de compra.
========================================================= */
.theme-toggle-btn{
position:relative;
isolation:isolate;
display:inline-flex;
align-items:center;
justify-content:center;
gap:.48rem;
min-height:42px;
padding:.58rem .95rem;
margin-right:.58rem;
border-radius:999px;
border:1px solid rgba(255,255,255,.16);
background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
color:#fff;
font-family:'Oswald',sans-serif;
font-weight:800;
letter-spacing:.13em;
text-transform:uppercase;
font-size:11px;
line-height:1;
overflow:hidden;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 28px rgba(0,0,0,.30);
transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,filter .22s ease;
}
.theme-toggle-btn::before{
content:"";
position:absolute;
inset:-70% -35%;
z-index:-1;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
transform:translateX(-85%) rotate(16deg);
transition:transform .64s cubic-bezier(.16,1,.3,1);
}
.theme-toggle-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.30);filter:brightness(1.08)}
.theme-toggle-btn:hover::before{transform:translateX(86%) rotate(16deg)}
.theme-toggle-icon{
width:24px;
height:24px;
min-width:24px;
display:grid;
place-items:center;
border-radius:999px;
background:rgba(255,255,255,.12);
box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 16px rgba(255,255,255,.08);
font-size:13px;
line-height:1;
}
.theme-toggle-label{white-space:nowrap}
html.theme-light body{
background-color:#ece9e2!important;
color:#0f172a!important;
background-image:
radial-gradient(circle at 10% 8%,rgba(185,28,28,.14),transparent 24rem),
radial-gradient(circle at 90% 18%,rgba(22,163,74,.13),transparent 26rem),
radial-gradient(circle at 46% 100%,rgba(17,24,39,.09),transparent 34rem),
repeating-linear-gradient(135deg,rgba(17,24,39,.038) 0 1px,transparent 1px 22px)!important;
}
html.theme-light .glass-nav{
background:linear-gradient(90deg,rgba(2,6,23,.98),rgba(8,8,10,.98) 46%,rgba(17,24,39,.98))!important;
border-bottom:1px solid rgba(239,68,68,.22)!important;
box-shadow:0 18px 42px rgba(17,24,39,.24),0 0 34px rgba(185,28,28,.10)!important;
}
html.theme-light .logo-home-link img{filter:drop-shadow(0 0 16px rgba(255,255,255,.35))!important;opacity:1!important}
html.theme-light #nav-subtitle-mobile,html.theme-light #nav-subtitle-pc{color:#fff!important;text-shadow:0 0 20px rgba(255,255,255,.24),0 2px 12px rgba(0,0,0,.7)!important}
html.theme-light .theme-toggle-btn{
background:linear-gradient(135deg,#111827,#020617 55%,#7f1d1d)!important;
color:#fff!important;
border-color:rgba(248,113,113,.28)!important;
box-shadow:0 0 24px rgba(185,28,28,.25),0 14px 28px rgba(2,6,23,.35),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html.theme-light .theme-toggle-icon{background:#fff!important;color:#111827!important;box-shadow:0 0 18px rgba(255,255,255,.22)!important}
html.theme-light nav button.bg-white{
background:linear-gradient(135deg,#fff,#f4f4f5)!important;
color:#030712!important;
border:1px solid rgba(255,255,255,.55)!important;
box-shadow:0 16px 30px rgba(0,0,0,.30),0 0 22px rgba(255,255,255,.10)!important;
}
html.theme-light nav button.bg-white #cart-count{background:#991b1b!important;color:#fff!important}
html.theme-light #hero-section{
background:#e7e3db!important;
border-bottom:1px solid rgba(17,24,39,.16)!important;
box-shadow:inset 0 -70px 90px rgba(17,24,39,.08)!important;
}
html.theme-light #hero-section::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:
linear-gradient(90deg,rgba(127,29,29,.16),transparent 26%,transparent 74%,rgba(4,120,87,.12)),
repeating-linear-gradient(90deg,rgba(17,24,39,.045) 0 1px,transparent 1px 155px),
repeating-linear-gradient(0deg,rgba(17,24,39,.035) 0 1px,transparent 1px 128px);
mix-blend-mode:multiply;
opacity:.72;
}
html.theme-light #hero-video{opacity:.38!important;filter:brightness(1.05) contrast(1.18) saturate(.82) grayscale(.10)!important}
html.theme-light #hero-section .bg-gradient-to-b{background:linear-gradient(to bottom,rgba(236,233,226,.48),rgba(236,233,226,.30),rgba(236,233,226,.76))!important}
html.theme-light .hero-title-decode{color:#0f172a!important;text-shadow:0 2px 0 rgba(255,255,255,.62),0 10px 30px rgba(17,24,39,.18)!important}
html.theme-light .hero-subtitle-decode{color:#253041!important;text-shadow:0 1px 0 rgba(255,255,255,.7)!important;font-weight:600!important}
html.theme-light .social-decode{
background:linear-gradient(145deg,#991b1b,#dc2626)!important;
color:#fff!important;
box-shadow:0 18px 30px rgba(153,27,27,.28),0 0 22px rgba(220,38,38,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html.theme-light .filter-hint,html.theme-light .hint-label,html.theme-light .slide-hint{color:rgba(15,23,42,.76)!important;text-shadow:0 1px 0 rgba(255,255,255,.8)!important}
html.theme-light .filter-shell{
background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(245,245,244,.62)),radial-gradient(circle at 100% 50%,rgba(16,185,129,.15),transparent 36%)!important;
border:1px solid rgba(15,23,42,.13)!important;
box-shadow:0 22px 44px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
html.theme-light .filter-shell::before{background:radial-gradient(circle at 0% 50%,rgba(220,38,38,.16),transparent 38%),radial-gradient(circle at 100% 50%,rgba(34,197,94,.13),transparent 38%)!important}
html.theme-light .filter-btn{
color:#111827!important;
background:linear-gradient(180deg,#fff,#f4f4f5)!important;
border-color:rgba(15,23,42,.13)!important;
box-shadow:0 10px 22px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
html.theme-light .filter-btn:hover,html.theme-light .filter-btn:focus{color:#0f172a!important;background:#fff!important;border-color:rgba(153,27,27,.28)!important;box-shadow:0 14px 28px rgba(153,27,27,.10),inset 0 1px 0 rgba(255,255,255,.95)!important}
html.theme-light .active-filter{color:#fff!important;background:linear-gradient(135deg,#7f1d1d,#dc2626 70%,#ef4444)!important;border-color:rgba(248,113,113,.72)!important;box-shadow:0 16px 30px rgba(185,28,28,.24),0 0 20px rgba(239,68,68,.16),inset 0 1px 0 rgba(255,255,255,.18)!important}
html.theme-light .promo-ticker{
background:linear-gradient(90deg,#020617,#111827 58%,#06281d)!important;
border:1px solid rgba(34,197,94,.35)!important;
box-shadow:0 22px 44px rgba(15,23,42,.18),0 0 28px rgba(34,197,94,.10),inset 0 1px 0 rgba(255,255,255,.08)!important;
color:#86efac!important;
}
html.theme-light .promo-ticker::after{background:linear-gradient(90deg,#020617,transparent)!important}
html.theme-light .card-glass{
background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(249,250,251,.82))!important;
border:1px solid rgba(15,23,42,.12)!important;
box-shadow:0 22px 42px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
html.theme-light .product-card:hover .card-glass{box-shadow:0 26px 52px rgba(15,23,42,.16),0 0 28px rgba(185,28,28,.08),inset 0 1px 0 rgba(255,255,255,.96)!important}
html.theme-light .product-media{background:linear-gradient(145deg,#111827,#e5e7eb 64%,#f8fafc)!important;border:1px solid rgba(15,23,42,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.60)!important}
html.theme-light .product-card h2{background:linear-gradient(90deg,#020617,#111827,#6b7280)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important}
html.theme-light .catalog-chip-row span{background:#f4f4f5!important;color:#374151!important;border:1px solid rgba(15,23,42,.09)!important}
html.theme-light .catalog-chip-row span:first-child{background:rgba(153,27,27,.08)!important;color:#7f1d1d!important;border-color:rgba(153,27,27,.18)!important}
html.theme-light .catalog-price-row span.text-green-500{color:#047857!important;filter:none!important;text-shadow:none!important}
html.theme-light .catalog-action-btn{
background:linear-gradient(135deg,#020617,#111827)!important;
color:#fff!important;
border:1px solid rgba(15,23,42,.28)!important;
box-shadow:0 16px 30px rgba(15,23,42,.22),0 0 20px rgba(34,197,94,.08)!important;
}
html.theme-light .catalog-action-btn:hover{filter:brightness(1.12)!important;box-shadow:0 18px 36px rgba(15,23,42,.28),0 0 24px rgba(220,38,38,.10)!important}
html.theme-light .sneaker-size-card,html.theme-light .apparel-size-card,html.theme-light .size-scroll-wrap{
background:linear-gradient(180deg,#fff,#f5f5f4)!important;
border:1px solid rgba(15,23,42,.12)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 20px rgba(15,23,42,.07)!important;
}
html.theme-light .sneaker-size-eyebrow,html.theme-light .apparel-size-label{color:rgba(15,23,42,.58)!important}
html.theme-light .sneaker-size-number,html.theme-light .apparel-size-foot span,html.theme-light .sneaker-size-foot strong{color:#0f172a!important;text-shadow:none!important}
html.theme-light .sneaker-size-rail{background:rgba(15,23,42,.14)!important}
html.theme-light .sneaker-size-rail i{background:linear-gradient(90deg,#16a34a,rgba(15,23,42,.34),#16a34a)!important}
html.theme-light .sneaker-size-arrow,html.theme-light .apparel-size-foot i{background:#111827!important;color:#fff!important}
html.theme-light .product-size-grid .size-btn{background:#fff!important;color:#111827!important;border-color:rgba(15,23,42,.16)!important}
html.theme-light .product-size-grid .size-btn.border-green-500,html.theme-light .product-size-grid.product-size-grid-ropa .size-btn.border-green-500{background:#dcfce7!important;color:#052e16!important;border-color:#16a34a!important}
html.theme-light .empty-category-state{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,250,252,.78))!important;border-color:rgba(15,23,42,.18)!important;color:#4b5563!important;box-shadow:0 16px 34px rgba(15,23,42,.08)!important}
html.theme-light .empty-category-state strong{color:#111827!important}
html.theme-light #mini-cart-float .mini-cart-shell{background:linear-gradient(135deg,#020617,#111827 58%,#064e3b)!important;border-color:rgba(34,197,94,.38)!important;box-shadow:0 18px 38px rgba(15,23,42,.30),0 0 24px rgba(34,197,94,.18)!important}
html.theme-light #custom-toast>div{background:#111827!important;color:#fff!important;border-color:rgba(34,197,94,.30)!important}
html.theme-light #cart-overlay{background:rgba(15,23,42,.46)!important}
html.theme-light #cart-panel{background:linear-gradient(180deg,#f8fafc,#ece9e2)!important;color:#111827!important;border-left:1px solid rgba(15,23,42,.14)!important;box-shadow:-24px 0 70px rgba(15,23,42,.28)!important}
html.theme-light .cart-header{background:linear-gradient(180deg,#111827,#020617)!important;border-bottom:1px solid rgba(248,113,113,.18)!important}
html.theme-light #cart-panel .cart-header h2,html.theme-light #cart-panel .cart-header .font-oswald{color:#fff!important}
html.theme-light #cart-panel h3{color:#111827!important}
html.theme-light #cart-header-subtitle{color:#9ca3af!important}
html.theme-light #cart-items,html.theme-light #cart-panel .text-gray-400,html.theme-light #cart-panel .text-gray-500{color:#4b5563!important}
html.theme-light .cart-line,html.theme-light .cart-summary-card{background:#fff!important;border:1px solid rgba(15,23,42,.11)!important;box-shadow:0 12px 26px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.95)!important}
html.theme-light .cart-empty-state{border-color:rgba(15,23,42,.16)!important;color:#6b7280!important}
html.theme-light .cart-input{background:#fff!important;border:1px solid rgba(15,23,42,.16)!important;color:#111827!important}
html.theme-light .cart-input::placeholder{color:#6b7280!important}
html.theme-light .payment-card{background:#fff!important;border-color:rgba(15,23,42,.12)!important}
html.theme-light .payment-card span span:first-child{color:#111827!important}
html.theme-light .payment-card.selected{background:#ecfdf5!important;border-color:rgba(22,163,74,.55)!important;box-shadow:0 0 0 3px rgba(34,197,94,.08)!important}
html.theme-light .payment-dot{border-color:rgba(15,23,42,.32)!important}
html.theme-light .cart-sticky-checkout{background:linear-gradient(180deg,rgba(236,233,226,0),rgba(236,233,226,.92) 20%,#ece9e2 100%)!important;border-top:1px solid rgba(15,23,42,.08)!important}
html.theme-light .checkout-btn{background:linear-gradient(135deg,#020617,#111827)!important;color:#fff!important;box-shadow:0 16px 34px rgba(15,23,42,.25)!important}
@media(max-width:767px){
.theme-toggle-btn{width:42px;min-width:42px;height:42px;padding:0;margin-right:.38rem}
.theme-toggle-label{display:none!important}
.theme-toggle-icon{width:25px;height:25px;min-width:25px;font-size:14px}
html.theme-light #hero-video{opacity:.28!important}
html.theme-light .hero-title-decode{text-shadow:0 1px 0 rgba(255,255,255,.72),0 8px 22px rgba(17,24,39,.16)!important}
}
/* =========================================================
AJUSTE STREETWEAR FINAL - MODO CLARO / HERO BANNER
Capa visual aislada: solo CSS del modo claro y del botón.
No modifica inventario, carrito, filtros, precios ni WhatsApp.
========================================================= */
.theme-toggle-btn{
min-width:124px!important;
min-height:46px!important;
padding:.62rem 1.05rem!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.18)!important;
background:
radial-gradient(circle at 18% 50%,rgba(248,113,113,.22),transparent 30%),
linear-gradient(135deg,#020617,#111827 62%,#2b0507)!important;
color:#fff!important;
box-shadow:0 16px 32px rgba(0,0,0,.36),0 0 26px rgba(239,68,68,.14),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.theme-toggle-btn::after{
content:"";
position:absolute;
inset:5px;
border-radius:999px;
border:1px solid rgba(255,255,255,.06);
pointer-events:none;
}
.theme-toggle-icon{
width:27px!important;
height:27px!important;
min-width:27px!important;
background:linear-gradient(180deg,#ffffff,#d1d5db)!important;
color:#020617!important;
box-shadow:0 0 18px rgba(255,255,255,.20),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.theme-toggle-label{
font-size:12px!important;
letter-spacing:.16em!important;
}
html.theme-light body{
background-color:#e7e2d8!important;
color:#0b1020!important;
background-image:
radial-gradient(circle at 12% 8%,rgba(185,28,28,.15),transparent 25rem),
radial-gradient(circle at 88% 12%,rgba(6,78,59,.14),transparent 28rem),
linear-gradient(180deg,#f4f0e8 0%,#e7e2d8 48%,#ded7cb 100%),
repeating-linear-gradient(135deg,rgba(2,6,23,.050) 0 1px,transparent 1px 24px)!important;
}
html.theme-light .glass-nav{
background:
linear-gradient(90deg,rgba(2,6,23,.985),rgba(8,10,15,.985) 48%,rgba(21,10,13,.985))!important;
border-bottom:1px solid rgba(248,113,113,.22)!important;
box-shadow:0 18px 42px rgba(2,6,23,.30),0 0 34px rgba(185,28,28,.12)!important;
}
html.theme-light .logo-home-link img{
opacity:1!important;
filter:drop-shadow(0 0 10px rgba(255,255,255,.35)) drop-shadow(0 0 20px rgba(239,68,68,.14))!important;
}
html.theme-light nav button.bg-white{
background:linear-gradient(135deg,#f9fafb,#ffffff)!important;
color:#020617!important;
border:1px solid rgba(255,255,255,.72)!important;
box-shadow:0 16px 32px rgba(2,6,23,.30),0 0 20px rgba(255,255,255,.12)!important;
}
html.theme-light .theme-toggle-btn{
background:
radial-gradient(circle at 20% 50%,rgba(255,255,255,.18),transparent 30%),
linear-gradient(135deg,#020617,#111827 56%,#7f1d1d)!important;
color:#fff!important;
border-color:rgba(248,113,113,.32)!important;
box-shadow:0 17px 34px rgba(2,6,23,.34),0 0 28px rgba(185,28,28,.16),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
html.theme-light #hero-section{
position:relative!important;
background:
linear-gradient(135deg,#f6f1e8 0%,#e7e1d6 46%,#d8d0c1 100%)!important;
border-bottom:1px solid rgba(2,6,23,.20)!important;
box-shadow:inset 0 -85px 105px rgba(2,6,23,.09),0 18px 42px rgba(2,6,23,.08)!important;
}
html.theme-light #hero-section::before{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:
linear-gradient(90deg,rgba(127,29,29,.22),transparent 27%,transparent 73%,rgba(6,78,59,.16)),
linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.05) 42%,rgba(2,6,23,.18)),
repeating-linear-gradient(90deg,rgba(2,6,23,.070) 0 1px,transparent 1px 128px),
repeating-linear-gradient(0deg,rgba(2,6,23,.052) 0 1px,transparent 1px 104px);
mix-blend-mode:multiply;
opacity:.95;
}
html.theme-light #hero-section::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:42%;
z-index:3;
pointer-events:none;
background:
linear-gradient(180deg,transparent 0%,rgba(2,6,23,.18) 100%),
repeating-linear-gradient(-12deg,rgba(2,6,23,.080) 0 2px,transparent 2px 15px);
opacity:.58;
}
html.theme-light #hero-video{
opacity:.50!important;
filter:brightness(.82) contrast(1.34) saturate(.72) grayscale(.18)!important;
}
html.theme-light #hero-section .bg-gradient-to-b{
z-index:1!important;
background:linear-gradient(to bottom,rgba(255,255,255,.20),rgba(255,255,255,.06) 38%,rgba(2,6,23,.18))!important;
}
html.theme-light #hero-decode-stage{
z-index:10!important;
}
html.theme-light #hero-decode-stage::before{
content:"EVOLUCIÓN URBANA · PREMIUM DROP";
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:.85rem;
padding:.36rem .72rem;
border-radius:999px;
background:rgba(2,6,23,.88);
color:#f9fafb;
border:1px solid rgba(248,113,113,.26);
box-shadow:0 12px 26px rgba(2,6,23,.22),0 0 20px rgba(185,28,28,.12);
font-family:'Oswald',sans-serif;
font-size:10px;
font-weight:800;
letter-spacing:.20em;
text-transform:uppercase;
}
html.theme-light .hero-title-decode{
color:#07101f!important;
text-shadow:
2px 2px 0 rgba(255,255,255,.70),
-2px 0 0 rgba(185,28,28,.12),
2px 0 0 rgba(6,78,59,.10),
0 18px 34px rgba(2,6,23,.20)!important;
letter-spacing:.045em!important;
}
html.theme-light .hero-subtitle-decode{
color:#182235!important;
font-weight:800!important;
text-shadow:0 1px 0 rgba(255,255,255,.82),0 10px 24px rgba(2,6,23,.10)!important;
}
html.theme-light .social-decode{
background:linear-gradient(145deg,#991b1b,#dc2626 62%,#7f1d1d)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.25)!important;
box-shadow:0 18px 32px rgba(127,29,29,.32),0 0 26px rgba(220,38,38,.20),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
html.theme-light .filter-shell{
background:
linear-gradient(180deg,rgba(255,255,255,.84),rgba(240,236,228,.72)),
radial-gradient(circle at 100% 50%,rgba(16,185,129,.15),transparent 36%)!important;
border:1px solid rgba(2,6,23,.13)!important;
box-shadow:0 24px 46px rgba(2,6,23,.11),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
html.theme-light .filter-btn{
color:#0b1020!important;
background:linear-gradient(180deg,#fff,#f3f0ea)!important;
border-color:rgba(2,6,23,.13)!important;
box-shadow:0 11px 23px rgba(2,6,23,.075),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
html.theme-light .active-filter{
color:#fff!important;
background:linear-gradient(135deg,#7f1d1d,#dc2626 72%,#ef4444)!important;
border-color:rgba(248,113,113,.80)!important;
box-shadow:0 16px 30px rgba(127,29,29,.28),0 0 22px rgba(239,68,68,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html.theme-light .promo-ticker{
background:
radial-gradient(circle at 4% 50%,rgba(34,197,94,.20),transparent 28%),
linear-gradient(90deg,#020617,#111827 58%,#052e2b)!important;
border-color:rgba(34,197,94,.35)!important;
box-shadow:0 24px 46px rgba(2,6,23,.18),0 0 28px rgba(34,197,94,.10),inset 0 1px 0 rgba(255,255,255,.08)!important;
color:#86efac!important;
}
html.theme-light .card-glass{
background:
linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,241,234,.88))!important;
border:1px solid rgba(2,6,23,.13)!important;
box-shadow:0 20px 42px rgba(2,6,23,.12),0 0 0 1px rgba(255,255,255,.44) inset!important;
}
html.theme-light .product-card .absolute.top-4.left-4{
background:#020617!important;
color:#fff!important;
border:1px solid rgba(248,113,113,.22)!important;
box-shadow:0 10px 20px rgba(2,6,23,.22)!important;
}
html.theme-light .product-media{
background:linear-gradient(145deg,#111827 0%,#d9d4cc 48%,#f8fafc 100%)!important;
border:1px solid rgba(2,6,23,.12)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 12px 24px rgba(2,6,23,.09)!important;
}
html.theme-light .catalog-action-btn{
background:linear-gradient(135deg,#020617,#111827 60%,#7f1d1d)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.22)!important;
box-shadow:0 16px 30px rgba(2,6,23,.24),0 0 18px rgba(185,28,28,.10)!important;
}
@media(max-width:767px){
.theme-toggle-btn{min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;margin-right:.42rem!important}
.theme-toggle-label{display:none!important}
html.theme-light #hero-video{opacity:.42!important;filter:brightness(.86) contrast(1.28) saturate(.72) grayscale(.16)!important}
html.theme-light #hero-decode-stage::before{font-size:8px;letter-spacing:.16em;margin-bottom:.65rem;padding:.32rem .56rem}
html.theme-light .hero-title-decode{letter-spacing:.035em!important;text-shadow:1.5px 1.5px 0 rgba(255,255,255,.72),0 12px 26px rgba(2,6,23,.18)!important}
}
/* =========================================================
AJUSTE SOLO MODO CLARO - EVOLUCIÓN URBANA
Base oscura intacta: todos los cambios de esta capa aplican
únicamente cuando tiene la clase .theme-light.
========================================================= */
html.theme-light body{
background-color:#e9e4da!important;
color:#0b1020!important;
background-image:
radial-gradient(circle at 10% 6%,rgba(6,78,59,.11),transparent 24rem),
radial-gradient(circle at 92% 14%,rgba(127,29,29,.10),transparent 24rem),
linear-gradient(180deg,#f6f1e8 0%,#e9e4da 46%,#ded7cb 100%),
repeating-linear-gradient(135deg,rgba(2,6,23,.040) 0 1px,transparent 1px 24px)!important;
}
html.theme-light .glass-nav{
background:linear-gradient(90deg,rgba(2,6,23,.985),rgba(3,18,13,.985) 52%,rgba(25,8,10,.98))!important;
border-bottom:1px solid rgba(52,211,153,.22)!important;
box-shadow:0 18px 42px rgba(2,6,23,.30),0 0 28px rgba(6,78,59,.12)!important;
}
html.theme-light .glass-nav::after{
content:"";
position:absolute;
left:0;right:0;bottom:0;height:1px;
pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(52,211,153,.72),rgba(127,29,29,.45),transparent);
}
html.theme-light .logo-home-link img{filter:drop-shadow(0 0 14px rgba(255,255,255,.34))!important;}
html.theme-light #nav-subtitle-mobile,
html.theme-light #nav-subtitle-pc{color:#fff!important;text-shadow:0 0 18px rgba(52,211,153,.18),0 4px 18px rgba(0,0,0,.75)!important;}
html.theme-light .theme-toggle-btn{
background:radial-gradient(circle at 18% 50%,rgba(52,211,153,.22),transparent 32%),linear-gradient(135deg,#020617,#031f16 58%,#064e3b)!important;
border-color:rgba(52,211,153,.34)!important;
color:#f8fafc!important;
box-shadow:0 16px 30px rgba(2,6,23,.34),0 0 24px rgba(6,78,59,.20),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html.theme-light .theme-toggle-icon{
background:linear-gradient(180deg,#ffffff,#e5e7eb)!important;
color:#03130d!important;
box-shadow:0 0 16px rgba(52,211,153,.18),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html.theme-light nav button.bg-white{
background:linear-gradient(135deg,#f8fafc,#ffffff)!important;
color:#020617!important;
border:1px solid rgba(255,255,255,.70)!important;
box-shadow:0 14px 28px rgba(2,6,23,.26),0 0 18px rgba(255,255,255,.10)!important;
}
html.theme-light #hero-section{
position:relative!important;
background:#e9e4da!important;
border-bottom:1px solid rgba(2,6,23,.16)!important;
box-shadow:inset 0 -72px 96px rgba(2,6,23,.08),0 18px 42px rgba(2,6,23,.08)!important;
}
html.theme-light #hero-section .bg-gradient-to-b{
background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.10) 42%,rgba(0,0,0,.22))!important;
z-index:1!important;
}
html.theme-light #hero-video{
opacity:1!important;
filter:none!important;
}
html.theme-light #hero-section::before{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:
linear-gradient(90deg,rgba(127,29,29,.08),transparent 28%,transparent 72%,rgba(6,78,59,.08)),
repeating-linear-gradient(90deg,rgba(2,6,23,.045) 0 1px,transparent 1px 132px),
repeating-linear-gradient(0deg,rgba(2,6,23,.035) 0 1px,transparent 1px 108px);
mix-blend-mode:multiply;
opacity:.22!important;
}
html.theme-light #hero-section::after{opacity:.10!important;}
html.theme-light #hero-decode-stage{
z-index:10!important;
width:min(92vw,900px)!important;
padding:clamp(1.05rem,3.2vw,2rem)!important;
border-radius:1.55rem!important;
background:radial-gradient(circle at 50% 0%,rgba(52,211,153,.16),transparent 40%),linear-gradient(135deg,rgba(2,6,23,.74),rgba(3,18,13,.60) 56%,rgba(24,8,10,.58))!important;
border:1px solid rgba(255,255,255,.14)!important;
backdrop-filter:blur(7px)!important;
-webkit-backdrop-filter:blur(7px)!important;
box-shadow:0 24px 70px rgba(2,6,23,.30),0 0 32px rgba(6,78,59,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html.theme-light #hero-decode-stage::before{
background:linear-gradient(135deg,#020617,#031f16 62%,#064e3b)!important;
color:#f8fafc!important;
border:1px solid rgba(52,211,153,.34)!important;
box-shadow:0 12px 26px rgba(2,6,23,.24),0 0 18px rgba(52,211,153,.16)!important;
}
html.theme-light .hero-title-decode{
color:#f9fafb!important;
text-shadow:0 4px 0 rgba(2,6,23,.78),0 0 24px rgba(255,255,255,.14),0 18px 42px rgba(0,0,0,.62)!important;
letter-spacing:.045em!important;
}
html.theme-light .hero-subtitle-decode{
color:#e5e7eb!important;
font-weight:800!important;
text-shadow:0 3px 18px rgba(0,0,0,.74)!important;
}
html.theme-light .social-decode{
background:linear-gradient(145deg,#064e3b,#0f6b49 64%,#052e16)!important;
border:1px solid rgba(52,211,153,.30)!important;
box-shadow:0 16px 32px rgba(2,6,23,.24),0 0 22px rgba(52,211,153,.18),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
html.theme-light .filter-hint,
html.theme-light .hint-label,
html.theme-light .slide-hint{color:rgba(15,23,42,.76)!important;text-shadow:0 1px 0 rgba(255,255,255,.78)!important;}
html.theme-light .category-hint::before{background:#0f6b49!important;box-shadow:0 0 12px rgba(6,78,59,.45)!important;}
html.theme-light .filter-shell{
background:radial-gradient(circle at 0% 50%,rgba(6,78,59,.13),transparent 34%),radial-gradient(circle at 100% 50%,rgba(127,29,29,.09),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.88),rgba(238,232,220,.78))!important;
border:1px solid rgba(3,34,23,.14)!important;
box-shadow:0 22px 48px rgba(2,6,23,.12),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
html.theme-light .filter-btn{
color:#111827!important;
background:linear-gradient(180deg,#ffffff,#f4f1ea)!important;
border-color:rgba(15,23,42,.12)!important;
box-shadow:0 10px 22px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
html.theme-light .filter-btn:hover,
html.theme-light .filter-btn:focus{
color:#03130d!important;
border-color:rgba(6,78,59,.34)!important;
box-shadow:0 14px 28px rgba(6,78,59,.12),inset 0 1px 0 rgba(255,255,255,1)!important;
}
html.theme-light .active-filter{
color:#f8fafc!important;
background:linear-gradient(135deg,#03130d,#064e3b 66%,#0f6b49)!important;
border-color:rgba(52,211,153,.62)!important;
box-shadow:0 16px 30px rgba(6,78,59,.26),0 0 24px rgba(52,211,153,.14),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
html.theme-light .filter-btn.filter-pending{background:rgba(6,78,59,.16)!important;border-color:rgba(52,211,153,.34)!important;}
html.theme-light .promo-ticker{
background:radial-gradient(circle at 4% 50%,rgba(52,211,153,.20),transparent 28%),linear-gradient(90deg,#020617,#03130d 54%,#064e3b)!important;
border:1px solid rgba(52,211,153,.30)!important;
color:#bbf7d0!important;
box-shadow:0 20px 44px rgba(2,6,23,.18),0 0 26px rgba(6,78,59,.14),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html.theme-light .promo-ticker::after{background:linear-gradient(90deg,#020617,transparent)!important;}
html.theme-light .product-card .card-glass{
background:radial-gradient(circle at 18% 0%,rgba(52,211,153,.08),transparent 28%),radial-gradient(circle at 100% 100%,rgba(127,29,29,.06),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,240,231,.88))!important;
border:1px solid rgba(15,23,42,.13)!important;
box-shadow:0 24px 48px rgba(2,6,23,.13),0 0 0 1px rgba(255,255,255,.42) inset!important;
border-radius:1.35rem!important;
}
html.theme-light .product-media{
border-radius:1.12rem!important;
background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.82),transparent 30%),linear-gradient(145deg,#101827 0%,#d8d2c7 48%,#f8fafc 100%)!important;
border:1px solid rgba(15,23,42,.14)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 14px 28px rgba(2,6,23,.10)!important;
transform:perspective(900px) rotateX(1.2deg) translateZ(0)!important;
}
html.theme-light .product-main-img{
object-position:center 44%!important;
filter:saturate(1.04) contrast(1.03)!important;
}
html.theme-light .product-card h2{
background:linear-gradient(90deg,#020617,#111827 62%,#064e3b)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
color:transparent!important;
text-shadow:none!important;
}
html.theme-light .catalog-chip-row span{background:#f4f1ea!important;color:#374151!important;border:1px solid rgba(15,23,42,.10)!important;}
html.theme-light .catalog-chip-row span:first-child{background:rgba(6,78,59,.08)!important;color:#064e3b!important;border-color:rgba(6,78,59,.18)!important;}
html.theme-light .catalog-price-row span.text-green-500{color:#047857!important;text-shadow:none!important;filter:none!important;}
html.theme-light .catalog-action-btn,
html.theme-light .sneaker-choose-btn{
background:linear-gradient(135deg,#03130d,#064e3b 62%,#0f6b49)!important;
color:#f8fafc!important;
border:1px solid rgba(52,211,153,.30)!important;
box-shadow:0 16px 30px rgba(6,78,59,.24),0 0 18px rgba(52,211,153,.10)!important;
}
html.theme-light .catalog-action-btn:hover,
html.theme-light .sneaker-choose-btn:hover{filter:brightness(1.08)!important;box-shadow:0 18px 34px rgba(6,78,59,.28),0 0 24px rgba(52,211,153,.16)!important;}
html.theme-light .sneaker-size-card,
html.theme-light .apparel-size-card,
html.theme-light .size-scroll-wrap{
background:linear-gradient(180deg,#ffffff,#f4f1ea)!important;
border:1px solid rgba(15,23,42,.12)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 20px rgba(15,23,42,.07)!important;
}
html.theme-light .sneaker-size-eyebrow,
html.theme-light .apparel-size-label{color:rgba(15,23,42,.58)!important;}
html.theme-light .sneaker-size-number,
html.theme-light .apparel-size-foot span,
html.theme-light .sneaker-size-foot strong{color:#0f172a!important;text-shadow:none!important;}
html.theme-light .sneaker-size-arrow,
html.theme-light .apparel-size-foot i{background:#03130d!important;color:#fff!important;}
html.theme-light .product-size-grid .size-btn{background:#fff!important;color:#111827!important;border-color:rgba(15,23,42,.16)!important;}
html.theme-light .product-size-grid .size-btn.border-green-500,
html.theme-light .product-size-grid.product-size-grid-ropa .size-btn.border-green-500,
html.theme-light .qv-size-btn.border-green-500{
background:#d1fae5!important;
color:#052e16!important;
border-color:#0f6b49!important;
box-shadow:0 0 0 2px rgba(6,78,59,.10),0 0 16px rgba(6,78,59,.18)!important;
}
html.theme-light .quickview-card{box-shadow:0 28px 90px rgba(2,6,23,.24),0 0 30px rgba(6,78,59,.10)!important;}
html.theme-light .qv-main-btn{
background:linear-gradient(135deg,#03130d,#064e3b 62%,#0f6b49)!important;
box-shadow:0 18px 34px rgba(6,78,59,.25),0 0 22px rgba(52,211,153,.12)!important;
}
html.theme-light .qv-promo-note{border-color:rgba(6,78,59,.18)!important;background:#ecfdf5!important;color:#065f46!important;}
html.theme-light #cart-overlay{background:rgba(2,6,23,.46)!important;}
html.theme-light #cart-panel{
background:linear-gradient(180deg,#fbfaf7,#e9e4da)!important;
color:#0f172a!important;
border-left:1px solid rgba(15,23,42,.14)!important;
box-shadow:-24px 0 72px rgba(2,6,23,.24)!important;
}
html.theme-light .cart-header{
background:linear-gradient(180deg,#020617,#03130d)!important;
border-bottom:1px solid rgba(52,211,153,.24)!important;
}
html.theme-light .cart-header h2{color:#fff!important;text-shadow:0 6px 18px rgba(0,0,0,.42)!important;}
html.theme-light #cart-header-subtitle{color:#a7f3d0!important;}
html.theme-light #cart-panel .cart-header button{color:#d1d5db!important;}
html.theme-light #cart-panel .cart-header button:hover{color:#fff!important;}
html.theme-light #cart-scroll-area,
html.theme-light #cart-items{color:#475569!important;}
html.theme-light .cart-line,
html.theme-light .cart-summary-card{
background:#ffffff!important;
border:1px solid rgba(15,23,42,.12)!important;
box-shadow:0 14px 28px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
html.theme-light .cart-line .text-white,
html.theme-light .cart-summary-card .text-white,
html.theme-light #cart-panel h3,
html.theme-light #cart-panel .font-oswald{color:#0f172a!important;}
html.theme-light .cart-line .text-gray-400,
html.theme-light .cart-line .text-gray-500,
html.theme-light #cart-panel .text-gray-400,
html.theme-light #cart-panel .text-gray-500{color:#475569!important;}
html.theme-light .cart-empty-state{border-color:rgba(15,23,42,.16)!important;color:#64748b!important;background:#fff!important;}
html.theme-light .cart-empty-state .text-white{color:#0f172a!important;}
html.theme-light #cart-discount-banner{
background:#d1fae5!important;
border-color:rgba(6,78,59,.24)!important;
color:#047857!important;
}
html.theme-light #cart-subtotal,
html.theme-light #cart-total{color:#0f172a!important;}
html.theme-light #cart-shipping,
html.theme-light #cart-discount-text,
html.theme-light #checkout-note{color:#047857!important;}
html.theme-light .cart-input{
background:#ffffff!important;
border:1px solid rgba(15,23,42,.16)!important;
color:#0f172a!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.94)!important;
}
html.theme-light .cart-input::placeholder{color:#64748b!important;}
html.theme-light .cart-input:focus{border-color:rgba(6,78,59,.58)!important;box-shadow:0 0 0 3px rgba(6,78,59,.10)!important;}
html.theme-light .payment-card{
background:#ffffff!important;
border-color:rgba(15,23,42,.12)!important;
color:#0f172a!important;
}
html.theme-light .payment-card span span:first-child{color:#0f172a!important;}
html.theme-light .payment-card span span:last-child{color:#64748b!important;}
html.theme-light .payment-card.selected{
background:#ecfdf5!important;
border-color:rgba(6,78,59,.48)!important;
box-shadow:0 0 0 3px rgba(6,78,59,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
html.theme-light .payment-dot{border-color:rgba(15,23,42,.35)!important;}
html.theme-light .payment-card.selected .payment-dot{border-color:#0f6b49!important;box-shadow:0 0 14px rgba(6,78,59,.26)!important;}
html.theme-light .payment-card.selected .payment-dot::after{background:#0f6b49!important;}
html.theme-light .mandatory-payment-note{background:#fef2f2!important;border-color:rgba(127,29,29,.18)!important;color:#7f1d1d!important;}
html.theme-light .mandatory-payment-note a{color:#047857!important;}
html.theme-light .cart-sticky-checkout{
background:linear-gradient(180deg,rgba(233,228,218,0),rgba(233,228,218,.94) 20%,#e9e4da 100%)!important;
border-top:1px solid rgba(15,23,42,.08)!important;
}
html.theme-light .checkout-btn{
background:linear-gradient(135deg,#03130d,#064e3b 62%,#0f6b49)!important;
color:#f8fafc!important;
border:1px solid rgba(52,211,153,.30)!important;
box-shadow:0 18px 34px rgba(6,78,59,.25),0 0 22px rgba(52,211,153,.12)!important;
}
html.theme-light #mini-cart-float .mini-cart-shell{
background:linear-gradient(135deg,#03130d,#064e3b 62%,#0f6b49)!important;
border-color:rgba(52,211,153,.40)!important;
box-shadow:0 18px 38px rgba(2,6,23,.30),0 0 24px rgba(6,78,59,.18)!important;
}
@media(max-width:767px){
html.theme-light #hero-decode-stage{border-radius:1.2rem!important;padding:1rem .8rem!important;}
html.theme-light .hero-title-decode{letter-spacing:.035em!important;text-shadow:0 3px 0 rgba(2,6,23,.72),0 12px 26px rgba(0,0,0,.50)!important;}
html.theme-light #hero-decode-stage::before{font-size:8px;letter-spacing:.16em;margin-bottom:.65rem;padding:.32rem .56rem;}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* =========================================================
AJUSTE PUNTUAL: HERO VIDEO CON BRILLO Y COLOR ORIGINAL
No altera productos, carrito, filtros ni lógica JS.
========================================================= */
#hero-video,
html.theme-light #hero-video{
opacity:1!important;
filter:none!important;
}
#hero-section .bg-gradient-to-b{
background:linear-gradient(to bottom,rgba(0,0,0,.10),rgba(0,0,0,.02),rgba(0,0,0,.22))!important;
}
html.theme-light #hero-section .bg-gradient-to-b{
background:linear-gradient(to bottom,rgba(255,255,255,.04),rgba(255,255,255,0),rgba(2,6,23,.10))!important;
}
html.theme-light #hero-section::before{opacity:.16!important;}
html.theme-light #hero-section::after{opacity:.12!important;}
/* =========================================================
RETOQUE FINAL SOLICITADO
- Solo afecta el modo claro.
- El modo oscuro queda intacto.
- Hero/banner en modo claro vuelve a la lectura original del modo oscuro.
- Verdes neon del carrito y tarjetas se bajan a verde oscuro.
========================================================= */
html.theme-light #hero-section{
background:#050505!important;
border-bottom:1px solid rgba(255,255,255,.06)!important;
box-shadow:none!important;
}
html.theme-light #hero-section::before,
html.theme-light #hero-section::after{
content:none!important;
display:none!important;
opacity:0!important;
background:none!important;
mix-blend-mode:normal!important;
}
html.theme-light #hero-section .bg-gradient-to-b{
z-index:1!important;
background:linear-gradient(to bottom,rgba(0,0,0,.10),rgba(0,0,0,.02),rgba(0,0,0,.22))!important;
}
html.theme-light #hero-video{
opacity:1!important;
filter:none!important;
}
html.theme-light #hero-decode-stage{
z-index:10!important;
width:min(92vw,980px)!important;
max-width:980px!important;
padding:clamp(1.25rem,4vw,2.4rem) 1rem!important;
border-radius:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
html.theme-light #hero-decode-stage::before{
content:none!important;
display:none!important;
}
html.theme-light .hero-title-decode{
color:#fff!important;
letter-spacing:1px!important;
text-shadow:0 4px 24px rgba(0,0,0,.86),0 0 16px rgba(255,255,255,.16)!important;
background:none!important;
-webkit-background-clip:initial!important;
background-clip:initial!important;
}
html.theme-light .hero-subtitle-decode{
color:#e5e7eb!important;
font-weight:400!important;
text-shadow:0 3px 18px rgba(0,0,0,.82)!important;
}
html.theme-light .social-decode{
background:linear-gradient(145deg,#dc2626,#991b1b)!important;
border:0!important;
color:#fff!important;
box-shadow:0 0 18px rgba(220,38,38,.5),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html.theme-light .social-decode:hover{
background:linear-gradient(145deg,#ef4444,#b91c1c)!important;
box-shadow:0 0 24px rgba(239,68,68,.62)!important;
}
html.theme-light .catalog-price-row span.text-green-500,
html.theme-light .product-card [class*="text-green-"],
html.theme-light .sneaker-size-pill,
html.theme-light .apparel-size-pill,
html.theme-light .qv-promo-note,
html.theme-light .benefit-chip{
color:#065f46!important;
text-shadow:none!important;
filter:none!important;
}
html.theme-light .product-size-grid .size-btn.border-green-500,
html.theme-light .product-size-grid.product-size-grid-ropa .size-btn.border-green-500,
html.theme-light .qv-size-btn.border-green-500{
background:#c7efd9!important;
color:#033d2b!important;
border-color:#047857!important;
box-shadow:0 0 0 2px rgba(4,120,87,.10),0 0 12px rgba(4,120,87,.14)!important;
}
html.theme-light #cart-panel [class*="text-green-"],
html.theme-light #cart-panel .text-\[\#25D366\],
html.theme-light #cart-discount-banner,
html.theme-light #cart-shipping,
html.theme-light #cart-discount-text,
html.theme-light #checkout-note,
html.theme-light #logistics-message strong{
color:#065f46!important;
text-shadow:none!important;
filter:none!important;
}
html.theme-light #cart-discount-banner{
background:#d7f3e4!important;
border-color:rgba(4,120,87,.24)!important;
}
html.theme-light .cart-line p[class*="text-green-"],
html.theme-light #cart-items p[class*="text-green-"]{
color:#065f46!important;
font-weight:800!important;
}
html.theme-light .mini-cart-shell #mini-cart-info,
html.theme-light #mini-cart-info{
color:#dcfce7!important;
text-shadow:none!important;
}
@media(max-width:767px){
html.theme-light #hero-decode-stage{
border-radius:0!important;
padding:clamp(1.25rem,4vw,2.4rem) .5rem!important;
}
html.theme-light .hero-title-decode{
letter-spacing:1px!important;
text-shadow:0 4px 24px rgba(0,0,0,.86),0 0 16px rgba(255,255,255,.16)!important;
}
}
/* =========================================================
PARCHE DEFINITIVO - HERO CLARO IDÉNTICO AL MODO OSCURO
Este bloque va al final del