.px-hero{padding-bottom:var(--w-sec)}.px-centro{gap:20px;max-width:900px}.px-centro .w-h1{font-size:clamp(38px,6vw,76px)}.px-centro .w-lead{max-width:34em}.px-cd{gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,132px));justify-content:center;width:100%;margin-top:16px;display:grid}.px-cd-celda{background:var(--w-surface);flex-direction:column;align-items:center;gap:6px;padding:20px 8px 16px;display:flex}.px-cd-celda b{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(34px,6vw,64px);font-weight:500;line-height:1}.px-cd-celda span{font-size:var(--fs-s);color:var(--text-muted)}.px-demo{text-align:left;flex-direction:column;align-items:center;gap:20px;margin-top:56px;display:flex}.px-tabs{max-width:100%}.px-select{width:min(320px,100%);display:none;position:relative}.px-select .os-select{background:var(--w-surface);font-size:var(--fs-m);padding:13px 44px 13px 16px;font-weight:600}.px-select svg{width:18px;height:18px;color:var(--text-muted);pointer-events:none;margin-top:-9px;position:absolute;top:50%;right:14px}.px-win{background:var(--w-surface);width:min(1040px,100%);font-size:var(--fs-s)}.px-win-top{border-bottom:1px solid var(--divider);align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.px-win-top i{background:var(--surface-pressed);border-radius:50%;width:10px;height:10px}.px-win-top b{font-weight:500;font-size:var(--fs-xs);color:var(--text-muted);margin-left:12px}.px-win-body{grid-template-columns:208px minmax(0,1fr);height:560px;display:grid}.px-side{background:var(--bg-sidebar);flex-direction:column;gap:18px;padding:16px 10px;display:flex}:root[data-theme=light] .px-side{background:var(--elevation);border-right:1px solid var(--divider)}.px-side-marca{align-items:center;gap:7px;padding:2px 10px 6px;display:flex}.px-side-marca .w-marca-logo{width:24px;height:20px}.px-side-marca .w-marca-texto{font-size:17px}.px-side-grupo{flex-direction:column;gap:2px;display:flex}.px-side-item{color:var(--text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;transition:background .2s,color .2s;display:flex}.px-side-item.active{background:var(--surface-nav);color:var(--text-primary);font-weight:600}.px-side-item svg{flex-shrink:0;width:16px;height:16px}.px-stage{position:relative;overflow:hidden}.px-screen{opacity:0;visibility:hidden;flex-direction:column;gap:16px;padding:24px 26px;transition:opacity .35s,visibility .35s;display:flex;position:absolute;inset:0}.px-screen.on{opacity:1;visibility:visible}.px-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.px-head b{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:500}.px-card u,.px-var u{background:var(--surface-pressed);height:6px;text-decoration:none;display:block}.px-card u.c,.px-var u.c{width:60%}.px-board{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;position:relative}.px-col{background:var(--surface);flex-direction:column;gap:8px;padding:106px 8px 10px;display:flex;position:relative}.px-col>span{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;position:absolute;top:10px;left:8px;right:8px;overflow:hidden}.px-card{background:var(--elevation);flex-direction:column;gap:7px;height:64px;padding:10px;display:flex}.px-card .tile{flex-shrink:0;width:18px;height:18px;display:block}.px-fly{z-index:1;width:calc(25% - 23.5px);box-shadow:var(--shadow-float);position:absolute;top:34px;left:calc(75% + 15.5px)}.px-screen.on .px-fly{animation:5.2s cubic-bezier(.65,0,.35,1) both px-fly}.px-screen.on .px-col .px-card{animation:.5s cubic-bezier(.2,.7,.2,1) both px-sube}@keyframes px-fly{0%,14%{left:8px}30%,44%{left:calc(25% + 10.5px)}60%,74%{left:calc(50% + 13px)}90%,to{left:calc(75% + 15.5px)}}@keyframes px-sube{0%{opacity:0;transform:translateY(8px)}}.px-video{flex:1;grid-template-columns:240px minmax(0,1fr);gap:24px;min-height:0;display:grid}.px-reel{background:var(--elevation);justify-content:center;align-items:flex-end;padding:28px 12px;display:flex}.px-cap{font-weight:700;font-size:var(--fs-title);flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.px-cap span{background:var(--accent);color:var(--accent-contrast);padding:2px 6px}.px-screen.on .px-cap span{animation:4.8s step-end both px-palabra-1}.px-screen.on .px-cap span:nth-child(2){animation-name:px-palabra-2}.px-screen.on .px-cap span:nth-child(3){animation-name:px-palabra-3}@keyframes px-palabra-1{0%{background:var(--accent);color:var(--accent-contrast)}33%,to{color:var(--text-primary);background:0 0}}@keyframes px-palabra-2{0%{color:var(--text-primary);background:0 0}33%{background:var(--accent);color:var(--accent-contrast)}66%,to{color:var(--text-primary);background:0 0}}@keyframes px-palabra-3{0%{color:var(--text-primary);background:0 0}66%,to{background:var(--accent);color:var(--accent-contrast)}}.px-tl{flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex;position:relative}.px-onda{align-items:center;gap:3px;height:96px;display:flex}.px-onda i{background:var(--surface-pressed);flex:1;min-width:0}.px-pista{gap:3px;height:44px;display:flex}.px-pista .clip{background:var(--content-azur);flex:3;min-width:0}.px-pista .clip.l{flex:5}.px-pista .clip.m{flex:2}.px-pista .sil{opacity:0;background:var(--error);flex:0 0;min-width:0}.px-screen.on .px-pista .sil{animation:4.8s cubic-bezier(.65,0,.35,1) both px-cierra}@keyframes px-cierra{0%,30%{opacity:1;flex-basis:7%}55%,to{opacity:0;flex-basis:0%}}.px-pista.b{gap:0;height:16px}.px-pista .fx{background:var(--accent);flex-shrink:0;display:block}.px-tracks{flex-direction:column;gap:10px;display:flex;position:relative}.px-cabezal{background:var(--text-primary);width:2px;position:absolute;top:0;bottom:0;left:100%}.px-screen.on .px-cabezal{animation:4.8s linear both px-cabezal}@keyframes px-cabezal{0%{left:0}}.px-tl-pie{font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap;gap:6px 16px;display:flex}.px-tl-pie span:before{content:"";background:var(--error);width:8px;height:8px;margin-right:6px;display:inline-block}.px-tl-pie span:nth-child(2):before,.px-tl-pie span:nth-child(3):before{background:var(--content-azur)}.px-formatos{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;display:grid}.px-formato{background:var(--surface);flex-direction:column;min-height:0;display:flex}.px-screen.on .px-formato{animation:.5s cubic-bezier(.2,.7,.2,1) both px-sube;animation-delay:calc(var(--i) * .15s)}.px-fig{background:var(--bg-base);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:16px;display:flex;position:relative}.px-fig u{background:var(--text-primary);width:40%;height:6px;text-decoration:none;display:block}.px-fig u.a{background:var(--accent);width:28%}.px-fig .barras{align-items:flex-end;gap:8px;width:62%;height:46%;margin-bottom:6px;display:flex}.px-fig .barras i{background:var(--accent);transform-origin:bottom;flex:1}.px-fig .barras i:first-child{opacity:.5;height:42%}.px-fig .barras i:nth-child(2){opacity:.5;height:66%}.px-fig .barras i:nth-child(3){height:100%}.px-screen.on .px-fig .barras i{animation:.7s cubic-bezier(.2,.7,.2,1) both px-crece}.px-screen.on .px-fig .barras i:nth-child(2){animation-delay:.15s}.px-screen.on .px-fig .barras i:nth-child(3){animation-delay:.3s}.px-fig .pantalla{background:var(--surface-hover);flex-direction:column;gap:7px;width:74%;height:56%;padding:12px;display:flex}.px-fig .pantalla u{background:var(--surface-pressed);width:100%}.px-fig .pantalla u.c{background:var(--accent);width:55%}.px-fig .burbuja{background:var(--accent);border-radius:50%;width:44px;height:44px;position:absolute;bottom:14%;right:12%}.px-screen.on .px-fig .burbuja{animation:2.4s ease-in-out infinite px-late}@keyframes px-late{50%{transform:scale(1.12)}}.px-fig .tomas{grid-template-columns:1fr 1fr;gap:6px;width:70%;height:62%;display:grid}.px-fig .tomas i{background:var(--surface-pressed)}.px-screen.on .px-fig .tomas i{animation:3.2s step-end infinite px-toma}.px-screen.on .px-fig .tomas i:nth-child(2){animation-delay:.8s}.px-screen.on .px-fig .tomas i:nth-child(4){animation-delay:1.6s}.px-screen.on .px-fig .tomas i:nth-child(3){animation-delay:2.4s}@keyframes px-toma{0%{background:var(--accent)}25%,to{background:var(--surface-pressed)}}.px-formato-txt{flex-direction:column;gap:4px;padding:14px 16px 16px;display:flex}.px-formato-txt b{font-size:var(--fs-m)}.px-formato-txt p{font-size:var(--fs-xs);color:var(--text-secondary);margin:0 0 8px;line-height:1.45}.px-redes{flex-direction:column;gap:10px;min-width:0;display:flex}.px-red{background:var(--surface);flex:1;align-items:center;gap:14px;min-width:0;padding:10px 16px;display:flex}.px-red>i{flex-shrink:0;width:30px;height:30px}.px-red>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.px-red u{background:var(--surface-pressed);height:6px;text-decoration:none;display:block}.px-red u.c{width:60%}.px-screen.on .px-red{animation:.5s cubic-bezier(.2,.7,.2,1) both px-sube;animation-delay:calc(var(--i) * .2s)}.px-screen.on .px-red .w-estado{animation:.4s cubic-bezier(.2,.7,.2,1) both px-sube;animation-delay:calc(1.2s + var(--i) * .7s)}.px-linea{border-bottom:1px solid var(--divider);flex:1;min-height:0}.px-linea svg{width:100%;height:100%;display:block;overflow:visible}.px-linea polyline{fill:none;stroke:var(--accent);stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.px-screen.on .px-linea svg{animation:2.4s cubic-bezier(.4,0,.2,1) both px-dibuja}@keyframes px-dibuja{0%{clip-path:inset(-10px 100% -10px 0)}to{clip-path:inset(-10px 0)}}.px-screen.on .px-kpis+.px-linea+.px-aviso{animation-delay:2.2s}.px-copys{flex:1;grid-template-columns:170px minmax(0,1fr);gap:24px;min-height:0;display:grid}.px-brief{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.px-brief .os-pill{cursor:default;padding:6px 14px}.px-vars{flex-direction:column;gap:12px;min-width:0;display:flex}.px-var{background:var(--surface);flex-direction:column;flex:1;justify-content:center;gap:9px;padding:14px 18px;display:flex}.px-var p{font-size:var(--fs-m);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.px-var .w-eyebrow{font-size:10px}.px-screen.on .px-var{animation:.5s cubic-bezier(.2,.7,.2,1) both px-sube;animation-delay:calc(var(--i) * 1.3s)}.px-screen.on .px-var p{animation:1.1s steps(28,end) both px-escribe;animation-delay:calc(var(--i) * 1.3s + .2s)}@keyframes px-escribe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.px-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.px-kpis div{background:var(--surface);flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.px-kpis span{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.px-kpis b{font-family:var(--font-display);letter-spacing:-.02em;font-size:26px;font-weight:500;line-height:1.1}.px-barras{border-bottom:1px solid var(--divider);flex:1;align-items:flex-end;gap:10px;min-height:0;display:flex}.px-barras i{background:var(--surface-pressed);transform-origin:bottom;flex:1}.px-barras i:last-child{background:var(--accent)}.px-screen.on .px-barras i{animation:.7s cubic-bezier(.2,.7,.2,1) both px-crece;animation-delay:calc(var(--i) * .12s)}@keyframes px-crece{0%{transform:scaleY(0)}}.px-aviso{font-size:var(--fs-s);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.px-aviso svg{width:18px;height:18px;color:var(--success)}.px-screen.on .px-aviso{animation:.5s cubic-bezier(.2,.7,.2,1) 1.4s both px-sube}.px-arq{flex-direction:column;align-items:center;display:flex}.px-marca{background:var(--w-surface);flex-direction:column;align-items:center;gap:14px;padding:20px 24px;display:flex}.px-nodos{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.px-nodo{background:var(--elevation);font-size:var(--fs-s);align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:inline-flex}.px-nodo svg,.px-paso-ic svg{flex-shrink:0;width:20px;height:20px}.px-nodo svg{color:var(--text-secondary)}.px-baja{background:var(--divider);width:2px;height:48px;position:relative;overflow:hidden}.px-baja i{background:var(--accent);width:2px;height:16px;animation:1.2s linear infinite px-baja;position:absolute;left:0}@keyframes px-baja{0%{top:-16px}to{top:48px}}.px-pasos{gap:var(--gutter);text-align:left;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.px-paso{background:var(--w-surface);animation:8.4s ease-in-out infinite px-enciende;animation-delay:calc(var(--i) * 1.2s);flex-direction:column;gap:6px;padding:18px 16px 20px;display:flex}.px-paso b{font-size:var(--fs-m);line-height:1.25}.px-paso .w-eyebrow{margin-top:10px}.px-paso-ic{background:var(--surface-hover);width:40px;height:40px;color:var(--text-primary);animation:8.4s ease-in-out infinite px-ic;animation-delay:calc(var(--i) * 1.2s);place-items:center;display:grid}@keyframes px-enciende{0%,22%,to{background:var(--w-surface)}4%,14%{background:var(--w-surface-hover)}}@keyframes px-ic{0%,22%,to{background:var(--surface-hover);color:var(--text-primary)}4%,14%{background:var(--accent);color:var(--accent-contrast)}}.px-aprueba{font-size:var(--fs-m);color:var(--text-secondary);text-wrap:pretty;align-items:center;gap:8px;margin:28px 0 0;display:inline-flex}.px-aprueba svg{width:20px;height:20px;color:var(--success);flex-shrink:0}.px-rotor{margin-top:.18em;display:block}.px-acento{color:var(--accent)}.px-rotor>span{background:var(--accent);color:var(--accent-contrast);white-space:nowrap;padding:.04em .32em .1em;transition:opacity .22s,transform .22s;display:inline-block}.px-rotor>span.out{opacity:0;transform:translateY(.18em)}.px-correo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);border-bottom:2px solid var(--accent);margin-top:4px;padding-bottom:2px;font-size:clamp(20px,2.4vw,28px);font-weight:500;text-decoration:none}.px-correo:hover{color:var(--accent)}@media (width<=1180px){.px-tabs{display:none}.px-select{display:block}.px-pasos{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.px-demo{margin-top:40px}.px-cd{gap:8px}.px-cd-celda{padding:14px 4px 12px}.px-cd-celda span{font-size:var(--fs-xs)}.px-tabs button{padding:7px 12px}.px-win-body{grid-template-columns:1fr;height:400px}.px-head b{font-size:20px}.px-side{display:none}.px-screen{padding:16px 14px}.px-board{gap:6px}.px-col{padding-left:6px;padding-right:6px}.px-col>span{font-size:10px;left:6px;right:6px}.px-card{padding:8px}.px-fly{width:calc(25% - 16.5px);left:calc(75% + 10.5px)}@keyframes px-fly{0%,14%{left:6px}30%,44%{left:calc(25% + 7.5px)}60%,74%{left:calc(50% + 9px)}90%,to{left:calc(75% + 10.5px)}}.px-video,.px-copys{grid-template-columns:92px minmax(0,1fr);gap:12px}.px-cap{font-size:var(--fs-xs)}.px-formatos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.px-formato:nth-child(3){display:none}.px-formato-txt{padding:10px 10px 12px}.px-fig .burbuja{width:28px;height:28px}.px-redes{gap:6px}.px-red{gap:10px;padding:8px 10px}.px-red>i{width:22px;height:22px}.px-reel{padding:14px 8px}.px-var p{font-size:var(--fs-s)}.px-brief .os-pill{font-size:var(--fs-xs);padding:5px 10px}.px-kpis b{font-size:20px}.px-kpis div{padding:10px}.px-barras{gap:6px}.px-pasos{grid-template-columns:1fr;gap:8px}.px-paso{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:2px 14px;padding:14px;display:grid}.px-paso-ic{grid-row:1/span 3}.px-paso .w-eyebrow{margin-top:0}.px-aprueba{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.px-screen.on *,.px-paso,.px-paso-ic,.px-baja i{animation:none!important}}
