.product-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.product-card:hover{border-color:var(--text-primary);transform:translateY(-6px);box-shadow:0 20px 60px #0000001a}.image-container{aspect-ratio:3/4;background:var(--bg-secondary);position:relative;overflow:hidden}.image-container img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.product-card:hover .image-container img{transform:scale(1.08)}.discount-badge{background:var(--text-primary);color:var(--bg-primary);letter-spacing:.15em;text-transform:uppercase;z-index:2;border-radius:50px;padding:.35rem .85rem;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700;position:absolute;top:12px;left:12px}.product-card:after{content:"VER PRODUCTO";text-align:center;color:#fff;letter-spacing:.15em;opacity:0;z-index:3;background:#000000d9;width:100%;padding:.75rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:80px;left:0;transform:translateY(100%)}.product-card:hover:after{opacity:1;transform:translateY(0)}.product-info{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.product-title{letter-spacing:0;text-transform:none;margin:0;font-size:.95rem;font-weight:600;line-height:1.3;transition:color .3s}.product-card:hover .product-title{color:var(--text-secondary)}.product-price{align-items:center;gap:.75rem;display:flex}.original-price{color:var(--text-secondary);font-size:.85rem;text-decoration:line-through}.current-price{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}@media (max-width:600px){.product-card:after{display:none}.product-info{padding:.75rem}.product-title{font-size:.8rem}.current-price{font-size:.95rem}}
.home-wrapper{flex-direction:column;gap:0;display:flex;overflow-x:hidden}.hero{text-align:center;justify-content:center;align-items:center;height:100vh;min-height:600px;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-bg-image{will-change:transform;background-image:url(/images/sports_store_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;animation:25s ease-in-out infinite alternate zoomBg;position:absolute;top:0;left:0}@keyframes zoomBg{0%{transform:scale(1)}to{transform:scale(1.12)}}.hero-overlay{z-index:1;background:linear-gradient(#0000008c 0%,#000000b3 50%,#000000d9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-particles{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:#ffffff40;border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite floatParticle;position:absolute}.p1{animation-duration:7s;animation-delay:0s;top:15%;left:10%}.p2{animation-duration:9s;animation-delay:1.5s;top:60%;left:85%}.p3{animation-duration:6s;animation-delay:3s;top:30%;left:50%}.p4{animation-duration:10s;animation-delay:2s;top:75%;left:30%}.p5{animation-duration:8s;animation-delay:4s;top:45%;left:70%}@keyframes floatParticle{0%,to{opacity:.2;transform:translate(0)scale(1)}25%{opacity:.6;transform:translate(30px,-40px)scale(1.5)}50%{opacity:.3;transform:translate(-20px,-80px)scale(1)}75%{opacity:.5;transform:translate(40px,-30px)scale(1.8)}}.hero-content{z-index:10;color:#fff;flex-direction:column;align-items:center;gap:1.5rem;max-width:700px;animation:1.2s ease-out both heroFadeIn;display:flex;position:relative}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{letter-spacing:.2em;text-transform:uppercase;color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff4d;border-radius:50px;padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;animation:1.2s ease-out .3s both heroFadeIn;display:inline-block}.hero h1{letter-spacing:-.02em;text-shadow:0 4px 30px #0000004d;margin:0;font-size:4.5rem;font-weight:800;line-height:1;animation:1.2s ease-out .5s both heroFadeIn}.hero p{color:#ffffffb3;max-width:400px;font-size:1.05rem;line-height:1.6;animation:1.2s ease-out .7s both heroFadeIn}.hero-cta-group{gap:1rem;margin-top:.5rem;animation:1.2s ease-out .9s both heroFadeIn;display:flex}.hero-btn{text-transform:uppercase;letter-spacing:.1em;padding:.85rem 2rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hero-btn.primary{color:#000;background-color:#fff}.hero-btn.primary:hover{color:#fff;opacity:1;background-color:#000;transform:translateY(-3px);box-shadow:0 10px 40px #ffffff26}.hero-btn.secondary{color:#fff;background-color:#0000;border:1px solid #fff6}.hero-btn.secondary:hover{color:#000;opacity:1;background-color:#fff;border-color:#fff;transform:translateY(-3px)}.hero-scroll-indicator{z-index:10;animation:1.2s ease-out 1.2s both heroFadeIn;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-indicator span{border:2px solid #fff6;border-radius:12px;width:24px;height:40px;display:block;position:relative}.hero-scroll-indicator span:after{content:"";background:#fff;border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scrollBounce;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:.3;transform:translate(-50%)translateY(12px)}}.video-section{background:#000;padding:5rem 2rem;overflow:hidden}.video-section-inner{align-items:center;gap:4rem;max-width:1100px;margin:0 auto;display:flex}.video-container{border-radius:20px;flex:0 0 380px;overflow:hidden;box-shadow:0 0 80px #ffffff0d,0 25px 80px #000000b3}.video-container video{border-radius:20px;width:100%;height:auto;display:block}.video-text{color:#fff;flex-direction:column;flex:1;gap:1.25rem;display:flex}.video-badge{letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #fff3;border-radius:50px;width:fit-content;padding:.4rem 1.2rem;font-size:.7rem;font-weight:600;display:inline-block}.video-text h2{letter-spacing:-.02em;margin:0;font-size:2.8rem;font-weight:800;line-height:1.05}.video-text p{color:#ffffff8c;max-width:420px;margin:0;font-size:1rem;line-height:1.7}.video-stats{border-top:1px solid #ffffff1a;gap:2rem;margin-top:.5rem;padding-top:1.25rem;display:flex}.video-stat{flex-direction:column;gap:.2rem;display:flex}.stat-number{letter-spacing:-.02em;color:#fff;font-size:1.5rem;font-weight:800}.stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:500}.video-cta{color:#fff;letter-spacing:.03em;background:#25d366;border-radius:50px;align-items:center;gap:.6rem;width:fit-content;margin-top:.5rem;padding:.8rem 1.8rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.video-cta:hover{opacity:1;background:#1eba57;transform:translateY(-3px);box-shadow:0 12px 40px #25d3664d}.marquee-section{background-color:var(--text-primary);color:var(--bg-primary);white-space:nowrap;padding:1rem 0;overflow:hidden}.marquee-track{width:max-content;display:flex}.marquee-content{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:2.5rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;animation:20s linear infinite infiniteScroll;display:flex}.marquee-dot{opacity:.4;font-size:.5rem}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.categories-section{padding:6rem 1.5rem}.section-header{text-align:center;margin-bottom:3rem}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:inline-block}.section-header h2{letter-spacing:-.01em;font-size:2.2rem;font-weight:700}.category-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.category-card{border-radius:12px;justify-content:flex-start;align-items:flex-end;height:280px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.category-card-bg{border:1px solid var(--border);border-radius:12px;width:100%;height:100%;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.cat-mujer .category-card-bg{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}.cat-hombre .category-card-bg{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%)}.cat-unisex .category-card-bg{background:linear-gradient(135deg,#1a1a2e 0%,#2a1a3e 50%,#1a1a2e 100%)}.cat-gift .category-card-bg{background:linear-gradient(135deg,#2a1a0a 0%,#3d2a1a 50%,#2a1a0a 100%)}.cat-icon{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.category-card:hover .cat-icon{color:#fff;background:#ffffff26;transform:scale(1.05)}.category-card-content{z-index:2;color:#fff;flex-direction:column;gap:.5rem;width:100%;height:100%;padding:1.5rem;display:flex;position:relative}.cat-number{letter-spacing:.15em;opacity:.5;font-size:.7rem;font-weight:600}.cat-text{flex-direction:column;gap:.25rem;margin-top:auto;margin-bottom:.5rem;display:flex}.category-card h2{margin:0;font-size:1.4rem;font-weight:700;transition:transform .5s cubic-bezier(.16,1,.3,1)}.cat-desc{color:#fffc;opacity:0;max-height:0;margin:0;font-size:.85rem;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(10px)}.cat-arrow{opacity:0;font-size:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translate(-10px)}.category-card:hover{opacity:1;transform:translateY(-4px)}.category-card:hover .category-card-bg{transform:scale(1.05)}.category-card:hover h2{transform:translate(5px)}.category-card:hover .cat-desc{opacity:1;max-height:40px;transition-delay:.1s;transform:translateY(0)}.category-card:hover .cat-arrow{opacity:1;transform:translate(0)}.features-section{padding:6rem 1.5rem}.features-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.feature-card{text-align:center;border:1px solid var(--border);background:var(--bg-primary);border-radius:16px;padding:2.5rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-card:hover{border-color:var(--text-primary);transform:translateY(-8px);box-shadow:0 20px 60px #00000014}.feature-icon{background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;transition:all .4s;display:flex}.feature-card:hover .feature-icon{background:var(--text-primary);color:var(--bg-primary)}.feature-card h3{margin-bottom:.75rem;font-size:1.1rem}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.catalog-section{padding:6rem 1.5rem}.products-grid{grid-template-columns:repeat(3,1fr);gap:2rem 1.5rem;max-width:960px;margin:0 auto;display:grid}.empty-catalog{text-align:center;border:2px dashed var(--border);background:var(--bg-secondary);border-radius:16px;padding:6rem 2rem}.empty-icon{color:var(--text-secondary);opacity:.4;margin-bottom:1.5rem}.empty-catalog h3{margin-bottom:.75rem;font-size:1.5rem}.empty-catalog p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.footer-cta{background:var(--text-primary);color:var(--bg-primary);text-align:center;padding:6rem 1.5rem}.footer-cta-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-cta h2{font-size:2.2rem;font-weight:700}.footer-cta p{opacity:.7;max-width:400px;font-size:1rem}.footer-cta .hero-btn.primary{color:#000;background:#fff}.footer-cta .hero-btn.primary:hover{background:#ffffffe6;box-shadow:0 10px 40px #fff3}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.video-section-inner{gap:2.5rem}.video-container{flex:0 0 320px}.video-text h2{font-size:2.2rem}}@media (max-width:600px){.hero{height:100vh;min-height:500px}.hero h1{font-size:2.8rem}.hero-cta-group{flex-direction:column;width:100%}.hero-btn{text-align:center;width:100%}.section-header h2{font-size:1.6rem}.category-grid{grid-template-columns:1fr}.category-card{height:160px}.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.features-grid{grid-template-columns:1fr}.footer-cta h2{font-size:1.6rem}.video-section{padding:2.5rem 1rem}.video-section-inner{text-align:center;flex-direction:column;gap:2.5rem}.video-container{border-radius:16px;flex:none;width:100%;max-width:300px}.video-container video{border-radius:16px}.video-text{align-items:center}.video-text h2{font-size:2rem}.video-text p{text-align:center}.video-stats{justify-content:center;gap:1.5rem}}.catalog-filter-wrapper{flex-direction:column;gap:1.5rem;display:flex}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.filter-tab-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1.5rem;font-weight:500;transition:all .2s}.filter-tab-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.filter-tab-btn.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.subfilter-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.subfilter-tab-btn{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.35rem 1rem;font-size:.85rem;transition:all .2s}.subfilter-tab-btn:hover{background:var(--border)}.subfilter-tab-btn.active{background:var(--border);color:var(--text-primary);border-color:var(--text-primary)}