:root{--fondo:#0c0818;--panel:#171126;--panel2:#211837;--texto:#f8f5ff;--muted:#aaa2bd;--violeta:#9f67ff;--rosa:#ed5ac7;--borde:#34264e;--exito:#4ee1a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70px 0,#24113e 0,transparent 30%),var(--fondo);color:var(--texto);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}.barra{height:76px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #251b38;background:#0c0818d9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.marca{display:flex;gap:10px;align-items:center;color:white;text-decoration:none;line-height:1.05;font-size:13px;letter-spacing:.04em}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-weight:900;background:linear-gradient(135deg,var(--violeta),var(--rosa));box-shadow:0 0 25px #9f67ff55}.privacidad{color:var(--muted);font-size:12px}main{width:min(1120px,calc(100% - 32px));margin:auto}.hero{min-height:270px;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero>div:first-child{max-width:760px}.etiqueta{color:#b991ff;font-size:12px;letter-spacing:.16em;font-weight:800;margin:0 0 10px}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0}.hero h1 span{background:linear-gradient(100deg,#bb90ff,#f073d2);background-clip:text;color:transparent}.subtitulo{font-size:18px;line-height:1.6;color:var(--muted);max-width:700px}.ondas{display:flex;align-items:center;gap:7px;height:120px}.ondas i{display:block;width:8px;border-radius:8px;background:linear-gradient(var(--rosa),var(--violeta));animation:onda 1.2s ease-in-out infinite}.ondas i:nth-child(1),.ondas i:nth-child(7){height:30px}.ondas i:nth-child(2),.ondas i:nth-child(6){height:60px;animation-delay:.1s}.ondas i:nth-child(3),.ondas i:nth-child(5){height:95px;animation-delay:.2s}.ondas i:nth-child(4){height:120px;animation-delay:.3s}@keyframes onda{50%{transform:scaleY(.55)}}.pasos{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0 0 28px;position:relative}.pasos:before{content:"";position:absolute;top:18px;left:12%;right:12%;height:2px;background:var(--borde)}.pasos li{display:flex;position:relative;z-index:1;flex-direction:column;align-items:center;gap:7px;color:#746b87;font-size:12px}.pasos b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#171126;border:2px solid var(--borde)}.pasos .activo{color:white}.pasos .activo b{background:var(--violeta);border-color:#c4a7ff;box-shadow:0 0 20px #9f67ff88}.panel{background:linear-gradient(145deg,#191129,#120d20);border:1px solid var(--borde);border-radius:22px;padding:28px;margin-bottom:28px;box-shadow:0 20px 60px #0004}.zona-subida{text-align:center;border:2px dashed #4b386b;border-radius:18px;padding:44px 20px;transition:.2s;background:#120d20}.zona-subida:hover,.zona-subida.arrastrando{border-color:var(--violeta);background:#1b1230}.icono-subida{margin:auto;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:#2b1d48;color:#c7a8ff}.zona-subida h2,.titulo-panel h2{font-size:25px;margin:16px 0 8px}.zona-subida p,.ayuda,.nota{color:var(--muted)}.zona-subida small{display:block;margin-top:14px;color:#7e758f}.boton{border:0;border-radius:11px;padding:12px 18px;font-weight:750;cursor:pointer;font:inherit;color:white;transition:.18s}.boton:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.12)}.boton:disabled{opacity:.4;cursor:not-allowed}.primario{background:linear-gradient(135deg,#7d43e8,#b348d2);box-shadow:0 8px 25px #7d43e833}.secundario{background:#261b3b;border:1px solid #4b386b}.acciones{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}.archivo{display:flex;align-items:center;gap:14px;background:#211735;padding:14px;border-radius:14px;margin-top:16px}.archivo div:nth-child(2){display:flex;flex-direction:column;flex:1}.archivo span{font-size:13px;color:var(--muted)}.caratula{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#6940c5,#d255b6)}.icon-btn{background:none;border:0;color:white;font-size:28px;cursor:pointer}.oculto{display:none!important}.estado{display:flex;align-items:center;gap:16px;background:#201733;border:1px solid #49346a;padding:16px;border-radius:13px;margin-top:18px}.estado div:last-child{display:flex;flex-direction:column}.estado span{color:var(--muted);font-size:13px;margin-top:3px}.estado.error{border-color:#a84866;background:#351526}.estado.error .spinner{display:none}.estado.error strong{color:#ff9cb9}.spinner{width:28px;height:28px;border:3px solid #523b76;border-top-color:#bd8bff;border-radius:50%;animation:giro .7s linear infinite}@keyframes giro{to{transform:rotate(360deg)}}.titulo-panel{display:flex;justify-content:space-between;align-items:center}.titulo-panel h2{margin:0}.lineas{display:flex;flex-direction:column;gap:8px;margin-top:18px}.linea{display:grid;grid-template-columns:80px 80px 1fr 36px;gap:8px;align-items:center}.linea input{width:100%;padding:11px;background:#110c1d;border:1px solid var(--borde);border-radius:9px;color:white;font:inherit}.linea input[type=number]{color:#bca8da}.linea button{background:none;color:#9d91af;border:0;font-size:20px;cursor:pointer}.configuracion{display:flex;gap:15px;margin:20px 0}.configuracion label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.configuracion select{background:#211735;color:white;border:1px solid #493866;padding:10px;border-radius:9px}.pantalla{aspect-ratio:16/9;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:7%;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 40%,#422074,#100921 68%);box-shadow:inset 0 0 100px #0008}.pantalla.vertical{aspect-ratio:9/16;max-height:650px;margin:auto}.pantalla.cuadrado{aspect-ratio:1}.pantalla.oceano{background:radial-gradient(circle at 50% 35%,#05678a,#041a34 68%)}.pantalla.clasico{background:radial-gradient(circle,#3c3c3c,#090909 70%)}.sello{position:absolute;top:20px;font-size:10px;letter-spacing:.22em;color:#ffffff80}.letra{font-size:clamp(17px,3.2vw,38px);font-weight:900;max-width:900px;text-shadow:0 3px 14px #000}.letra.actual{color:#fff;margin:25px 0;transform:scale(1.05)}.neon .actual{color:#f7eaff;text-shadow:0 0 12px #d06fff,0 0 30px #8f45e8}.oceano .actual{color:#e9ffff;text-shadow:0 0 15px #1edfff}.clasico .actual{color:#ffe36a}.letra.secundaria{font-size:clamp(13px,2vw,22px);opacity:.35}audio{width:100%;margin-top:14px;accent-color:var(--violeta)}.compartir{margin-top:22px;padding:20px;border:1px solid #4b386b;border-radius:15px;background:#211735}.compartir h3{margin:0 0 6px}.compartir p{color:var(--muted)}.resultado-enlace{margin-top:18px}.resultado-enlace label{display:block;color:#c7b7dc;font-size:13px;margin-bottom:7px}.resultado-enlace>div{display:flex;gap:8px}.resultado-enlace input{min-width:0;flex:1;padding:12px;border:1px solid #4b386b;border-radius:10px;background:#100b1d;color:white;font:inherit}.resultado-enlace a{display:inline-block;margin-top:12px;color:#c7a8ff}.compartir .nota{margin-bottom:0}footer{display:flex;justify-content:space-between;gap:20px;padding:30px max(24px,calc((100vw - 1120px)/2));border-top:1px solid #241a35;color:var(--muted);font-size:12px}footer strong{color:white}@media(max-width:700px){.privacidad,.ondas{display:none}.hero{min-height:300px}.hero h1{font-size:42px}.pasos span{display:none}.panel{padding:18px}.linea{grid-template-columns:64px 64px 1fr 28px}.titulo-panel{align-items:flex-start;gap:12px}.configuracion,footer{flex-direction:column}.acciones .boton{flex:1}.letra{font-size:24px}}