@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Permanent+Marker&family=Special+Elite&display=swap');
:root{--ink:#111;--paper:#f5f0e8;--paper2:#ebe2d3;--steel:#1b1b1b;--steel2:#252525;--orange:#ff7900;--orange2:#ff9b22;--muted:#777;--white:#fff;--shadow:8px 8px 0 var(--ink);--shadow-orange:8px 8px 0 var(--orange)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Special Elite',system-ui,serif;background:var(--paper);color:var(--ink);overflow-x:hidden;cursor:crosshair}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle,var(--ink) 1px,transparent 1px);background-size:18px 18px;opacity:.055;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(120deg,rgba(255,121,0,.12),transparent 38%,rgba(0,0,0,.04));pointer-events:none}.halftone{position:fixed;inset:-20%;pointer-events:none;z-index:-1;opacity:.16;background:radial-gradient(circle,var(--orange) 1.4px,transparent 1.8px);background-size:14px 14px;mask-image:radial-gradient(circle at 75% 20%,#000,transparent 44%);animation:halftoneDrift 16s linear infinite}@keyframes halftoneDrift{to{transform:translate3d(-30px,20px,0)}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:13px clamp(14px,3vw,42px);background:rgba(17,17,17,.94);backdrop-filter:blur(12px);border-bottom:5px solid var(--ink);box-shadow:0 6px 0 var(--orange)}.brand{display:flex;gap:13px;align-items:center;transform:rotate(-1deg)}.brand img{width:168px;height:auto;max-height:68px;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;filter:drop-shadow(4px 4px 0 rgba(255,121,0,.75)) drop-shadow(0 0 1px #000)}.brand-clean:hover img{transform:translateY(-1px) rotate(.5deg);filter:drop-shadow(6px 6px 0 rgba(255,121,0,.85)) drop-shadow(0 0 1px #000)}.brand span{line-height:1}.brand b{display:block;font-family:'Special Elite';font-size:.78rem;color:var(--paper);letter-spacing:1px}.brand strong,.hero h1,.catalog-head h1,.detail h1,.section h2,.catcard h3{font-family:'Bangers',Impact,sans-serif}.brand strong{font-size:2rem;color:var(--orange);letter-spacing:3px;text-shadow:3px 3px 0 #000}.topbar nav{display:flex;gap:14px;align-items:center}.topbar nav a{font-family:'Bangers';letter-spacing:1.5px;text-transform:uppercase;font-size:1rem;color:var(--paper);position:relative;padding:8px 3px}.topbar nav a:not(.cartlink):after{content:"";position:absolute;left:0;right:0;bottom:1px;height:4px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:.2s}.topbar nav a:hover:after{transform:scaleX(1)}.cartlink{background:var(--orange);color:var(--ink)!important;padding:10px 14px!important;border:3px solid var(--ink);box-shadow:4px 4px 0 #000;transform:rotate(1deg)}.cartlink em{font-style:normal;background:var(--ink);color:#fff;border-radius:999px;padding:1px 7px}.hamb{display:none;background:var(--orange);border:4px solid var(--ink);font-size:1.55rem;border-radius:6px;padding:5px 10px;box-shadow:4px 4px 0 #000}main{padding:28px clamp(14px,4vw,56px)}.comic-panel,.comic-card{position:relative;border:5px solid var(--ink);box-shadow:var(--shadow);background:var(--paper);color:var(--ink)}.comic-panel:before,.comic-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(0,0,0,.035) 10px 12px);mix-blend-mode:multiply}.comic-panel:after,.comic-card:after{content:"";position:absolute;inset:9px;border:2px dashed rgba(0,0,0,.18);pointer-events:none}.hero{min-height:555px;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:clamp(24px,5vw,70px);clip-path:polygon(0 2%,100% 0,97% 100%,3% 98%);background:radial-gradient(circle at 75% 25%,rgba(255,121,0,.28),transparent 34%),linear-gradient(135deg,var(--paper) 0%,#fff6e8 42%,var(--paper2) 100%)}.hero-copy{position:relative;z-index:2}.kicker{display:inline-block;background:var(--ink);color:var(--paper);padding:8px 18px;border:4px solid var(--ink);box-shadow:5px 5px 0 var(--orange);font-family:'Bangers';letter-spacing:3px;text-transform:uppercase;transform:rotate(-1deg);animation:pulseSticker 2.2s ease-in-out infinite}@keyframes pulseSticker{50%{transform:rotate(1deg) scale(1.035)}}.hero h1,.catalog-head h1,.detail h1{font-size:clamp(2.8rem,7vw,6.6rem);line-height:.86;margin:20px 0;text-transform:uppercase;letter-spacing:2px;color:var(--ink);text-shadow:5px 5px 0 #c8c0b2}.hero h1 em{font-style:normal;color:var(--orange);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.hero p,.lead{font-size:1.15rem;color:#292929;max-width:720px;line-height:1.65;border-left:5px solid var(--ink);padding-left:16px}.btn,.mini{cursor:pointer;border:4px solid var(--ink);background:var(--orange);color:var(--ink);font-family:'Bangers';letter-spacing:1.5px;font-size:1.05rem;text-transform:uppercase;padding:14px 21px;border-radius:0;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s,filter .15s;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.btn:hover,.mini:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:9px 9px 0 var(--ink);filter:saturate(1.15)}.ghost{background:var(--paper)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hero-bubble{position:relative;background:#fff;border:5px solid var(--ink);border-radius:20px;transform:rotate(2deg);padding:20px;box-shadow:var(--shadow);animation:floatPanel 4s ease-in-out infinite}.hero-bubble:after{content:"";position:absolute;left:34px;bottom:-30px;border:17px solid transparent;border-top-color:var(--ink)}.hero-bubble img{height:380px;width:100%;object-fit:contain;filter:drop-shadow(9px 9px 0 rgba(0,0,0,.25))}.hero-bubble b,.pow{position:absolute;right:-27px;top:-28px;background:var(--orange);color:var(--ink);border:5px solid var(--ink);border-radius:50%;padding:23px 18px;font-family:'Bangers';letter-spacing:2px;font-size:2rem;transform:rotate(12deg);box-shadow:5px 5px 0 #000;animation:wiggle 1.8s ease-in-out infinite}@keyframes floatPanel{50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes wiggle{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(8deg) scale(1.06)}}.speed-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none}.speed-lines:before{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 20deg at 70% 45%,rgba(0,0,0,.08) 0 2deg,transparent 2deg 8deg);animation:burst 12s linear infinite}@keyframes burst{to{transform:rotate(1turn)}}.strip{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.strip>*{background:#fff;color:var(--ink);border:4px solid var(--ink);padding:11px 17px;box-shadow:4px 4px 0 var(--ink);font-family:'Bangers';letter-spacing:1.5px;transform:rotate(-1deg)}.strip>*:nth-child(even){transform:rotate(1.2deg);background:var(--orange)}
/* Stickers comic integrados: sustituyen a la banda genérica superior */
.comic-stickers{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  margin:24px 0 44px;
  padding:0 6px;
}
.sticker{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 18px 10px;
  border:4px solid var(--ink);
  color:var(--ink);
  font-family:'Bangers',Impact,sans-serif;
  letter-spacing:1.7px;
  text-transform:uppercase;
  box-shadow:5px 5px 0 var(--ink);
  clip-path:polygon(4% 0,100% 3%,96% 100%,0 96%);
  transform:rotate(-2deg);
  isolation:isolate;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.sticker:before{
  content:"";
  position:absolute;
  inset:4px;
  border:2px dashed rgba(0,0,0,.22);
  pointer-events:none;
  z-index:-1;
}
.sticker:after{
  content:"";
  position:absolute;
  right:-9px;
  top:-9px;
  width:22px;
  height:22px;
  background:var(--orange);
  border:3px solid var(--ink);
  border-radius:50%;
  box-shadow:2px 2px 0 var(--ink);
}
.sticker i{
  font-style:normal;
  filter:drop-shadow(2px 2px 0 rgba(0,0,0,.18));
}
.sticker-white{background:#fffaf0;}
.sticker-orange{background:var(--orange); transform:rotate(1.5deg);}
.sticker:nth-child(3){transform:rotate(-.8deg)}
.sticker:nth-child(4){transform:rotate(2.2deg)}
.sticker:hover{
  transform:translate(-3px,-4px) rotate(0deg) scale(1.03);
  box-shadow:9px 9px 0 var(--ink);
  filter:saturate(1.1);
}
@media(max-width:520px){
  .comic-stickers{gap:10px;margin:18px 0 32px}
  .sticker{width:100%;justify-content:center;transform:rotate(0)!important}
}

.section{margin-top:50px}.section h2{font-size:clamp(2.1rem,4.5vw,3.7rem);text-transform:uppercase;color:var(--ink);text-shadow:4px 4px 0 var(--orange);letter-spacing:2px}.catgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.catcard{background:var(--paper);border:5px solid var(--ink);padding:25px;box-shadow:7px 7px 0 var(--ink);clip-path:polygon(0 0,100% 2%,97% 100%,2% 98%);position:relative;transition:.18s;overflow:hidden}.catcard:before{content:"";position:absolute;right:-40px;top:-40px;width:125px;height:125px;background:radial-gradient(circle,var(--orange) 2px,transparent 3px);background-size:12px 12px;opacity:.45}.catcard:hover{transform:translate(-4px,-4px) rotate(-1deg);box-shadow:11px 11px 0 var(--orange)}.catcard span{background:var(--ink);color:var(--paper);padding:6px 10px;font-family:'Bangers';letter-spacing:1px}.catcard h3{font-size:1.75rem;margin:1rem 0 .35rem;text-transform:uppercase}.catcard p{line-height:1.45}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:26px}.product{overflow:hidden;display:flex;flex-direction:column;transition:.18s;clip-path:polygon(0 0,100% 0,98% 100%,2% 100%)}.product:hover{transform:translate(-4px,-5px) rotate(-.5deg);box-shadow:12px 12px 0 var(--orange)}.pic{background:#fff;aspect-ratio:1/1;display:grid;place-items:center;padding:17px;border-bottom:5px solid var(--ink);position:relative}.pic:before{content:"ZAS!";position:absolute;left:10px;top:10px;background:var(--orange);border:3px solid var(--ink);font-family:'Bangers';padding:4px 8px;transform:rotate(-8deg);box-shadow:3px 3px 0 #000;font-size:.9rem}.pic img{width:100%;height:100%;object-fit:contain;transition:.22s;filter:drop-shadow(5px 7px 0 rgba(0,0,0,.16))}.product:hover .pic img{transform:scale(1.05) rotate(1deg)}.pbody{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1;background:var(--paper)}.pbody small{font-family:'Bangers';letter-spacing:1.5px;background:var(--ink);color:var(--paper);width:max-content;padding:4px 8px}.pbody h3{margin:0;font-size:1.08rem;line-height:1.25}.pbody p{color:#313131;margin:0;flex:1;line-height:1.45}.buyrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.buyrow strong,.price{font-family:'Bangers';font-size:1.85rem;color:var(--orange);font-weight:1000;-webkit-text-stroke:1px var(--ink);text-shadow:2px 2px 0 var(--ink)}.mini{padding:10px 14px;font-size:.95rem}.catalog-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px;clip-path:polygon(0 0,100% 4%,97% 100%,2% 98%);background:linear-gradient(135deg,#fff,var(--paper2))}.search{display:flex;gap:10px;flex-wrap:wrap}.search input,.form input,.form textarea,.addbox input,.cartline input{background:#fff;color:var(--ink);border:4px solid var(--ink);border-radius:0;padding:13px;font:inherit;box-shadow:4px 4px 0 rgba(0,0,0,.18)}.layout{display:grid;grid-template-columns:260px 1fr;gap:28px;margin-top:30px}.filters{position:sticky;top:112px;align-self:start;display:flex;flex-direction:column;gap:10px}.filters a{background:#fff;border:4px solid var(--ink);padding:12px;font-family:'Bangers';letter-spacing:1px;box-shadow:4px 4px 0 #000;transition:.15s}.filters a:hover,.filters a.on{background:var(--orange);color:var(--ink);transform:translateX(4px)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:30px;background:linear-gradient(135deg,#fff,var(--paper2));clip-path:polygon(0 0,100% 2%,98% 100%,2% 98%)}.detail-img{background:#fff;border:5px solid var(--ink);padding:22px;display:grid;place-items:center;box-shadow:6px 6px 0 var(--orange)}.detail-img img{max-height:520px;object-fit:contain;filter:drop-shadow(9px 9px 0 rgba(0,0,0,.18))}.addbox{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.addbox label{font-family:'Bangers';letter-spacing:1px}.desc{background:#fff;border:4px dashed var(--ink);padding:17px;margin-top:20px;line-height:1.55;box-shadow:5px 5px 0 var(--orange)}.cart,.checkout,.thanks{padding:30px;background:var(--paper);clip-path:polygon(0 0,100% 1%,98% 100%,2% 99%)}.cartline{display:grid;grid-template-columns:82px 1fr 120px 90px 120px;gap:12px;align-items:center;border-bottom:3px dashed #3a3a3a;padding:13px 0}.cartline img{background:#fff;border:4px solid var(--ink);width:82px;height:82px;object-fit:contain}.carttotal{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:20px;flex-wrap:wrap}.checkout{display:grid;grid-template-columns:1fr 340px;gap:26px}.form{display:grid;gap:12px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bank{background:#fff;color:var(--ink);border:5px solid var(--ink);padding:20px;box-shadow:7px 7px 0 var(--orange);position:relative}.bank:before{content:"TRANSFERENCIA";position:absolute;right:-12px;top:-16px;background:var(--orange);border:3px solid var(--ink);font-family:'Bangers';padding:5px 10px;transform:rotate(4deg)}.error{background:#ff3b30;color:#fff;border:4px solid var(--ink);padding:10px;margin:8px 0;box-shadow:4px 4px 0 #000}.footer{margin-top:50px;background:var(--ink);border-top:5px solid var(--orange);padding:30px clamp(14px,4vw,56px);display:flex;justify-content:space-between;gap:20px;color:var(--paper);font-size:.95rem}.adminlist{display:grid;gap:16px}.order{padding:18px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}.shake:hover{animation:microShake .25s linear 2}@keyframes microShake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media(max-width:850px){body{cursor:auto}.hamb{display:block}.topbar nav{display:none;position:absolute;left:12px;right:12px;top:88px;background:var(--ink);border:5px solid var(--orange);padding:14px;flex-direction:column;align-items:stretch;box-shadow:7px 7px 0 #000}.menu-open .topbar nav{display:flex}.brand strong{font-size:1.4rem}.brand img{width:138px;max-height:56px}.hero,.detail,.checkout,.layout{grid-template-columns:1fr}.hero{min-height:auto;clip-path:none}.hero-bubble img{height:260px}.catalog-head{display:block;clip-path:none}.filters{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.cartline{grid-template-columns:70px 1fr}.cartline span,.cartline input,.cartline strong{grid-column:2}.footer{display:block}.twocol{grid-template-columns:1fr}}@media(max-width:520px){main{padding:14px}.grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.hero h1{font-size:2.8rem}.hero p{font-size:1rem}.hero-bubble b{font-size:1.1rem;right:0}.brand b{display:none}.brand img{width:118px;max-height:50px}.strip>*{width:100%;text-align:center}.btn{width:100%;text-align:center}.topbar{padding:10px}}