@font-face{font-family:"Host Grotesk";font-weight:100 900;font-display:swap;src:url(assets__HostGrotesk-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-display:swap;src:url(../vendor/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-weight:400;font-style:normal;font-display:swap;src:url(../vendor/fonts/instrument-serif-latin-400-normal.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-weight:400;font-style:italic;font-display:swap;src:url(../vendor/fonts/instrument-serif-latin-400-italic.woff2) format("woff2")}:root{--bg:#050505;--panel:#0b0b0b;--line:#2a2a2a;--line2:#3d3d3d;--fg:#f2f2f2;--txt:#d6d6d6;--soft:#bdbdbd;--mute:#8a8a8a;--dim:#4a4a4a;--ok:#8fd19e;--sans:"Host Grotesk",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--serif:"Instrument Serif",Georgia,serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}main{max-width:1200px;margin:0 auto;padding:0 28px 48px;counter-reset:sec}a{color:var(--fg);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--mute)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid var(--fg);outline-offset:3px}p{margin:0 0 14px}h1,h2,h3{color:var(--fg);margin:0}h1{font:700 clamp(40px,6.6vw,92px)/.96 var(--sans);letter-spacing:-.035em;margin:18px 0 22px;max-width:960px}h2{font:700 clamp(26px,3vw,40px)/1.04 var(--sans);letter-spacing:-.025em;margin:0 0 14px}h3{font:600 17px/1.3 var(--sans);letter-spacing:-.01em;margin:14px 0 6px}.editorial{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em}.num,.ruler,.ruler span,.tag,figcaption .tag,summary{font:500 10.5px/1.5 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}.muted{color:var(--mute)}strong{color:var(--fg);font-weight:600}ol,ul{padding-left:20px;margin:10px 0 16px}li{margin:4px 0}li::marker{color:var(--mute)}.cta,button{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;background:var(--fg);color:#000;border:1px solid var(--fg);border-radius:4px;padding:12px 18px;transition:background .15s,color .15s,border-color .15s}.cta:hover,button:hover{background:0 0;color:var(--fg)}.cta.ghost,.ghost,button.ghost{background:0 0;color:var(--fg);border-color:var(--line2)}.cta.ghost:hover,.ghost:hover,button.ghost:hover{border-color:var(--fg);background:0 0;color:var(--fg)}.active,.pill.active,button.active{background:var(--fg)!important;color:#000!important;border-color:var(--fg)!important}button:disabled{opacity:.3;cursor:default;pointer-events:none}.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.nav>a:not(.cta){font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--mute)}.nav>a:not(.cta):hover{color:var(--fg)}#tabs button,.pill{background:0 0;color:var(--mute);border-color:var(--line);padding:9px 12px;font-size:10.5px}#tabs button:hover,.pill:hover{color:var(--fg);border-color:var(--fg)}.brandbar{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:22px 28px;border-bottom:1px solid var(--line)}.brandbar>a{display:flex;align-items:center;gap:14px;text-decoration:none}.brandbar img{width:170px;height:auto;display:block}.brandbar>a::after{content:"TUTORIALES";font:500 11px var(--mono);letter-spacing:.42em;color:var(--mute);padding-left:14px;border-left:1px solid var(--line)}.brandbar nav{display:flex;gap:22px}.brandbar nav a{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--mute)}.brandbar nav a:hover{color:var(--fg)}.brandbar nav a:first-child{color:var(--fg)}.brandfooter{max-width:1144px;margin:72px auto 0;padding:26px 0 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.brandfooter a{color:var(--mute);text-decoration:none}.brandfooter a:hover{color:var(--fg)}section{border-top:1px solid var(--line);padding-top:30px;margin-top:64px;scroll-margin-top:20px;counter-increment:sec}main>section>.exercise:first-child>.tag:first-child::before,main>section>.tag:first-child::before,main>section>h2:first-child::before{content:counter(sec,decimal-leading-zero) " — ";color:var(--fg)}main>section>h2:first-child::before{display:block;font:500 10.5px/1.5 var(--mono);letter-spacing:.24em;margin-bottom:12px}main>section>.tag:first-child{display:block;margin-bottom:10px}main>.tag:first-child{display:block;margin-top:34px}header{display:flex;justify-content:space-between;align-items:center;margin-top:34px}.intro{max-width:680px;font-size:18px;color:var(--soft)}main>p.muted{max-width:680px;font-size:18px;color:var(--soft)}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;margin:34px 0 0}.hero img,.hero video{width:100%;max-height:520px;object-fit:contain;background:#000;border:1px solid var(--line);border-radius:6px;display:block}.hero .tag{display:block;margin-bottom:10px}.side h2{font-size:clamp(24px,2.6vw,34px)}.guide{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;margin-top:18px;align-items:start}.screen{width:100%;display:block;border:1px solid var(--line);border-radius:6px;background:#000}.guide video{width:100%;border:1px solid var(--line);border-radius:6px;background:#000;display:block}.guide #media video{max-height:520px}.guide h2{font-size:26px;margin-top:8px}.check{border-left:1px solid var(--fg);padding-left:14px;color:var(--soft);font-size:15px}#recipe{font:13px/1.8 var(--mono);color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px 16px;margin:12px 0}.num{display:block}#zoom{margin-top:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.cards article{border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:12px 12px 16px;transition:border-color .2s}.cards article:hover{border-color:var(--line2)}.cards img,.cards video{width:100%;max-height:460px;object-fit:contain;background:#000;border-radius:3px;display:block}.cards h3{margin-top:14px}.cards p{font-size:14.5px;color:var(--soft)}.cards a[download]{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.exercise{border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:30px}.exercise .tag{display:block;margin-bottom:10px}.downloads a,.exercise p a{font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.downloads{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0}details{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;color:var(--fg)}summary::-webkit-details-marker{display:none}summary::before{content:"+";font:400 15px var(--mono);color:var(--mute)}details[open] summary::before{content:"–"}details p{margin-top:12px;color:var(--soft);max-width:820px}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--line2);border-radius:6px;width:1300px;max-width:96vw;padding:16px}dialog::backdrop{background:rgba(0,0,0,.85)}dialog button{margin-bottom:14px}.scroll,.zoomScroll{overflow:auto;max-height:76vh}.scroll img,.zoomScroll img{width:1265px;max-width:none;display:block}.enuso{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:40px;align-items:start;margin-top:22px}.enuso video{width:100%;aspect-ratio:4/5;background:#000;display:block;border:1px solid var(--line);border-radius:6px}.enuso ul{margin:10px 0 18px}.enuso.tres{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.enuso figure{margin:0}.enuso figcaption h3{margin:14px 0 4px}.enuso figcaption p{margin:0}.hubhero{padding:56px 0 48px}.hubhero h1{font-size:clamp(46px,7.6vw,108px);max-width:1040px}.hubhero p{max-width:600px;font-size:19px;color:var(--soft)}.ruler{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:12px;margin-bottom:40px}.grupo{margin-top:56px;counter-increment:none}.grupo:first-child{margin-top:8px}.grupohead{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid var(--line);padding-top:14px}.grupohead h2{font-size:clamp(26px,3vw,36px);margin:0}.grupohead p{margin:0;color:var(--mute);max-width:420px;text-align:right;font-size:15px}.toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.toolcard{display:flex;flex-direction:column;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:6px;background:#000;overflow:hidden;transition:border-color .2s}.toolcard img{order:-1;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;opacity:.75;transition:opacity .25s,transform .4s;display:block}.toolcard>.tag:first-child{padding:14px 16px 0}.toolcard h2{font-size:24px;margin:6px 16px 8px}.toolcard p{color:var(--soft);font-size:14.5px;margin:0 16px 14px}.toolcard>.tag:last-child{margin:auto 16px 16px;color:var(--fg)}.toolcard:focus-visible,.toolcard:hover{border-color:var(--fg);outline:0}.toolcard:focus-visible img,.toolcard:hover img{opacity:1;transform:scale(1.02)}.brandnote{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:44px 0 0;counter-increment:none}.brandnote h2{font-size:clamp(32px,4vw,48px)}.brandnote .cta{margin-right:16px}.flujo{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:0;margin:22px 0 8px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.flujo li{list-style:none;margin:0;padding:18px 18px 20px;border-left:1px solid var(--line);position:relative}.flujo li:first-child{border-left:0}.flujo li:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:16px;z-index:1;width:18px;text-align:center;background:var(--panel);color:var(--fg);font:400 14px var(--mono)}.flujo b{display:block;font:500 10.5px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}.flujo strong{display:block;font:600 17px/1.25 var(--sans);margin-bottom:8px}.flujo span{display:block;font-size:13.5px;color:var(--soft);line-height:1.5}.flujo{padding:0}.mapa{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}.mapa th{font:500 10.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line2)}.mapa td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--soft)}.mapa td:first-child{color:var(--fg);font-weight:600;white-space:nowrap}.mapa .barra{display:flex;align-items:center;gap:8px;font:500 10px var(--mono);letter-spacing:.08em;color:var(--mute);text-transform:uppercase;white-space:nowrap}.mapa .barra i{flex:1;min-width:70px;height:2px;background:linear-gradient(90deg,var(--dim),var(--fg));border-radius:1px}.combos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:20px}.combo{border:1px solid var(--line);border-radius:6px;padding:18px;background:var(--panel)}.combo .tag{display:block;margin-bottom:8px}.combo h3{margin:0 0 8px}.combo p{font-size:14.5px;color:var(--soft);margin:0 0 10px}.combo code,.receta{display:block;font:12px/1.75 var(--mono);color:var(--fg);border-top:1px solid var(--line);padding-top:10px;margin-top:10px;white-space:normal}.combo a{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}.cruce{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:500 10.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg);margin-bottom:10px}.cruce i{font-style:normal;color:var(--mute)}@media(max-width:900px){.brandnote,.cards,.enuso,.enuso.tres,.guide,.hero,.toolgrid{grid-template-columns:1fr}.cards[style*=grid-template-columns]{grid-template-columns:1fr!important}.hero img,.hero video{max-height:420px}.enuso video{max-width:440px}.flujo{grid-template-columns:1fr}.flujo li{border-left:0;border-top:1px solid var(--line)}.flujo li:first-child{border-top:0}.flujo li:not(:last-child)::after{content:"↓";right:auto;left:18px;top:auto;bottom:-11px}.mapa thead{display:none}.mapa tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}.mapa td{display:block;border:0;padding:4px 0}}@media(max-width:700px){main{padding:0 18px 36px}.brandbar{padding:18px}.brandbar img{width:128px}.brandbar>a::after{display:none}.brandbar nav{gap:14px}.brandbar nav a:last-child{display:none}.hubhero{padding:26px 0}.hubhero p{font-size:17px}.hubhero .ruler span:last-child{display:none}.grupohead{flex-direction:column;gap:6px}.grupohead p{text-align:left}.brandfooter{margin:56px 18px 0;flex-direction:column}.brandnote .cta{display:flex;width:max-content;margin:0 0 14px}.exercise{padding:22px}section{margin-top:48px}}.toolcard{position:relative}.chip{position:absolute;top:10px;left:10px;z-index:1;font:500 9px/1 var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;background:var(--fg);color:#000;border-radius:3px;padding:5px 7px}.lead{font-size:18px;color:var(--soft);max-width:820px}.sub{font:500 10.5px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin:34px 0 0}.mapa .barra.para{color:var(--fg)}.combo a{display:inline-block;margin-top:12px}.conexiones{counter-increment:none}.red{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.red li{margin:0;padding:18px 20px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:var(--panel)}.red li:nth-child(2n){border-right:0}.red li:nth-last-child(-n+2){border-bottom:0}.red p{margin:8px 0 0;font-size:14.5px;color:var(--soft)}@media(max-width:900px){.red{grid-template-columns:1fr}.red li{border-right:0}.red li:nth-last-child(2){border-bottom:1px solid var(--line)}}.conexiones>.tag:first-child::before{content:none!important}.combos{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.combos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.combos{grid-template-columns:1fr}}