.gate{z-index:1;position:relative}.gate [hidden]{display:none!important}.gate .bar{background:var(--bg);text-transform:uppercase;letter-spacing:.08em;border-bottom:1.5px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(16px,3vw,44px);font-size:12px;display:flex}.gate .bar div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gate .bar a,.gate .bar button{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.gate .bar button{background:var(--bg);cursor:pointer;font:inherit;border:1.5px solid;padding:8px 12px}.gate .hero{max-width:1500px;margin:auto;padding:44px clamp(16px,3vw,44px) 0}.gate .meta,.gate .sub{text-transform:uppercase;letter-spacing:.08em;background:var(--bg);width:fit-content;padding:6px 0;font-size:12px}.gate .hero h1{font:900 clamp(54px,14.3vw,216px)/.82 var(--sans);letter-spacing:-.055em;text-transform:lowercase;color:var(--sig);overflow-wrap:anywhere;background:var(--bg);padding-bottom:.12em}.gate .hero .cursor{background:var(--texto);vertical-align:baseline;width:.42em;height:.025em;margin-left:.04em;display:inline-block}.gate .sleeve{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,4vw,56px);max-width:1500px;margin:auto;padding:32px clamp(16px,3vw,44px) 80px;display:grid}.gate .sleeve.sin-portada{grid-template-columns:minmax(0,1fr);max-width:1000px}.gate .cover{aspect-ratio:1;object-fit:cover;background:var(--bg);border:1.5px solid;width:100%;height:auto;padding:10px;position:sticky;top:20px}.gate .side{background:var(--bg);border:1.5px solid;gap:22px;min-width:0;padding:20px;display:grid}.gate .artist,.gate .remix,.gate .stamp{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.gate .stamp{border:1.5px solid;width:fit-content;margin-bottom:22px;padding:8px 10px;transform:rotate(-2deg)}.gate .title{font:900 clamp(54px,7vw,120px)/.82 var(--sans);letter-spacing:-.055em;text-transform:lowercase;color:var(--sig);overflow-wrap:anywhere;margin:14px 0}.gate .player{border:0;width:100%;display:block}.gate .support h2,.gate .files h2{font:500 12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;padding-bottom:12px}.gate .connect{border-top:1.5px solid;grid-template-columns:26px 1fr;gap:10px;min-height:44px;padding:16px 0;text-decoration:none;display:grid}.gate .connect>span:last-child{min-width:0;font:800 20px/1.2 var(--sans)}.gate .connect small{font:400 12px/1.5 var(--mono);margin-top:6px;display:block}.gate .numero{font-size:12px}.gate .pasos{grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;margin-top:12px;display:grid}.gate .pasos b{border:1.5px solid var(--texto);height:14px;transition:background .12s;transition-delay:calc(var(--paso) * 22ms)}.gate .pasos b:nth-child(4n+1){border-left-width:3px}.gate [data-activado=true] .pasos b{background:var(--sig)}.gate .support p,.gate .fine,.gate .note,.gate .thanks,.gate .empty{font-size:13px;line-height:1.6}.gate .files{display:grid}.gate .file{border-top:1.5px solid;grid-template-columns:60px 1fr 20px;align-items:center;gap:12px;min-height:60px;padding:16px 12px;text-decoration:none;display:grid}.gate .file:last-child{border-bottom:1.5px solid}.gate .file small{font-size:12px}.gate .done{display:none}.gate [data-hecho] .done{display:inline}.gate .file:hover,.gate .connect:hover{background:var(--texto);color:var(--bg)}.gate .connect:hover .pasos b{border-color:var(--bg)}.gate .opt,.gate .reply{border-top:1.5px solid;gap:10px;padding-top:16px;display:grid}.gate label{font-size:14px}.gate .row{gap:8px;display:flex}.gate input,.gate textarea{border:1.5px solid var(--texto);background:var(--bg);width:100%;min-width:0;color:var(--texto);font:inherit;border-radius:0;padding:12px;font-size:16px}.gate button[type=submit],.gate .listen,.gate .disparar{background:var(--texto);min-height:48px;color:var(--bg);border:1.5px solid var(--texto);cursor:pointer;font:600 12px/1.5 var(--mono);text-transform:uppercase;padding:12px 20px;text-decoration:none;transition:transform .15s}.gate .disparar{justify-self:end}.gate button[type=submit]:hover,.gate .listen:hover,.gate .disparar:hover{background:var(--sig);color:var(--sobre-sig);box-shadow:4px 4px 0 var(--texto);transform:translate(-2px,-2px)}.gate button[type=submit]:active,.gate .disparar:active{box-shadow:none;transform:none}.gate button:disabled{opacity:.65;cursor:progress}.gate .fine{color:var(--mute)}.gate .fine a,.gate .priv{align-items:center;min-height:44px;display:inline-flex}.gate .estado{font-size:14px}.gate .estado:empty,.gate .canal-estado:empty{display:none}.gate .trampa{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.gate .data{text-transform:uppercase;border-top:1.5px solid;grid-template-columns:max-content 1fr;gap:8px 16px;padding-top:16px;font-size:12px;display:grid}.gate .data dt{color:var(--mute)}.gate .data dd{margin:0}.gate .foot{border-top:1.5px solid;gap:12px;padding-top:16px;font-size:12px;display:grid}.gate .foot p{margin-bottom:8px}.gate .artist-home{align-items:center;min-width:44px;min-height:44px;display:flex}.gate .priv{margin-left:12px}.gate .draft{background:var(--bg);border-bottom:1.5px solid;padding:12px clamp(16px,3vw,44px);font-size:12px}[data-mode] :focus-visible{outline:3px solid var(--texto);outline-offset:4px}@media (width<=860px){.gate .sleeve{grid-template-columns:1fr}.gate .cover{position:static}.gate .side{padding:16px}.gate .hero{padding-top:28px}.gate .bar div{gap:8px}.gate .title{font-size:clamp(44px,13.4vw,100px)}}.gate .bar a,.gate .bar button{white-space:normal;overflow-wrap:anywhere;text-align:start}.gate .connect,.gate .opt,.gate .reply,.gate .file{overflow-wrap:anywhere}.gate .row input{flex:12rem}.gate .row button{flex:0 auto}.gate .opt small{font-size:12px}@media (width<=480px){.gate .row{flex-wrap:wrap}.gate .row button{width:100%}}.gate .opt>label{font:800 20px/1.2 var(--sans)}
