:root:has([data-genero=techno]){--background:#0a0a0a;--surface:#1c1d1f;--foreground:#e8e8e3;--muted:#b3b6ba;--line:#44464a;--purple:#d7261e;--gold:#d7261e;--green:#d7261e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has([data-genero=hardgroove]){--background:#050505;--surface:#16100f;--foreground:#f4f1ea;--muted:#cfc8c0;--line:#5a2a2a;--purple:#ff1e1e;--gold:#f2f500;--green:#f2f500;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has([data-genero=techhouse]){--background:#1b1410;--surface:#2a1f18;--foreground:#f4ede0;--muted:#d8ccbb;--line:#6a5545;--purple:#ff6b35;--gold:#ffb703;--green:#ffb703;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has([data-genero]){background:var(--background)}.genero{--acento-texto:var(--acento);--boton-fg:#fff;--boton-bg:var(--acento);min-height:100svh;position:relative;overflow-x:clip}.genero[data-genero=techno]{--boton-bg:#c2231b;--acento-texto:#f0453b}.genero[data-genero=hardgroove]{--boton-bg:#d40f0f}.genero[data-genero=techhouse]{--boton-fg:#1b1410}.genero .button-purple{background:var(--boton-bg);border-color:var(--boton-bg);color:var(--boton-fg)}.genero .button-purple:hover{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.genero .site-header .nav-cta{border-color:var(--acento)}.g-nav{text-transform:uppercase;letter-spacing:.06em;gap:1.5rem;margin-left:auto;font-size:.8rem;font-weight:600;display:none}.g-nav a{padding-block:.7rem}.g-nav a:hover{color:var(--acento-texto)}@media (min-width:900px){.g-nav{display:flex}}@media (max-width:899px){.g-header{flex-wrap:wrap}.g-header .session-switcher{margin-left:auto}}.g-kicker{color:var(--acento-texto);letter-spacing:.09em;text-transform:uppercase;font:.8rem/1.6 ui-monospace,monospace}.genero .ts-title{color:var(--foreground)}.genero[data-genero=techno] .ts-title{font-family:var(--font-space-grotesk), "Arial Narrow", sans-serif;letter-spacing:.01em;font-weight:700;font-stretch:100%;line-height:1.02}.genero[data-genero=techhouse] .ts-title{font-family:var(--font-space-grotesk), sans-serif;text-transform:none;letter-spacing:-.025em;font-weight:700;font-stretch:100%;line-height:1.02}.genero .ts-actions .button{min-height:44px}.g-hero{isolation:isolate;align-items:center;gap:2rem;min-width:0;padding:clamp(1.5rem,5vw,4rem) clamp(1.25rem,5vw,6rem) clamp(2.5rem,6vw,5rem);display:grid;position:relative}.g-copy{gap:1.25rem;min-width:0;max-width:62ch;display:grid}.g-flyer{width:min(68vw,300px);box-shadow:0 0 0 1px var(--acento), 0 0 48px color-mix(in srgb, var(--acento) 35%, transparent);order:-1;justify-self:center}.genero[data-genero=techno] .g-hero{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:-1px -1px;background-size:56px 56px}.genero[data-genero=techno] .g-hero:before{content:"";z-index:-1;background:radial-gradient(ellipse at 70% 40%, transparent 0, var(--background) 75%);position:absolute;inset:0}.genero[data-genero=hardgroove] .g-hero{text-align:left;border-top:14px solid #0000;border-image:repeating-linear-gradient(135deg,#f2f500 0 18px,#050505 18px 36px) 14}.genero[data-genero=hardgroove] .ts-title{text-shadow:3px 3px #6b0f1a;font-size:clamp(2.8rem,8vw,6.5rem)}.genero[data-genero=techhouse] .g-hero{background:radial-gradient(circle at 18% 30%, color-mix(in srgb, var(--acento2) 28%, transparent), transparent 45%), radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--acento) 26%, transparent), transparent 50%)}.genero[data-genero=techhouse] .g-flyer{border-radius:22px}@media (min-width:900px){.g-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);min-height:calc(100svh - 80px)}.g-flyer{order:0;width:min(100%,min(80svh,760px)/1.77778)}.g-der .g-copy{grid-area:1/1}.g-der .g-flyer{grid-area:1/2;justify-self:center}.g-izq .g-flyer{grid-area:1/1;justify-self:center}.g-izq .g-copy{grid-area:1/2}.g-centro{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;min-height:0}.g-centro .g-copy{order:0;justify-items:center;max-width:80ch}.g-centro .ts-actions{justify-content:center}.g-centro .g-flyer{order:1;width:min(100%,420px)}}.g-seccion{border-top:1px solid var(--line);gap:1.25rem;min-width:0;padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,6rem);scroll-margin-top:90px;display:grid}.g-seccion>.ts-title{margin:.25rem 0 1rem;font-size:clamp(2rem,4.6vw,4rem)}.g-simbolos,.g-paleta,.g-crear,.g-mov{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.g-simbolos{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}.g-simbolos li,.g-crear li{border-top:2px solid var(--acento);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 80%, transparent), transparent);min-width:0;padding-top:.9rem}.g-icono{color:var(--acento);margin-bottom:.6rem;display:block}.g-simbolos h3,.g-crear h3{margin-bottom:.35rem;font-size:1.05rem}.g-simbolos p,.g-crear p{color:var(--muted);font-size:.92rem;line-height:1.55}.g-paleta{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.g-paleta li{color:var(--muted);gap:.3rem;font-size:.85rem;display:grid}.g-paleta b{color:var(--foreground);letter-spacing:.04em;font:600 .85rem ui-monospace,monospace}.g-muestra{border:1px solid var(--line);height:64px;display:block}.g-sub{color:var(--acento-texto);margin-top:1.5rem;font-size:1.1rem}.g-mov{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.g-mov li{border:1px solid var(--line);background:var(--surface);gap:.3rem;min-width:0;padding:.9rem 1rem;display:grid}.g-mov b{color:var(--foreground)}.g-mov span{color:var(--muted);font-size:.92rem;line-height:1.55}.g-crear{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.g-nota{color:var(--muted);max-width:62ch}.genero .ts-process{grid-template-columns:minmax(0,1fr)}@media (min-width:700px){.genero .ts-process{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.genero .ts-process{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:900px){.genero .ts-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}.genero a:focus-visible,.genero button:focus-visible,.g-seccion :focus-visible{outline:3px solid var(--acento2,var(--acento));outline-offset:3px}html:has(.genero[data-fondo]){background:var(--background)}.genero[data-fondo]{background:0 0}body:has(.genero[data-fondo]){background:0 0}.genero[data-fondo]{isolation:isolate}.genero[data-fondo=bg-hardgroove]{--g-velo:.42;--acento-texto:#ff9292}.genero[data-fondo=bg-techhouse]{--g-velo:.34;--acento-texto:#ffad85}.genero[data-fondo]>.g-fondo{z-index:-1;pointer-events:none;background:var(--background);position:fixed;inset:0}.g-fondo:after{content:"";background:rgb(0 0 0/var(--g-velo));position:absolute;inset:0}.genero[data-fondo] .g-seccion,.genero[data-fondo] .g-hero{background:color-mix(in srgb, var(--background) 62%, transparent)}.genero[data-fondo] .g-seccion>*,.genero[data-fondo] .ts-actions{overflow-wrap:anywhere;min-width:0}@media (min-width:900px){.genero[data-fondo] .g-seccion,.genero[data-fondo] .g-hero{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@media (prefers-reduced-motion:reduce){.genero[data-fondo] .g-fondo video{display:none}}.genero[data-fondo] .g-seccion{background:linear-gradient(180deg, color-mix(in srgb, var(--background) 40%, transparent), color-mix(in srgb, var(--background) 58%, transparent))}.genero[data-fondo] .g-hero{background:radial-gradient(ellipse at 50% 35%, color-mix(in srgb, var(--background) 30%, transparent), color-mix(in srgb, var(--background) 62%, transparent) 85%)}.genero[data-fondo] .g-copy{background:color-mix(in srgb, var(--background) 82%, transparent);padding:1.25rem}.genero[data-fondo] :is(.g-simbolos,.g-crear) li{background:color-mix(in srgb, var(--surface) 86%, transparent);padding:.9rem 1rem 1rem}.genero[data-fondo] .g-paleta li,.genero[data-fondo] .ts-process>*{background:color-mix(in srgb, var(--background) 86%, transparent);padding:.6rem}.genero[data-fondo] .g-kicker{text-shadow:0 1px 6px #000,0 0 2px #000;font-size:.9rem}.genero[data-fondo] .ts-title{text-shadow:2px 2px #000,0 2px 18px #000000b3}.genero[data-genero=techhouse][data-fondo] :is(.g-copy,.g-simbolos li,.g-crear li,.g-paleta li,.ts-process>*){border-radius:14px}@media (min-width:1100px){.genero[data-fondo] .g-simbolos{grid-template-columns:repeat(4,minmax(0,1fr))}}