.hero-cinematic{position:relative;height:100vh;overflow:hidden;background:#0a0d0a;color:#5fff8f;font-family:SF Mono,Monaco,Menlo,monospace;isolation:isolate}.hero-cinematic .crt{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0d1810,#050805);overflow:hidden}.hero-cinematic .crt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(95,255,143,.03) 0px,rgba(95,255,143,.03) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:100}.hero-cinematic .crt:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:99}.hero-cinematic .scanline{position:absolute;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,rgba(95,255,143,.08),transparent);z-index:98;pointer-events:none;animation:heroScanMove 8s linear infinite}@keyframes heroScanMove{0%{top:-100px}to{top:100vh}}.hero-cinematic .hud-top{position:absolute;top:0;left:0;right:0;padding:1.5rem 2rem;display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:2px;z-index:10;border-bottom:1px solid rgba(95,255,143,.2);background:#0a0d0a80}.hero-cinematic .hud-block{display:flex;flex-direction:column;gap:.3rem;opacity:0;animation:heroHudFade .4s ease-out forwards}.hero-cinematic .hud-block:nth-child(1){animation-delay:.2s}.hero-cinematic .hud-block:nth-child(2){animation-delay:.4s}.hero-cinematic .hud-block:nth-child(3){animation-delay:.6s}.hero-cinematic .hud-block:nth-child(4){animation-delay:.8s}.hero-cinematic .hud-block .label{color:#5fff8f66;font-size:.55rem}.hero-cinematic .hud-block .value{color:#5fff8f;font-weight:700;font-size:.75rem}.hero-cinematic .hud-block .value.live:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff3030;margin-left:8px;animation:heroBlink 1s ease-in-out infinite;box-shadow:0 0 8px #ff3030}@keyframes heroBlink{50%{opacity:.3}}@keyframes heroHudFade{to{opacity:1}}.hero-cinematic .stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5}.hero-cinematic .pantalla{position:relative;width:min(1100px,90vw);height:min(550px,65vh)}.hero-cinematic .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(95,255,143,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(95,255,143,.08) 1px,transparent 1px);background-size:50px 50px;border:1px solid rgba(95,255,143,.3);box-shadow:0 0 30px #5fff8f1a,inset 0 0 60px #5fff8f0d;opacity:0;animation:heroGridFade .6s ease-out 1s forwards}@keyframes heroGridFade{to{opacity:1}}.hero-cinematic .eje-label{position:absolute;font-size:.6rem;color:#5fff8f99;letter-spacing:2px;opacity:0;animation:heroHudFade .5s ease-out 1.3s forwards}.hero-cinematic .eje-y-label{left:-80px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;white-space:nowrap}.hero-cinematic .eje-x-label{bottom:-25px;left:50%;transform:translate(-50%)}.hero-cinematic .year-markers{position:absolute;bottom:-45px;left:0;right:0;display:flex;justify-content:space-between;padding:0 5%;font-size:.6rem;color:#5fff8f80;letter-spacing:1px;opacity:0;animation:heroHudFade .5s ease-out 1.5s forwards}.hero-cinematic .y-markers{position:absolute;left:-45px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font-size:.55rem;color:#5fff8f80;letter-spacing:1px;text-align:right;opacity:0;animation:heroHudFade .5s ease-out 1.5s forwards}.hero-cinematic .grafica{position:absolute;inset:0;overflow:visible}.hero-cinematic .grafica svg{width:100%;height:100%;overflow:visible}.hero-cinematic .linea-grafica{fill:none;stroke:#5fff8f;stroke-width:2;filter:drop-shadow(0 0 4px #5fff8f) drop-shadow(0 0 12px rgba(95,255,143,.6));stroke-dasharray:2000;stroke-dashoffset:2000;animation:heroDibujarLinea 5s cubic-bezier(.4,0,.6,1) 1.8s forwards}@keyframes heroDibujarLinea{to{stroke-dashoffset:0}}.hero-cinematic .area-grafica{fill:url(#gradiente-area);opacity:0;animation:heroAreaFade 2s ease-out 4s forwards}@keyframes heroAreaFade{to{opacity:.3}}.hero-cinematic .punto-eureka{fill:#5fff8f;opacity:0;animation:heroPuntoAparece .4s ease-out 5.5s forwards,heroPuntoPulsa 1s ease-in-out 5.9s infinite;filter:drop-shadow(0 0 10px #5fff8f)}@keyframes heroPuntoAparece{to{opacity:1}}@keyframes heroPuntoPulsa{0%,to{r:6}50%{r:10}}.hero-cinematic .etiqueta-eureka{position:absolute;right:10%;top:5%;font-size:.7rem;letter-spacing:1px;color:#5fff8f;text-shadow:0 0 8px rgba(95,255,143,.8);border:1px solid rgba(95,255,143,.6);padding:.4rem .7rem;background:#0a0d0ab3;opacity:0;animation:heroEtiquetaFade .5s ease-out 5.7s forwards}.hero-cinematic .etiqueta-eureka:before{content:"◆ ";color:#5fff8f}@keyframes heroEtiquetaFade{to{opacity:1}}.hero-cinematic .readout{position:absolute;bottom:-90px;left:0;right:0;display:flex;justify-content:space-around;font-size:.7rem;letter-spacing:2px;opacity:0;animation:heroHudFade .5s ease-out 2s forwards}.hero-cinematic .readout-item{display:flex;gap:.5rem}.hero-cinematic .readout-item .label{color:#5fff8f80}.hero-cinematic .readout-item .num{color:#5fff8f;font-weight:700;min-width:60px;display:inline-block}.hero-cinematic .glitch-overlay{position:absolute;inset:0;background:#fff;opacity:0;z-index:200;pointer-events:none;animation:heroGlitchFlash .6s ease-out 7.5s forwards}@keyframes heroGlitchFlash{0%{opacity:0}20%{opacity:0}25%{opacity:1}35%{opacity:0}45%{opacity:.8}55%{opacity:0}to{opacity:0}}.hero-cinematic .stage.glitching{animation:heroStageGlitch .6s ease-out 7.5s forwards}@keyframes heroStageGlitch{0%,to{transform:translate(0);filter:hue-rotate(0)}20%{transform:translate(-5px,2px);filter:hue-rotate(90deg)}40%{transform:translate(5px,-2px);filter:hue-rotate(-90deg)}60%{transform:translate(-3px);filter:hue-rotate(45deg)}80%{transform:translateY(3px);filter:none}}.hero-cinematic .marca-reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:150;opacity:0;animation:heroMarcaFade 1.2s ease-out 8s forwards;pointer-events:none}.hero-cinematic .fondo-marca{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0a1228,#02030a);opacity:0;z-index:140;animation:heroFondoMarcaFade 1s ease-out 8s forwards}@keyframes heroFondoMarcaFade{to{opacity:1}}.hero-cinematic .marca-logo{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(3.5rem,9vw,7rem);font-weight:200;letter-spacing:-3px;color:#fff;position:relative;margin-bottom:1.5rem}.hero-cinematic .marca-logo .idea{font-weight:200;color:#fffffff2}.hero-cinematic .marca-logo .arte{font-weight:700;background:linear-gradient(135deg,#5fff8f,#0a84ff,#b14dff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 30px rgba(10,132,255,.4))}.hero-cinematic .marca-linea{width:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(95,255,143,.6) 30%,rgba(10,132,255,.8) 50%,rgba(177,77,255,.6) 70%,transparent 100%);margin:1rem 0;opacity:0;animation:heroLineaExpand 1.2s cubic-bezier(.65,0,.35,1) 8.6s forwards}@keyframes heroLineaExpand{0%{width:0;opacity:0}50%{opacity:1}to{width:min(500px,70vw);opacity:1}}.hero-cinematic .marca-eslogan{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(.9rem,1.6vw,1.2rem);letter-spacing:8px;text-transform:uppercase;color:#ffffffb3;font-weight:300;opacity:0;animation:heroEsloganFade 1.5s ease-out 9.2s forwards;text-align:center}@keyframes heroEsloganFade{0%{opacity:0;letter-spacing:12px}to{opacity:1;letter-spacing:8px}}.hero-cinematic .marca-meta{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);font-family:SF Mono,monospace;font-size:.65rem;letter-spacing:4px;color:#ffffff4d;opacity:0;animation:heroHudFade 1s ease-out 10s forwards}@keyframes heroMarcaFade{to{opacity:1}}.hero-cinematic .particula-marca{position:absolute;width:3px;height:3px;border-radius:50%;pointer-events:none;opacity:0}.hero-cinematic .particula-marca.verde{background:#5fff8f;box-shadow:0 0 8px #5fff8f}.hero-cinematic .particula-marca.azul{background:#0a84ff;box-shadow:0 0 8px #0a84ff}.hero-cinematic .particula-marca.morado{background:#b14dff;box-shadow:0 0 8px #b14dff}@keyframes heroParticulaFlota{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy))}}