body{color:#f0f4f3;-webkit-font-smoothing:antialiased;background:#0a1a20;font-family:Poppins,system-ui,sans-serif}:root{--night:#0a1a20;--night-2:#122228;--card:#14282f;--line:#f0f4f324;--line-soft:#f0f4f314;--ink:#f0f4f3;--ink-dim:#9fb2b4;--rosa:#e58381;--coral:#f2a9a7;--violet:#a8d3d8;--emerald:#6fa8af;--teal:#8fc3c9}.mini-nav{z-index:1;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:relative}.marca{color:var(--ink);font-family:Poppins,sans-serif;font-weight:800;font-size:var(--t-medio);text-decoration:none;display:inline-flex}.marca-logo{width:auto;height:2.4rem;display:block}.marca span{font-weight:600;font-size:var(--t-micro);letter-spacing:.15em;color:var(--ink-dim);display:block}.btn.btn-wa,.btn-wa{color:#07291a;font-weight:700;font-size:var(--t-chico);background:#25d366;border-radius:999px;padding:.6rem 1.2rem;text-decoration:none}.pie{text-align:center;color:var(--ink-dim);font-size:var(--t-chico);z-index:1;padding:3rem 1.5rem;position:relative}.pie .marca{font-family:Poppins,sans-serif;font-weight:800;font-size:var(--t-grande);color:var(--ink)}.pie-logo{width:auto;height:2.8rem;display:inline-block}.pie a{color:var(--ink-dim)}.pie-nav{flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;max-width:44rem;margin:1.4rem auto .2rem;display:flex}.pie-nav a{font-size:var(--t-chico);opacity:.85;align-items:center;min-height:44px;padding:0 .2rem;text-decoration:none;display:inline-flex}.pie-nav a:hover{opacity:1;text-decoration:underline}.pie-redes{justify-content:center;gap:1rem;margin-top:.6rem;display:flex}.pie-redes svg{fill:currentColor;opacity:.8;width:20px;height:20px;transition:opacity .2s}.pie-redes a:hover svg{opacity:1}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 60% at 50% 0,#e5838129 0%,#e583810d 38%,#0000 70%);width:120vw;height:90vh;position:fixed;top:-30%;left:50%;transform:translate(-50%)}.starfield{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.star{animation:twinkle var(--dur,3s) ease-in-out infinite;background:#f0f4f3;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:var(--minop,.1)}50%{opacity:var(--maxop,.6)}}@media (prefers-reduced-motion:reduce){.star{opacity:.3;animation:none}}.stage{z-index:1;flex-direction:column;width:100%;max-width:560px;min-height:60dvh;margin:0 auto;padding:16px 24px 56px;display:flex;position:relative}.top{align-items:center;gap:14px;min-height:24px;margin-bottom:40px;display:flex}.top[hidden]{display:none}.bar{background:var(--line-soft);border-radius:2px;flex:1;height:2px;overflow:hidden}.bar span{background:var(--rosa);width:0;height:100%;transition:width .5s cubic-bezier(.2,.7,.2,1);display:block}.count{color:var(--ink-dim);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.screen{flex-direction:column;flex:1;justify-content:center;display:flex}.fade{animation:.45s both fade}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kicker{color:var(--rosa);letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px;font-size:13px;font-weight:600}.stage h1{letter-spacing:-.01em;margin:0 0 20px;font-family:Poppins,sans-serif;font-size:clamp(34px,9vw,52px);font-weight:800;line-height:1.02}.lead{color:var(--ink-dim);max-width:44ch;margin:0 0 36px;font-size:16px;line-height:1.6}.meta{color:var(--ink-dim);margin-top:24px;font-size:13.5px}.meta b{color:var(--ink);font-weight:600}.q{letter-spacing:-.01em;margin:0 0 14px;font-family:Poppins,sans-serif;font-size:clamp(26px,6.5vw,36px);font-weight:800;line-height:1.12}.q-sub{color:var(--ink-dim);margin:0 0 26px;font-size:14.5px;line-height:1.5}.opts{flex-direction:column;gap:12px;display:flex}.opt{text-align:left;background:var(--card);border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;border-radius:15px;align-items:center;gap:15px;padding:18px 20px;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;transition:border-color .2s,background .2s,transform .1s;display:flex}.opt .dot{border:1.5px solid var(--ink-dim);border-radius:50%;flex:none;width:9px;height:9px;transition:background .2s,border-color .2s,box-shadow .2s}.opt:hover{background:#1b3138;border-color:#e583818c}.opt:hover .dot{border-color:var(--rosa);background:var(--rosa);box-shadow:0 0 12px #e5838199}.opt:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}.opt:active{transform:scale(.99)}.sopt{background:var(--card);border:1px solid var(--line);border-radius:15px;align-items:center;gap:14px;padding:14px 14px 14px 16px;transition:border-color .2s,background .2s;display:flex}.sopt.ranked{opacity:.55}.play{border:1.5px solid var(--rosa);width:44px;height:44px;color:var(--rosa);cursor:pointer;background:#e5838114;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;transition:background .2s,transform .1s;display:flex}.play:hover{background:#e5838133}.play:active{transform:scale(.94)}.play.playing{background:var(--rosa);color:#2a1213}.play:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}.slabel{color:var(--ink);flex:1;font-size:14.5px;font-weight:500;line-height:1.4}.rankbadge{background:var(--rosa);color:#2a1213;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.choose{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:100px;flex:none;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .2s,border-color .2s}.choose:hover{background:var(--rosa);color:#2a1213;border-color:var(--rosa)}.btn{background:var(--rosa);color:#2a1213;letter-spacing:.01em;cursor:pointer;border:none;border-radius:100px;align-self:flex-start;padding:16px 34px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;transition:filter .2s,transform .1s;display:inline-block}.btn:hover{filter:brightness(1.07)}.btn:active{transform:scale(.98)}.back{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:28px;padding:6px 0;font-family:inherit;font-size:14px;transition:color .2s}.back:hover{color:var(--ink)}.res-head{margin-bottom:28px}.res-head .kicker{margin-bottom:14px}.res-head h1{font-size:clamp(30px,7.5vw,44px)}.rank{flex-direction:column;gap:14px;display:flex}.match{background:var(--night-2);border:1px solid var(--line);border-left:3px solid var(--acc,var(--rosa));border-radius:16px;padding:20px 20px 22px}.match .r-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.match .r-name{font-family:Poppins,sans-serif;font-size:22px;font-weight:800;line-height:1.1}.match .r-pct{color:var(--acc,var(--rosa));font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:700}.match .r-genre{color:var(--ink-dim);letter-spacing:.04em;margin:5px 0 13px;font-size:12.5px}.match .r-track{background:var(--line-soft);border-radius:4px;height:5px;overflow:hidden}.match .r-track span{background:var(--acc,var(--rosa));border-radius:4px;width:0;height:100%;transition:width .8s cubic-bezier(.2,.7,.2,1);display:block}.match .r-desc{color:var(--ink-dim);margin-top:15px;font-size:14.5px;line-height:1.55}.match.lead-pick{background:#17292f}.rank-no{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-right:8px;font-size:12px;font-weight:700}.also{color:var(--ink-dim);margin-top:26px;font-size:13.5px;line-height:1.6}.capture-form{flex-direction:column;gap:12px;max-width:360px;display:flex}.finput{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:15px;padding:16px 18px;font-family:inherit;font-size:16px;transition:border-color .2s}.finput::placeholder{color:var(--ink-dim)}.finput:focus{border-color:var(--rosa);outline:none}.capture-form .btn{text-align:center;align-self:stretch;margin-top:6px}.res-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.btn.ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--card);filter:none}@media (width<=420px){.sopt{flex-wrap:wrap}.choose{width:100%;margin-top:4px;padding:12px}}.historia,.linea-visual{z-index:1;max-width:680px;margin:0 auto;padding:64px 24px;position:relative}.historia h2,.linea-visual h2{margin:0 0 24px;font-family:Poppins,sans-serif;font-size:clamp(26px,6vw,34px);font-weight:800;line-height:1.12}.historia-grid{align-items:center;gap:32px;display:flex}.eclipse-art{flex:none;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.eclipse-disc{background:radial-gradient(circle at 50% 50%,#0b0b0b 0%,#0b0b0b 58%,transparent 60%),conic-gradient(from 0deg,var(--rosa),var(--coral),var(--rosa),var(--violet),var(--rosa));border-radius:50%;width:96px;height:96px;animation:5s ease-in-out infinite eclipse-pulse;box-shadow:0 0 40px 6px #e5838159,0 0 80px 20px #e583811f}@keyframes eclipse-pulse{0%,to{box-shadow:0 0 40px 6px #e5838159,0 0 80px 20px #e583811f}50%{box-shadow:0 0 50px 10px #e5838180,0 0 100px 28px #e5838133}}.historia-texto{color:var(--ink-dim);margin:0 0 12px;font-size:15.5px;line-height:1.65}.historia-link{color:var(--rosa);font-size:14.5px;font-weight:600;text-decoration:none}.historia-link:hover{text-decoration:underline}@media (width<=520px){.historia-grid{text-align:center;flex-direction:column}}.linea-visual .instagram-embed{margin-bottom:48px}.instagram-embed{justify-content:center;display:flex}.instagram-embed iframe{border-radius:15px!important}.instagram-embed a{color:var(--rosa);font-size:var(--t-chico);font-weight:700;text-decoration:none}.labels-kicker{margin-top:0;margin-bottom:20px}.labels-mosaic{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.label-chip{--c:var(--rosa);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--c);border-radius:12px;flex-direction:column;gap:5px;padding:14px 16px;display:flex}.label-vibe{letter-spacing:.05em;text-transform:uppercase;color:var(--c);font-size:11.5px;font-weight:700}.label-nombre{color:var(--ink);font-family:Poppins,sans-serif;font-size:16px;line-height:1.25}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}