@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Permanent+Marker&display=swap');
:root{--gold:#e0ad25;--gold2:#ffd45a;--black:#080808;--panel:#111;--white:#f4f0e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Oswald,Arial,sans-serif;background-image:radial-gradient(#2c2412 1px,transparent 1px);background-size:22px 22px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.topbar{border-bottom:1px solid #5d491b;background:#050505}.top-inner{max-width:1440px;margin:auto;min-height:38px;padding:6px 3.5%;display:flex;align-items:center;gap:22px;font-size:12px;font-weight:600}.top-inner i{height:16px;border-left:1px solid #98711d}.top-inner a:hover,.social a:hover{color:var(--gold2)}.social{margin-left:auto;display:flex;gap:18px;font-size:22px;color:var(--gold)}.site-header{max-width:1440px;margin:auto;padding:15px 3.5%;display:flex;align-items:center;gap:28px;border-bottom:2px solid var(--gold);background:#080808}.brand{width:260px;display:flex;flex-direction:column;line-height:.85;color:var(--gold);transform:rotate(-3deg)}.brand strong,.footer-brand{font-family:'Permanent Marker',cursive;font-size:48px;text-shadow:2px 2px #5c3900,0 0 14px #bd8b16}.brand .crown{font-size:27px;margin-left:74px}.brand small{font-size:12px;letter-spacing:4px;color:#eee;margin:10px 0 0 56px}.site-header nav{display:flex;align-items:center;gap:30px;flex:1}.site-header nav a{font-weight:600;font-size:15px}.site-header nav a:hover,.site-header nav .active{color:var(--gold)}.search{border:1px solid var(--gold);border-radius:30px;padding:8px 14px;display:flex;min-width:200px}.search input{background:none;border:0;outline:0;color:white;width:100%;font:14px Oswald}.search span{font-size:24px}.cart-button{background:none;color:var(--gold);border:0;font-size:29px;position:relative}.cart-button b{font-size:11px;background:var(--gold);color:#111;border-radius:50%;padding:3px 6px;position:absolute;right:-8px;top:0}.menu-toggle{display:none}.hero{max-width:1440px;margin:auto;min-height:380px;position:relative;overflow:hidden;border-bottom:1px solid #9c741c;background:linear-gradient(90deg,#080808 0%,rgba(0,0,0,.92) 40%,rgba(0,0,0,.12) 100%),url('assets/hero-mascot.jpg') right center/auto 100% no-repeat,#080808;display:flex;align-items:center;padding:45px 8%;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 35px,rgba(218,165,32,.08) 36px 38px);z-index:-1}.hero-copy{max-width:660px;z-index:1}.brush-tag{display:inline-block;background:var(--gold);color:#090909;padding:8px 22px;transform:skew(-12deg);font-family:'Permanent Marker';font-size:22px}.hero h1{font-family:'Permanent Marker';font-size:clamp(42px,6vw,76px);line-height:1.03;margin:20px 0 8px;text-shadow:3px 3px #15100a}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy p{letter-spacing:5px;font-size:12px}.outline-btn{display:inline-block;border:2px solid var(--gold);padding:12px 25px;color:var(--gold2);font-weight:700;transform:skew(-9deg);margin-top:12px}.outline-btn b{font-size:24px;margin-left:15px}.hero-mascot{position:absolute;right:9%;bottom:-20px;font-size:clamp(130px,22vw,270px);filter:drop-shadow(0 0 18px #bd831c);opacity:.9}.hero-crown{position:absolute;color:var(--gold);font-size:55px}.crown-one{right:4%;top:25px}.crown-two{right:43%;bottom:30px}.categories{max-width:1440px;margin:0 auto;padding:18px 4%;display:flex;gap:14px;justify-content:space-between}.filter{background:#080808;border:1px solid var(--gold);color:#eee;border-radius:30px;padding:11px 20px;flex:1;font-weight:600}.filter:hover,.filter.active{background:var(--gold);color:#090909;box-shadow:0 0 14px #a97812}.catalog{max-width:1440px;margin:auto;padding:15px 3.5% 45px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 18px}.section-heading>div{display:flex;align-items:center;gap:12px}.heading-crown{font-size:48px;color:var(--gold)}.section-heading h2{font-family:'Permanent Marker';font-size:38px;color:var(--gold);margin:0}.section-heading p{font-size:11px;letter-spacing:3px;margin:0}.section-heading>a{color:var(--gold);text-decoration:underline}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--gold);border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#181818,#050505);box-shadow:0 0 15px #000;transition:.2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 0 20px #7e5a12}.product-image{height:255px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#45351b 0,#17130c 48%,#070707 78%);overflow:hidden}.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(220,165,31,.15));pointer-events:none}.product-image svg{width:90%;height:95%;filter:drop-shadow(0 9px 8px #000)}.tee-white{background:radial-gradient(ellipse at center,#51452d,#14110c 66%,#070707)}.stock{position:absolute;right:9px;top:9px;border:1px solid var(--gold);border-radius:20px;background:#080808;color:#fff;font-size:11px;padding:5px 9px;z-index:2}.product-info{padding:12px}.product-info h3{margin:0;font-size:18px}.product-info p{margin:1px 0 5px;color:#bbb;font-size:13px}.product-info>strong{display:block;font-family:'Permanent Marker';font-size:33px;color:var(--gold);text-shadow:1px 2px #6c4500}.sizes{display:flex;gap:7px;margin:7px 0 11px}.sizes button{width:30px;height:28px;border:1px solid #bd942e;border-radius:50%;background:#090909;color:#fff;font-size:12px}.sizes button.selected,.sizes button:hover{background:var(--gold);color:#090909}.buy{width:100%;border:1px solid #ffe17b;border-radius:7px;background:linear-gradient(#ffdc65,#b77b08);color:#090909;font-weight:700;padding:11px 8px;box-shadow:inset 0 1px #fff4a8}.buy:hover{filter:brightness(1.15)}.empty{padding:25px;text-align:center;color:#bbb}.perks{max-width:1440px;margin:auto;border-top:2px dashed #b28a28;border-bottom:2px dashed #b28a28;padding:26px 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#0c0c0c}.perks div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid #57451e}.perks div:last-child{border:0}.perks b{font-size:38px;color:var(--gold)}.perks strong{font-size:14px;max-width:110px;text-align:center}footer{text-align:center;padding:30px 15px 22px;background:#050505}footer .footer-brand{color:var(--gold);font-size:42px}footer p{letter-spacing:3px;font-size:12px}footer #redes{display:flex;justify-content:center;gap:20px;color:var(--gold);margin:15px}footer small{color:#777}.cart-drawer{position:fixed;z-index:10;right:0;top:0;height:100vh;width:min(390px,90vw);background:#101010;border-left:1px solid var(--gold);padding:22px;transform:translateX(105%);transition:.25s}.cart-drawer.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6e541d}.cart-head h2{color:var(--gold)}.cart-head button{background:none;color:white;border:0;font-size:22px}.cart-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #333}.shade{position:fixed;inset:0;background:#0009;z-index:9;display:none}.shade.show{display:block}.checkout{margin-top:20px}.menu-toggle{background:none;color:var(--gold);border:1px solid var(--gold);padding:5px 9px}
@media(max-width:900px){.site-header{gap:13px;flex-wrap:wrap}.brand{width:auto;flex:1}.brand strong{font-size:38px}.brand small{margin-left:38px}.menu-toggle{display:block}.site-header nav{display:none;order:5;width:100%;flex-basis:100%;padding:15px 0;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.search{min-width:150px}.hero{min-height:340px;padding:35px 5%}.hero-mascot{right:2%;opacity:.45}.categories{overflow-x:auto;justify-content:flex-start}.filter{min-width:145px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.top-inner{gap:8px;font-size:9px;flex-wrap:wrap}.top-inner i{height:12px}.social{display:none}.site-header{padding:12px 4%}.brand strong{font-size:32px}.brand .crown{margin-left:45px;font-size:20px}.brand small{font-size:9px;letter-spacing:2px;margin:8px 0 0 28px}.search{order:6;flex-basis:100%;min-width:0}.hero{min-height:360px;background-position:58% center}.hero h1{font-size:42px}.hero-copy p{letter-spacing:2px;font-size:10px}.hero-mascot{font-size:150px;right:-18px;bottom:-12px;opacity:.28}.categories{padding:14px 4%}.catalog{padding:12px 4% 30px}.section-heading h2{font-size:30px}.heading-crown{font-size:36px}.product-grid{gap:10px}.product-image{height:185px}.product-info{padding:9px}.product-info h3{font-size:15px}.product-info>strong{font-size:27px}.buy{font-size:11px;padding:10px 3px}.sizes{gap:4px}.sizes button{width:27px;height:26px}.perks{grid-template-columns:1fr;padding:18px}.perks div{border:0;border-bottom:1px solid #4c3b19;padding:8px}.perks div:last-child{border:0}}
.add-cart{width:100%;margin:0 0 7px;padding:8px;border:1px solid #8c6a1d;border-radius:6px;background:#17130b;color:#e9bd4c;font-weight:600;font-size:12px}.add-cart:hover{background:#30230b}

/* INTERACCIONES Y CARRITO — actualización underground */
:root{--gold:#e0ad25;--gold2:#ffd45a;--gold-glow:rgba(224,173,37,.42)}
.hero{min-height:500px;background:linear-gradient(90deg,#070707 0%,rgba(0,0,0,.9) 40%,rgba(0,0,0,.08) 100%),url('assets/hero-mascot.jpg') right center/auto 112% no-repeat,#080808;transition:background-size .7s ease}
.hero:hover{background-size:auto 118%}
.hero-mascot{display:none!important}
.hero-copy{animation:hero-enter .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.outline-btn,.filter,.add-cart,.buy,.cart-button,.site-header nav a,.social a{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,filter .22s ease}
.outline-btn:hover{transform:skew(-9deg) translateY(-4px);background:var(--gold);color:#080808;box-shadow:0 0 25px var(--gold-glow)}
.filter:hover{transform:translateY(-3px);box-shadow:0 0 18px var(--gold-glow)}
.product-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.product-card:hover{transform:translateY(-8px) scale(1.012);border-color:var(--gold2);box-shadow:0 12px 32px #000,0 0 24px var(--gold-glow)}
.product-image svg{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.product-card:hover .product-image svg{transform:scale(1.055) rotate(-1deg)}
.add-cart{cursor:pointer;position:relative;overflow:hidden}
.add-cart:hover{transform:translateY(-2px);background:linear-gradient(110deg,#3a2b0c,#17130b);box-shadow:0 0 17px var(--gold-glow)}
.add-cart.added{background:#d5a522;color:#090909}
.buy:hover{transform:translateY(-3px);filter:brightness(1.16);box-shadow:0 5px 20px var(--gold-glow)}
.buy:active,.add-cart:active,.filter:active{transform:scale(.97)}
.sizes.needs-size{animation:shake .3s linear 2}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.sizes button{transition:background .2s,transform .2s,box-shadow .2s}
.sizes button:hover{transform:translateY(-2px);box-shadow:0 0 12px var(--gold-glow)}
.cart-button:hover{transform:scale(1.12);filter:drop-shadow(0 0 8px var(--gold))}
.cart-drawer{display:flex;flex-direction:column;overflow-y:auto;box-shadow:-15px 0 50px #0009}
.cart-head{padding-bottom:14px}
.cart-head h2{margin:4px 0 0;font-family:'Permanent Marker',cursive;font-size:27px}
.cart-kicker{font-size:10px;letter-spacing:3px;color:#a88a42;margin:0}
#cart-count-inline{font-family:Oswald,Arial,sans-serif;font-size:15px;color:#aaa}
#cart-items{flex:1;overflow-y:auto}
.cart-empty{color:#aaa;line-height:1.6;padding:22px 5px;text-align:center}
.cart-line{display:grid;grid-template-columns:48px 1fr auto;align-items:start;gap:11px;padding:15px 0;border-bottom:1px solid #3c321b}
.cart-product-mark{width:46px;height:54px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-family:'Permanent Marker';background:linear-gradient(145deg,#29200d,#090909);font-size:18px}
.cart-line-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.cart-line-info>strong{font-size:14px;color:#fff}
.cart-line-info>span,.cart-line-end>strong{font-size:11px;color:#c5b98e}
.cart-line-end{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.quantity-control{display:flex;align-items:center;gap:10px;margin-top:5px}
.quantity-control button{width:25px;height:25px;border:1px solid #8d6c20;border-radius:50%;background:#17130b;color:#f3ca56;font-size:17px;line-height:1}
.quantity-control button:hover{background:var(--gold);color:#090909}
.quantity-control b{font-size:13px;min-width:10px;text-align:center}
.remove-item{border:0;background:none;color:#c49a3a;text-decoration:underline;font-size:11px;cursor:pointer}
.cart-summary{border-top:1px solid #70551d;padding:15px 0 10px;margin-top:10px}
.cart-summary>div{display:flex;justify-content:space-between;align-items:center;font-size:16px}
.cart-summary strong{font-size:21px;color:var(--gold2)}
.cart-summary small,.cart-note{font-size:11px;color:#999}
.checkout{flex-shrink:0;margin-top:8px;padding:14px 10px}
.checkout span{font-size:18px;margin-left:8px}
.cart-note{text-align:center;margin:10px 0 0}
body.cart-open{overflow:hidden}
@media(max-width:900px){.hero{min-height:430px;background-size:auto 105%;}.hero:hover{background-size:auto 110%}}
@media(max-width:520px){.hero{min-height:390px;background-position:62% center;background-size:auto 100%;}.hero:hover{background-size:auto 105%}.hero-copy{max-width:100%}.hero h1{font-size:clamp(37px,10vw,48px);max-width:360px}.hero-copy p{max-width:260px;line-height:1.8}.cart-line{grid-template-columns:40px 1fr auto;gap:8px}.cart-product-mark{width:40px;height:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* REDES OFICIALES Y CONTACTO DIRECTO DEL PROVEEDOR */
.social a,#redes a{transition:color .2s,transform .2s,text-shadow .2s}
.social a:hover,#redes a:hover{color:var(--gold2);transform:translateY(-2px);text-shadow:0 0 14px var(--gold-glow)}
.contact-strip{max-width:1440px;margin:0 auto;padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(110deg,#17130b,#080808 65%);border-bottom:1px solid #70551d}
.contact-kicker{color:var(--gold);font-size:11px;letter-spacing:3px;font-weight:700}
.contact-strip h2{font-family:'Permanent Marker',cursive;color:#f4f0e6;font-size:clamp(22px,3vw,34px);margin:8px 0}
.contact-strip p{color:#aaa;margin:0;font-size:14px}
.provider-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:15px 22px;border:1px solid #ffe17b;border-radius:7px;background:linear-gradient(#ffdc65,#b77b08);color:#090909;font-weight:800;box-shadow:0 0 18px var(--gold-glow);transition:transform .22s,filter .22s,box-shadow .22s}
.provider-button:hover{transform:translateY(-4px) scale(1.02);filter:brightness(1.12);box-shadow:0 8px 26px var(--gold-glow)}
#redes{flex-wrap:wrap}
#redes a{padding:8px 12px;border:1px solid #6d531b;border-radius:20px;font-size:12px}
@media(max-width:650px){.contact-strip{flex-direction:column;align-items:flex-start;padding:25px 5%}.provider-button{width:100%;font-size:12px}#redes{flex-direction:column;align-items:center}}
/* Catálogo real VL.STORE */
.product-image img{width:100%;height:100%;object-fit:cover;object-position:center 34%;display:block;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.product-card:hover .product-image img{transform:scale(1.055)}
.add-cart{width:100%;border:1px solid var(--gold);border-radius:7px;background:#111;color:var(--gold2);font-weight:800;padding:11px 8px;margin-bottom:7px;transition:transform .22s,box-shadow .22s,background .22s}
.add-cart:hover{background:#29200c;transform:translateY(-2px);box-shadow:0 0 15px var(--gold-glow)}
.add-cart.added{background:var(--gold);color:#090909}
.product-info .buy{font-size:11px;padding:9px 6px}
.cart-thumb{width:48px;height:62px;object-fit:cover;border-radius:5px;border:1px solid #8d6b1c}
.stock{letter-spacing:.3px}
@media(max-width:520px){.cart-thumb{width:40px;height:52px}.product-image img{object-position:center 32%}}

/* VL.STORE v5 — catálogo fotográfico y experiencia de compra */
.catalog-tools{display:flex;align-items:center;gap:22px}.catalog-tools span{font-size:11px;letter-spacing:2px;color:#a99563}.product-image{height:auto;aspect-ratio:4/5;background:#080808;position:relative}.product-image img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s}.product-card:hover .product-image img{transform:scale(1.045);filter:contrast(1.04)}.product-image:after{z-index:1}.stock{font-size:9px;letter-spacing:.8px;background:#090909dc;border-color:#b68b27}.quick-view{position:absolute;z-index:2;left:12px;bottom:12px;width:36px;height:36px;border-radius:50%;border:1px solid #d5a52b;background:#080808d9;color:#f4cf65;font-size:23px;opacity:0;transform:translateY(6px);transition:.2s}.product-card:hover .quick-view,.quick-view:focus-visible{opacity:1;transform:none}.product-info{padding:15px}.product-info h3{min-height:24px;letter-spacing:.4px}.product-info>strong{font-size:30px}.size-label{display:block;color:#aa9b75;font-size:10px;letter-spacing:1.8px;margin-top:8px}.sizes{gap:8px;margin:8px 0 13px}.sizes button{width:36px;height:34px;border-radius:7px;font-weight:700}.sizes button.selected{background:var(--gold);color:#080808;box-shadow:0 0 13px var(--gold-glow);border-color:#ffe17b}.add-cart{padding:11px;margin-bottom:8px;border-color:#92701f;background:linear-gradient(110deg,#211a0c,#100e09);font-size:12px;letter-spacing:.5px}.add-cart:hover{background:linear-gradient(#f5ca51,#bd8616);color:#090909}.direct-buy{font-size:11px;letter-spacing:.4px}.image-lightbox{position:fixed;z-index:30;inset:0;background:#000e;display:grid;place-items:center;padding:25px;cursor:zoom-out}.image-lightbox img{max-width:min(90vw,850px);max-height:88vh;object-fit:contain;box-shadow:0 15px 70px #000}.image-lightbox button{position:absolute;right:22px;top:18px;border:1px solid var(--gold);background:#111;color:#fff;border-radius:50%;width:42px;height:42px;font-size:20px}.toast{position:fixed;z-index:40;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#17130b;border:1px solid var(--gold);border-radius:8px;color:#ffe08a;padding:12px 18px;box-shadow:0 8px 30px #000b;transition:.25s;text-align:center;width:max-content;max-width:90vw;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.product-card[hidden]{display:none}.sizes.needs-size{outline:1px solid #e1a928;outline-offset:4px;border-radius:7px}.contact-strip{border-top:1px solid #5e481a}.provider-button{text-align:center}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-view{opacity:1;transform:none}.product-image{aspect-ratio:4/5}}
@media(max-width:560px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-info{padding:9px}.product-info h3{font-size:13px;line-height:1.3;min-height:34px}.product-info p{font-size:11px;min-height:27px}.product-info>strong{font-size:23px}.stock{font-size:8px;right:5px;top:5px;padding:4px 6px;letter-spacing:0}.sizes{gap:4px}.sizes button{width:29px;height:29px;font-size:11px}.add-cart{font-size:10px;padding:9px 3px}.direct-buy{font-size:9px;padding:10px 3px}.catalog-tools{gap:9px}.catalog-tools span{font-size:9px;letter-spacing:1px}.catalog-tools a{font-size:11px}.product-image{aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){.product-image img,.quick-view,.toast{transition:none!important}}