.rv-hero{position:relative;overflow:hidden;padding:clamp(120px,14vw,170px) 0 70px}.rv-hero-inner{position:relative;max-width:900px}.rv-back{display:inline-block;margin-bottom:22px;color:#9aa6c4;font:700 .72rem/1 ui-monospace,monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.rv-back:hover{color:#fff}.rv-hero h1{margin:20px 0 18px;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.02;letter-spacing:-.04em}.rv-lead{max-width:720px;color:#b6c0d8;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.7}.rv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.rv-size{margin-left:6px;padding:3px 8px;font:700 .62rem/1 ui-monospace,monospace;letter-spacing:.06em;border-radius:999px;background:#ffffff29}.rv-stats{display:flex;flex-wrap:wrap;gap:14px 40px;margin:38px 0 0}.rv-stats div{display:flex;flex-direction:column-reverse}.rv-stats dt{color:#8e99b6;font:700 .6rem/1.4 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.rv-stats dd{margin:0 0 4px;color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.03em}.rv-sfx{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.rv-sound{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:16px;color:#e8ecf8;text-align:left;border:1px solid rgba(160,175,230,.16);border-radius:18px;background:#0c1020bf;cursor:pointer;transition:border-color .2s,transform .2s}.rv-sound:hover{border-color:#7c6cff99;transform:translateY(-2px)}.rv-play{display:grid;grid-row:span 2;width:44px;height:44px;place-items:center;color:#fff;font-size:14px;border-radius:14px;background:linear-gradient(135deg,#7c6cff,#22d3ee)}.rv-sound.playing .rv-play{animation:rv-beat .5s ease-in-out infinite alternate}.rv-sound small{color:#8e99b6;font-size:.78rem}@keyframes rv-beat{to{transform:scale(.88)}}.rv-pixels{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.rv-pixels figure{display:grid;margin:0;padding:18px 10px 12px;place-items:center;gap:10px;border:1px solid rgba(160,175,230,.14);border-radius:18px;background:#151a2e}.rv-pixels img,.rv-sheet img{image-rendering:pixelated;image-rendering:crisp-edges}.rv-pixels img{width:64px;height:64px}.rv-pixels figcaption,.rv-sheet figcaption{color:#9aa6c4;font-size:.78rem;text-align:center}.rv-sheet{margin:26px auto 0;text-align:center}.rv-sheet img{display:block;width:min(100%,576px);height:auto;margin:0 auto 12px;padding:16px;border-radius:18px;background:#151a2e}.rv-pieces{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.rv-piece{overflow:hidden;border:1px solid rgba(160,175,230,.16);border-radius:18px;background:#0c1020bf}.rv-stage{display:flex;flex-wrap:wrap;gap:8px;min-height:130px;padding:20px;align-items:center;justify-content:center}.rv-claro{background:#f5f6fa;color:#151827}.rv-neu{background:#eef0f5}.rv-oscuro{background:#0b0e1a}.rv-color{background:linear-gradient(135deg,#6d5dfc,#22d3ee)}.rv-load{color:#5b5bf0}.rv-piece-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.rv-piece-foot b{color:#e8ecf8;font-size:.82rem}.rv-copy{min-height:32px;padding:0 12px;color:#e8ecf8;font:inherit;font-size:.72rem;font-weight:700;line-height:1;border:1px solid rgba(160,175,230,.25);border-radius:9px;background:#ffffff0d;cursor:pointer}.rv-copy:hover{border-color:#7c6cff}.rv-shots{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:end}.rv-shots figure{margin:0}.rv-shots img{display:block;width:100%;height:auto;border:1px solid rgba(160,175,230,.16);border-radius:18px;box-shadow:0 30px 80px #00000073}.rv-phone img{border-radius:30px;border:8px solid #181b2c}.rv-shots-phones{grid-template-columns:repeat(2,minmax(0,300px));justify-content:center}.rv-shots-3{grid-template-columns:repeat(3,minmax(0,280px))}.rv-shots-stack{grid-template-columns:1fr;gap:26px}.rv-escena img{width:min(100%,1024px)}.rv-pat-controles{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-bottom:16px;padding:14px 18px;color:#c8d0e4;font-size:.85rem;font-weight:600;border:1px solid rgba(160,175,230,.16);border-radius:16px;background:#0c1020bf}.rv-pat-controles label{display:flex;align-items:center;gap:10px}.rv-pat-controles input[type=color]{width:44px;height:30px;padding:0;border:0;background:none;cursor:pointer}.rv-patrones .rv-stage{min-height:150px}.rv-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.rv-how-grid ol{margin:0;padding-left:22px;color:#c8d0e4;line-height:1.8}.rv-how-grid li{margin-bottom:12px}.rv-how-grid code,.rv-lead code{padding:2px 6px;color:#fff;font-size:.85em;border-radius:6px;background:#ffffff14}.rv-code{margin:0;padding:20px 22px;overflow-x:auto;color:#d7ddf2;font:500 .8rem/1.8 Cascadia Code,Consolas,ui-monospace,monospace;white-space:pre;border:1px solid rgba(160,175,230,.16);border-radius:18px;background:#040610d9}.rv-upsell{display:grid;gap:6px;max-width:760px;margin:0 auto;padding:34px;color:inherit;text-align:center;text-decoration:none;border:1px solid rgba(124,108,255,.35);border-radius:26px;background:linear-gradient(140deg,#7c6cff29,#0c1020cc);transition:transform .25s,border-color .25s}.rv-upsell:hover{transform:translateY(-3px);border-color:#7c6cffb3}.rv-upsell h2{margin:6px 0 0;font-size:clamp(1.6rem,3vw,2.2rem)}.rv-upsell p{color:#b6c0d8}.rv-upsell b{color:#b9a8ff}@media(max-width:860px){.rv-how-grid,.rv-shots,.rv-shots-3{grid-template-columns:1fr}.rv-shots .rv-phone{max-width:280px;margin:0 auto}}@media(prefers-reduced-motion:reduce){.rv-sound,.rv-upsell{transition:none}.rv-sound.playing .rv-play{animation:none}}