@font-face{font-family:'SF2 Colour';src:url('../fonts/landing/street-fighter-ii-large-colour.colr.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Abolition Rough';src:url('../fonts/landing/abolition-rough.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Press Start 2P';src:url('../fonts/landing/PressStart2P-Regular.woff2') format('woff2'),url('../fonts/landing/PressStart2P-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Pixelify Sans';src:url('../fonts/landing/PixelifySans.woff2') format('woff2'),url('../fonts/landing/PixelifySans-wght.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'VT323';src:url('../fonts/landing/VT323-Regular.woff2') format('woff2'),url('../fonts/landing/VT323-Regular.ttf') format('truetype');font-display:swap}
.dj-sf{position:relative;overflow:hidden;isolation:isolate;background:#07060c;color:#f4f1ff;padding:80px 24px 70px;border-top:6px solid #e11b22;border-bottom:6px solid #000}
.dj-sf__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(1.1)}
.dj-sf__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,6,12,.95) 0%,rgba(7,6,12,.7) 45%,rgba(7,6,12,.35) 100%),linear-gradient(0deg,#07060c 0%,transparent 40%)}
.dj-sf__scan{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0 1px,transparent 1px 3px)}
.dj-sf__wrap{max-width:1280px;margin:0 auto}.dj-sf__top{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;margin-bottom:44px}
.dj-sf__kicker{font-family:'Press Start 2P',monospace;font-size:11px;color:#ffd23f;margin:0 0 18px}.dj-sf__kicker span{animation:sf-blink 1s steps(1) infinite}
.dj-sf__logo{width:min(420px,80%);filter:drop-shadow(6px 6px 0 #000)}
.dj-sf__title{font-family:'SF2 Colour','Abolition Rough',sans-serif;font-weight:400;font-size:clamp(34px,4.6vw,64px);letter-spacing:-.06em;line-height:1;margin:18px 0 0;filter:drop-shadow(4px 4px 0 #000)}
.dj-sf__copy{font-family:'Pixelify Sans',system-ui;font-size:20px;line-height:1.45;margin:0 0 26px;color:#e6e0ff;max-width:520px;text-shadow:2px 2px 0 #000}
.dj-sf__btns{display:flex;gap:16px;flex-wrap:wrap}.dj-sf__btn{display:inline-flex;align-items:center;gap:.6em;font-family:'Press Start 2P',monospace;font-size:12px;text-decoration:none;padding:16px 20px;color:#fff;background:#e11b22;box-shadow:0 -4px 0 #000,0 4px 0 #000,-4px 0 0 #000,4px 0 0 #000,inset 0 -4px 0 rgba(0,0,0,.35);transition:transform .12s steps(2)}.dj-sf__btn:hover{transform:translateY(-2px);filter:brightness(1.12);color:#fff}.dj-sf__btn--ghost{background:transparent;box-shadow:0 -4px 0 #fff,0 4px 0 #fff,-4px 0 0 #fff,4px 0 0 #fff}
.dj-sf__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dj-sf__head h3{margin:0;font-family:'Abolition Rough',sans-serif;font-weight:400;font-size:36px;letter-spacing:.03em}.dj-sf__head a{font-family:'Press Start 2P',monospace;font-size:10px;color:#ffd23f;text-decoration:none}
.dj-sf__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.dj-sf__slot{--c:#2a2350;position:relative;aspect-ratio:3/4;overflow:hidden;background:#000;text-decoration:none;color:#fff;box-shadow:0 -4px 0 var(--c),0 4px 0 var(--c),-4px 0 0 var(--c),4px 0 0 var(--c)}.dj-sf__slot img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.75);transition:filter .25s,transform .5s}.dj-sf__slot b{position:absolute;left:0;right:0;bottom:0;padding:22px 8px 10px;background:linear-gradient(0deg,#000 25%,transparent);font-family:'Abolition Rough',sans-serif;font-weight:400;font-size:20px;letter-spacing:.04em;line-height:1}.dj-sf__slot i{position:absolute;top:8px;right:8px;font:normal 9px 'Press Start 2P',monospace;background:#e11b22;padding:4px 5px;opacity:0}.dj-sf__slot:hover{--c:#e11b22}.dj-sf__slot:hover img{filter:none;transform:scale(1.06)}.dj-sf__slot:hover i{opacity:1;animation:sf-blink .5s steps(1) infinite}.dj-sf__legal{margin:26px 0 0;font-size:11px;color:#a79fcf;opacity:.8}
.dj-nav__sf{position:relative;display:inline-flex;align-items:center;margin-left:18px}.dj-nav__sf img{height:44px;width:auto;max-width:none}.dj-nav__sf:hover{transform:scale(1.06)}.dj-nav__sf:after{content:'NUEVO';position:absolute;top:-9px;right:-20px;font:700 9px/1 sans-serif;background:#e11b22;color:#fff;padding:3px 5px;border-radius:2px}
.dj-header__sf-mobile{display:none}.dj-mobile-menu__list--sf{background:#17132a;border:2px solid #e11b22}.dj-mobile-menu__list--sf a{display:flex;align-items:center;gap:14px;padding:12px}.dj-mobile-menu__list--sf span{background:#e11b22;color:#fff;font:bold 10px sans-serif;padding:4px}
@media(max-width:900px){.dj-sf{padding:56px 16px 50px}.dj-sf__top{grid-template-columns:1fr;gap:20px}.dj-sf__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 5px 12px}.dj-sf__slot{flex:0 0 19%;scroll-snap-align:start}.dj-nav__sf{display:none}.dj-header__sf-mobile{display:inline-flex;margin-right:auto}.dj-header__sf-mobile img{width:112px;height:auto}}
@media(max-width:560px){.dj-sf__slot{flex-basis:34%}.dj-sf__slot b{font-size:17px}.dj-sf__title{font-size:44px}}