@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/bricolage-grotesque-vietnamese-wght-normal-S2S5QD6B.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/bricolage-grotesque-latin-ext-wght-normal-EMW626ZA.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/bricolage-grotesque-latin-wght-normal-HY2A4V5R.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./media/ibm-plex-mono-latin-400-normal-A2WATXFY.woff2") format("woff2"),url("./media/ibm-plex-mono-latin-400-normal-4MWPPJAM.woff") format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url("./media/ibm-plex-mono-latin-500-normal-33HAQIPI.woff2") format("woff2"),url("./media/ibm-plex-mono-latin-500-normal-EJMP6L36.woff") format("woff")}:root{color-scheme:dark;--fondo: #0e1110;--panel: #161a18;--panel-alto: #1e2421;--linea: #2d3531;--texto: #ece9e1;--suave: #a7aea6;--ambar: #ffb224;--verde: #74dd9e;--rojo: #ff8370;--radio: 14px;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--titulo: "Bricolage Grotesque Variable", system-ui, sans-serif;--lateral: clamp(16px, 4vw, 56px)}@property --giro{syntax: "<angle>"; inherits: false; initial-value: 0deg;}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--fondo);color:var(--texto);font:400 1rem/1.55 var(--titulo);overflow-x:hidden}body:before{content:"";position:fixed;inset:-20vh 0;z-index:-1;background-image:linear-gradient(var(--panel) 1px,transparent 1px),linear-gradient(90deg,var(--panel) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 30% 20%,#000,transparent);mask-image:radial-gradient(ellipse 70% 55% at 30% 20%,#000,transparent)}h1,h2,h3,h4{font-family:var(--titulo);margin:0;text-wrap:balance}h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:650;letter-spacing:-.015em}h3{font-size:1.15rem;font-weight:650}h4{font-size:.8rem;font-weight:500;font-family:var(--mono);color:var(--suave);margin-top:16px}p{margin:0;text-wrap:pretty}a{color:var(--ambar);text-underline-offset:3px}code,pre{font-family:var(--mono);font-size:.85em}ul,ol{list-style:none;margin:0;padding:0}:focus-visible{outline:2px solid var(--ambar);outline-offset:2px;border-radius:4px}.boton{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--linea);border-radius:10px;background:var(--panel-alto);color:var(--texto);font:550 .95rem var(--titulo);text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .16s ease,border-color .16s ease}.boton:hover:not(:disabled){border-color:var(--suave)}.boton:active:not(:disabled){transform:scale(.97)}.boton:disabled{opacity:.45;cursor:not-allowed}.boton.primario{background:var(--ambar);border-color:var(--ambar);color:#1a1405}.boton.primario:hover:not(:disabled){background:#ffc252;border-color:#ffc252}.boton.pequeno{min-height:36px;padding:0 12px;font-size:.85rem}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start;max-width:1320px;margin:0 auto;padding:clamp(24px,5vh,56px) var(--lateral) 24px}.marca{font:500 .95rem var(--mono);color:var(--ambar);margin-bottom:18px}.hero h1{font-size:clamp(2rem,4.1vw,3.5rem);line-height:1.06;font-weight:700;letter-spacing:-.025em}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.chips li{padding:4px 10px;border:1px solid var(--linea);border-radius:999px;font:400 .8rem var(--mono);color:var(--suave)}.acciones{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.reproductor{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.sello{font:500 .8rem var(--mono);color:var(--verde)}.sello.ejemplo{color:var(--rojo)}.pantalla{width:100%;height:min(60vh,560px);overflow-y:auto;padding:18px;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:0 24px 60px -30px #000}.grabaciones{display:flex;flex-wrap:wrap;gap:8px;max-width:1320px;margin:0 auto;padding:0 var(--lateral)}.grabaciones [aria-pressed=true]{border-color:var(--ambar)}.franja,.casos,.diagrama,.panel-investigacion:not(:empty),.pie{max-width:1320px;margin:0 auto;padding:32px var(--lateral)}.franja h2{font-size:1.15rem;color:var(--suave);font-weight:550}.franja-resumen{margin-top:8px;font-variant-numeric:tabular-nums}.franja-resumen strong{font-size:1.9rem;font-weight:700;color:var(--texto)}.franja-resumen .franja-cifra{display:block;font-size:clamp(3rem,8vw,5.5rem);line-height:1;letter-spacing:-.03em;margin-bottom:8px}.franja-pendiente{margin-top:8px;font-size:1.15rem}.franja-casos{display:grid;gap:8px;margin-top:16px}.franja-casos li{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding:12px 14px;background:var(--panel);border:1px solid var(--linea);border-radius:10px;font-size:.9rem}.celdas{display:grid;grid-template-columns:repeat(auto-fill,24px);gap:4px}.celda{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:5px;font:500 .9rem/1 var(--mono)}.celda.bien{background:color-mix(in srgb,var(--verde) 72%,var(--panel))}.celda.mal{background:var(--rojo);color:#2a0d07;cursor:pointer}.celda.mal:hover{background:#ffa394}.caso-dato{font-family:var(--mono);font-variant-numeric:tabular-nums}.franja-inyeccion{margin-top:14px}.fallos li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--linea)}summary{cursor:pointer;font:500 .82rem var(--mono);color:var(--suave);padding:6px 0}.franja details{margin-top:10px}.suave{color:var(--suave)}.ayuda{color:var(--suave);margin-top:6px}.nota{color:var(--suave);font-size:.9rem}.tarjetas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}.tarjetas li{display:flex}.tarjeta{display:flex;flex-direction:column;gap:8px;width:100%;padding:20px;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.tarjeta:hover{border-color:var(--ambar);transform:translateY(-3px)}.tarjeta:active{transform:translateY(0) scale(.99)}.hero{position:relative}.tarjeta-titulo{font-size:1.1rem;font-weight:650}.tarjeta-texto{color:var(--suave);font-size:.93rem;text-wrap:pretty}.tarjeta-titulo:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--rojo);vertical-align:.12em}.tarjeta-accion{margin-top:auto;padding-top:8px;font:500 .8rem var(--mono);color:var(--ambar)}.tarjeta:hover{box-shadow:0 18px 40px -24px var(--ambar)}.monitor{height:64px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.monitor svg{display:block;width:100%;height:100%}.monitor path{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.monitor-base{stroke:var(--linea)}.monitor-pulso{stroke:var(--ambar);stroke-dasharray:.16 .84;opacity:0}.corte{display:flex;align-items:center;gap:14px;margin-top:22px;font:500 .8rem var(--mono);color:var(--rojo);text-align:center}.corte span{flex:0 1 auto}.corte:before,.corte:after{content:"";flex:1 1 40px;height:2px;background:repeating-linear-gradient(90deg,var(--rojo) 0 8px,transparent 8px 16px)}.corte:after{opacity:.25}.piezas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:24px}.pieza{position:relative;padding:20px;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio)}.pieza p{font-size:.93rem}.tecnologia{font-family:var(--mono);color:var(--ambar);font-size:.78rem!important;margin:4px 0 10px}.pieza:not(:last-child):after{content:"";position:absolute;top:50%;left:100%;width:40px;height:2px;background:var(--ambar);transform-origin:left}.enlace-pieza{margin-top:12px;font:400 .75rem var(--mono);color:var(--suave)}.pie{color:var(--suave);font-size:.9rem;padding-bottom:48px}.titulo-caso{margin-bottom:14px}.panel-investigacion:not(:empty) linea-temporal{display:block;padding:18px;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio)}.cabecera-linea{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-bottom:12px}.estado{display:inline-flex;align-items:center;gap:8px;font:500 .88rem var(--mono)}.estado.vivo:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ambar)}.consumo{font:400 .82rem var(--mono);color:var(--suave);font-variant-numeric:tabular-nums}.alerta,.fila{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:baseline}.alerta{padding-bottom:12px}.fila{font-size:.93rem}.fila+.fila{margin-top:4px}.etiqueta{font:500 .72rem var(--mono)}.etiqueta.alarma{color:var(--rojo)}.etiqueta.consulta{color:var(--suave)}.etiqueta.encuentra{color:var(--ambar)}.etiqueta.descarta{color:var(--verde)}.args{color:var(--suave);overflow-wrap:anywhere}.pasos{position:relative}.pasos li{position:relative;padding:10px 0 10px 16px}.pasos li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--linea);transform-origin:top}.paso.con-trampa{padding:10px;margin-left:-10px;border:1px solid color-mix(in srgb,var(--rojo) 55%,transparent);border-radius:10px}.aviso-trampa{margin-top:8px;color:var(--rojo);font-size:.9rem}.salida,.operacion{margin:6px 0 0;padding:10px;background:var(--fondo);border:1px solid var(--linea);border-radius:8px;overflow-x:auto;font-size:.78rem;line-height:1.5}.linea{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.linea-trampa{background:color-mix(in srgb,var(--rojo) 22%,transparent);color:var(--texto)}.diagnostico,.aprobacion{margin-top:12px;padding:14px;background:var(--panel-alto);border:1px solid var(--linea);border-radius:12px}.veredicto[data-veredicto=falsa_alarma]{color:var(--verde)}.veredicto[data-veredicto=averia]{color:var(--ambar)}.causa{margin-top:2px;font-weight:550}.explicacion{margin-top:8px;color:var(--suave)}.pruebas li{margin-top:4px;font-size:.88rem;overflow-wrap:anywhere}.pruebas a{margin-right:8px;white-space:nowrap}.correccion{margin-top:12px;color:var(--verde);font:500 .82rem var(--mono)}.correccion.mal,.resultado.mal{color:var(--rojo)}.aprobacion p{font-size:.93rem;margin-top:4px}.aprobacion .acciones{margin-top:12px}.cuenta{font:500 .9rem var(--mono);font-variant-numeric:tabular-nums;color:var(--suave)}.resultado{margin-top:12px;color:var(--verde);overflow-wrap:anywhere}.fin{margin-top:12px;color:var(--suave);font-size:.93rem}.rechazo{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:18px;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio)}@media(max-width:960px){.hero{grid-template-columns:minmax(0,1fr)}.pantalla{height:min(58vh,480px)}.piezas{grid-template-columns:minmax(0,1fr);gap:32px}.franja-casos li{grid-template-columns:minmax(0,1fr) auto}.celdas{grid-column:1 / -1;grid-row:2}.pieza:not(:last-child):after{top:100%;left:32px;width:2px;height:32px;transform-origin:top}.alerta,.fila{grid-template-columns:minmax(0,1fr);gap:0}}@media(max-width:1180px){.tarjetas{grid-template-columns:repeat(3,minmax(0,1fr))}.tarjetas li:last-child{grid-column:span 2}}@media(max-width:700px){.tarjetas{grid-template-columns:minmax(0,1fr)}.tarjetas li:last-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boton,.tarjeta{transition:none}.tarjeta:hover{transform:none}}@media(prefers-reduced-motion:no-preference){.hero-texto>*{animation:subir .52s cubic-bezier(.2,.7,.2,1) backwards}.hero-texto h1{animation-name:asentarse;animation-delay:60ms}.hero-texto>:nth-child(3){animation-delay:.14s}.hero-texto>:nth-child(4){animation-delay:.2s}.pasos li>*{animation:subir .36s cubic-bezier(.2,.7,.2,1) backwards}.pasos li:before{animation:dibujar .42s ease-out backwards}.diagnostico,.aprobacion,.resultado,.fin{animation:subir .36s cubic-bezier(.2,.7,.2,1) backwards}.estado.vivo:before{animation:latir 1.3s ease-in-out infinite}.tarjeta-titulo:before{animation:latir 1.6s ease-in-out infinite}.monitor-pulso{opacity:1;animation:pulso 5s linear infinite}.celda{transition:opacity .26s ease,transform .26s cubic-bezier(.2,.7,.2,1),background-color .12s ease;transition-delay:calc(var(--i) * 13ms)}.franja-casos:not(.encendida) .celda{opacity:.08;transform:scale(.55)}.celda.mal:hover{transform:scale(1.18);transition-delay:0ms}.pieza:not(:last-child):before{content:"";position:absolute;top:calc(50% - 3px);left:100%;width:8px;height:8px;border-radius:50%;background:var(--ambar);box-shadow:0 0 12px var(--ambar);animation:viajar 2.2s ease-in-out infinite}.corte:before{animation:avanzar .8s linear infinite}@supports (animation-timeline: view()){body:before{animation:quedarse linear both;animation-timeline:scroll(root)}.tarjetas li{animation:inclinar linear both;animation-timeline:view();animation-range:entry 0% entry 60%}.hero-grabacion{animation:flotar linear both;animation-timeline:scroll(root);animation-range:0 70vh}.pieza{animation:montar linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.pieza:not(:last-child):after{animation:dibujar-horizontal linear both;animation-timeline:view();animation-range:entry 45% entry 100%}}}@media(prefers-reduced-motion:no-preference)and (max-width:960px){.hero-grabacion{animation:none!important}.pieza:not(:last-child):before{top:100%;left:29px;animation-name:viajar-abajo}@supports (animation-timeline: view()){.pieza:not(:last-child):after{animation-name:dibujar}}}@keyframes asentarse{0%{transform:translateY(10px)}}@keyframes subir{0%{opacity:0;transform:translateY(14px)}}@keyframes inclinar{0%{opacity:0;transform:translateY(26px) rotate(-1.5deg)}}@keyframes montar{0%{opacity:0;transform:scale(.93)}}@keyframes dibujar{0%{transform:scaleY(0)}}@keyframes dibujar-horizontal{0%{transform:scaleX(0)}}@keyframes latir{50%{opacity:.3}}@keyframes pulso{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes flotar{to{transform:translateY(-40px)}}@keyframes viajar{0%{transform:translate(0);opacity:0}15%,85%{opacity:1}to{transform:translate(32px);opacity:0}}@keyframes viajar-abajo{0%{transform:translateY(0);opacity:0}15%,85%{opacity:1}to{transform:translateY(24px);opacity:0}}@keyframes avanzar{to{background-position-x:16px}}@keyframes quedarse{to{transform:translateY(14vh)}}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}.capas span{position:fixed;z-index:-1;aspect-ratio:1;border-radius:50%;pointer-events:none}.capas span:first-child{top:-28vh;right:-18vw;width:62vw;background:radial-gradient(closest-side,color-mix(in srgb,var(--ambar) 13%,transparent),transparent)}.capas span:last-child{top:62vh;left:-22vw;width:54vw;background:radial-gradient(closest-side,color-mix(in srgb,var(--verde) 9%,transparent),transparent)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(460px circle at var(--x, 28%) var(--y, 24%),color-mix(in srgb,var(--ambar) 11%,transparent),transparent 72%)}.pantalla{border-color:transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--giro),var(--linea) 0 68%,var(--ambar) 84%,var(--verde) 90%,var(--linea) 100%) border-box;animation:girar 7s linear infinite}.tarjeta{background:radial-gradient(280px circle at var(--x, 50%) var(--y, 0%),color-mix(in srgb,var(--ambar) 12%,transparent),transparent 72%),var(--panel);transform:perspective(800px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .14s ease-out,border-color .16s ease,box-shadow .2s ease}.tarjeta:hover{transform:perspective(800px) translateY(-4px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.tarjeta:active{transform:perspective(800px) scale(.985)}.hero-texto h1{animation-name:asentarse-peso;animation-duration:.9s}details::details-content{height:0;overflow:clip;transition:height .32s ease,content-visibility .32s allow-discrete}details[open]::details-content{height:auto}.hero-grabacion{view-transition-name:grabacion}.panel-investigacion:not(:empty){view-transition-name:investigacion}::view-transition-old(grabacion){animation:.22s ease-in both salir-hacia-arriba}::view-transition-new(grabacion){animation:.32s cubic-bezier(.2,.7,.2,1) both entrar-desde-abajo}::view-transition-new(investigacion){animation:.42s cubic-bezier(.2,.7,.2,1) both entrar-desde-abajo}@supports (animation-timeline: view()){body:after{content:"";position:fixed;inset:0 0 auto;z-index:10;height:2px;background:linear-gradient(90deg,var(--ambar),var(--verde));transform-origin:left;animation:progreso linear both;animation-timeline:scroll(root)}.capas span:first-child{animation:capa-lenta linear both;animation-timeline:scroll(root)}.capas span:last-child{animation:capa-rapida linear both;animation-timeline:scroll(root)}.franja h2,.casos h2,.diagrama h2{animation:revelar linear both;animation-timeline:view();animation-range:entry 0% entry 85%}.monitor{animation:abrir-monitor linear both;animation-timeline:view();animation-range:entry 0% cover 40%}.franja-casos li{animation:subir linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.corte{animation:revelar linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}}@media(prefers-reduced-motion:no-preference)and (min-width:961px){@supports (animation-timeline: view()){.hero-texto{animation:flotar-texto linear both;animation-timeline:scroll(root);animation-range:0 70vh}}}@keyframes girar{to{--giro: 360deg}}@keyframes asentarse-peso{0%{transform:translateY(10px);font-weight:400;letter-spacing:0}}@keyframes salir-hacia-arriba{to{opacity:0;transform:translateY(-16px)}}@keyframes entrar-desde-abajo{0%{opacity:0;transform:translateY(22px) scale(.985)}}@keyframes progreso{0%{transform:scaleX(0)}}@keyframes capa-lenta{to{transform:translateY(26vh) scale(1.15)}}@keyframes capa-rapida{to{transform:translateY(-58vh) scale(.9)}}@keyframes revelar{0%{opacity:0;transform:translate(-26px);clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -5% 0 0)}}@keyframes abrir-monitor{0%{transform:scaleX(.7);opacity:.2}}@keyframes flotar-texto{to{transform:translateY(46px)}}