:root{--bg:#f1f0ee;--ink:#24262b;--muted:#7c7d86;--glass:#ffffff8c;--line:#ffffffc9;--accent:#7772ab}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 50% 35% at 100% 10%,#dfe4f980,transparent),radial-gradient(ellipse 40% 40% at 0% 65%,#e9dfed80,transparent),var(--bg);color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:transparent;color:inherit}button,a,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9287c6;outline-offset:4px}button:hover,a:hover{filter:brightness(.94)}[hidden]{display:none!important}header{max-width:1330px;margin:auto;display:flex;align-items:center;gap:25px;padding:30px 48px}.brand{font-size:25px;font-weight:750;letter-spacing:-1.2px;display:flex;align-items:center}.brand>span:not(.brand-icon),.gradient{background:linear-gradient(100deg,#51ad91,#7b8ec5,#b88db3,#d3a882);background-clip:text;-webkit-text-fill-color:transparent}.brand-icon{font-size:26px;margin-right:10px;font-weight:400}.brand small{font-size:8px;font-weight:500;letter-spacing:1.4px;border-left:1px solid #cdcdd2;padding-left:17px;margin-left:18px;color:#777a82}header nav{margin-left:auto;display:flex;gap:26px;font-size:11px;color:#7e7f89}.round{background:#ffffff90;border:1px solid #fff8;border-radius:50%;width:35px;height:35px;font-size:15px;display:grid;place-items:center}main{max-width:1330px;margin:auto;padding:0 48px 110px}.intro{position:relative;display:grid;grid-template-columns:1fr 380px;min-height:295px;align-items:center}.eyebrow{font-size:9px;font-weight:550;letter-spacing:1.9px;color:#8b8c95;margin:0 0 16px}h1{font-size:clamp(40px,4.2vw,58px);font-weight:650;line-height:1.12;letter-spacing:-2.8px;margin:0}h1 span{color:#888995;font-weight:400}.intro>div>p:last-child{font-size:12px;color:#7d7e87;line-height:1.9;margin:17px 0 0}.intro-art{height:290px;position:relative;isolation:isolate}.intro-art img{width:280px;height:290px;object-fit:contain;position:absolute;right:30px;bottom:0;mask-image:linear-gradient(#000 78%,transparent 100%)}.halo{position:absolute;inset:30px 20px 20px;background:radial-gradient(ellipse,#cbdad9,#dcdaf2 45%,transparent 70%);filter:blur(24px);z-index:-1}.orbit{position:absolute;inset:70px 10px 35px;border:1px solid #fff9;border-radius:50%;transform:rotate(-30deg);z-index:-1}.o2{inset:45px 40px 60px;transform:rotate(25deg)}.float-tag{position:absolute;right:0;bottom:42px;padding:13px 18px;background:#ffffffb0;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:20px;font-size:10px;transform:rotate(-4deg)}.float-tag span{color:#9385b3;font-size:19px;margin-right:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:28px;margin-top:16px;align-items:start}.section-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}h2{font-size:18px;letter-spacing:-.6px;font-weight:600;margin:0}.section-top h2 span{font-size:10px;color:#95949e;font-weight:400;margin-left:10px;letter-spacing:0}.filters{display:flex;padding:4px;background:#ffffff55;border-radius:999px}.filters button{font-size:10px;padding:8px 14px;border-radius:999px;color:#82828c}.filters [aria-pressed=true]{background:#ffffffbd;color:#3d3c47;box-shadow:0 2px 10px #50505b05}.channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.channel{position:relative;display:flex;background:var(--glass);border:1px solid #ffffffa9;border-radius:20px;min-height:113px;transition:background .2s,box-shadow .2s,transform .2s}.channel:hover{transform:translateY(-2px);background:#ffffffba}.channel.selected{background:linear-gradient(110deg,#f7f8ff,#eeedf7);border-color:#b6b1d1;box-shadow:0 3px 18px #8d88ac0b}.channel-main{display:flex;align-items:center;gap:15px;flex:1;text-align:left;padding:24px 35px 24px 18px;min-width:0}.logo{height:49px;width:49px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;font-size:31px;line-height:1;font-weight:750;letter-spacing:-2px;box-shadow:inset 0 0 0 1px #ffffff24}.channel h3{font-size:13px;font-weight:600;margin:0 0 8px;letter-spacing:-.2px}.channel p{display:flex;align-items:center;gap:5px;font-size:9px;color:#8d8c96;margin:0;line-height:1.5}.channel .dot{height:5px;width:5px;border-radius:50%;background:#93b5a8}.channel .external-dot{background:#b3acbf}.heart{position:absolute;right:12px;top:10px;width:28px;height:28px;color:#a4a0af;font-size:21px}.heart[aria-pressed=true]{color:#b37a98}.channel .indicator{position:absolute;right:15px;bottom:17px;color:#9b94b1;font-size:14px}.logo.la1{background:linear-gradient(135deg,#6abbdc,#237dc8);color:white}.logo.la2{background:linear-gradient(135deg,#bfdd66,#78a82d);color:white}.logo.a3{background:#fff0e4;color:#f18c37;font-size:20px;letter-spacing:-1px}.logo.cuatro{background:#d74343;color:white}.logo.t5{background:#399bd0;color:white}.logo.sexta{background:#71ae40;color:white}.logo.aragon{background:#f3e8c6;color:#292c32;font-size:29px;letter-spacing:-3px}.logo.h24{background:linear-gradient(135deg,#f36555,#d33b43);color:white;font-size:22px;letter-spacing:-1px}.coming{display:flex;align-items:center;gap:12px;padding:19px 14px 19px 5px;margin-top:9px;color:#9d9aa5}.future-mark{width:36px;height:36px;display:grid;place-items:center;background:#e8e6eb;border-radius:11px;font-size:22px}.coming b{font-size:11px;font-weight:550}.coming p{font-size:9px;margin:4px 0 0;color:#a29ea8}.tag{margin-left:auto;font-size:7px;letter-spacing:.8px;border:1px solid #dcd9e1;border-radius:99px;padding:6px 8px;white-space:nowrap}.listening{padding:23px 26px 20px;border:1px solid #fff;border-radius:26px;background:radial-gradient(ellipse at 10% 0,#e0e9e77a,transparent 60%),radial-gradient(ellipse at 100% 100%,#e4def39c,transparent 60%),#ffffff70;text-align:center}.listening-top{display:flex;justify-content:space-between;align-items:center}.listening-top .eyebrow{font-size:8px;letter-spacing:1.25px;margin:0}.headphones{color:#9992af;font-size:20px}.selected-logo{display:flex;justify-content:center;margin:28px 0 17px}.selected-logo .logo{width:78px;height:78px;border-radius:21px;font-size:46px;box-shadow:0 8px 25px #746c8514}.selected-logo .logo.h24{font-size:34px}.selected-logo .logo.a3{font-size:30px}.selected-logo .logo.aragon{font-size:38px}.listening h2{font-size:25px;letter-spacing:-1px}.listening>p{color:#8d8997;font-size:10px;margin:8px 0 0}.wave{height:53px;display:flex;justify-content:center;align-items:center;gap:4px;margin-top:13px}.wave i{width:3px;height:var(--h);background:linear-gradient(#b2a3c7,#9cbcaf);border-radius:5px;opacity:.6}.wave.active i{animation:wave 1s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes wave{to{transform:scaleY(.35);opacity:.9}}.status{font-size:9px;color:#8b8596;line-height:1.7;min-height:33px;margin:2px 0 11px}.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:11px 14px;border-radius:999px;background:#30303b;color:#fff;font-size:11px;font-weight:550}.secondary{padding:11px;font-size:10px;color:#6c658a;text-decoration:underline;text-underline-offset:3px;margin-top:4px}.small{font-size:9px!important;line-height:1.7;color:#948d9e;margin:5px 0 13px!important}.volume{display:flex;align-items:center;gap:10px;margin-top:19px}.volume button{color:#8e899d;width:24px}.volume input{min-width:0;flex:1;height:3px;accent-color:#9186af}.volume output{font-size:9px;color:#97909f;width:28px}.timer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffffc9;margin-top:20px;padding-top:16px;font-size:9px;color:#8a8395}.timer select{background:transparent;border:0;max-width:105px;color:#625d72;font-size:10px;padding:5px 0}.source-link{display:inline-block;color:#96909e;font-size:9px;margin-top:22px}.note{display:flex;align-items:center;gap:12px;border-top:1px solid #dcdbe2;margin-top:22px;padding:20px 0;color:#9994a1}.note>span{font-size:18px}.note p{font-size:9px;line-height:1.8;max-width:800px;margin:0}.note b{font-weight:550;color:#77717f}.note button{font-size:9px;white-space:nowrap;margin-left:auto;color:#8e849f}footer{display:flex;justify-content:space-between;align-items:center;padding:16px 0;color:#a6a1ad;font-size:9px}footer>span:first-child{font-size:18px;letter-spacing:-.7px;font-weight:650;color:#73717b}footer small{font-size:9px;font-weight:400;letter-spacing:0;margin-left:15px;color:#a09ba8}.mini{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:14px;align-items:center;background:#faf9f4e8;border:1px solid #fff;border-radius:23px;padding:12px 15px;min-width:350px;box-shadow:0 9px 35px #55526a18;backdrop-filter:blur(20px)}.mini .logo{height:36px;width:36px;font-size:23px;border-radius:10px}.mini .logo.h24,.mini .logo.a3{font-size:16px}.mini>div{flex:1}.mini b{font-size:11px;display:block}.mini small{display:block;font-size:9px;color:#8d8599;margin-top:3px}.mini .round{background:#36343f;color:white;width:36px;height:36px}.stop{font-size:12px;color:#8f899b;padding:10px}dialog{background:#f6f4f2;color:var(--ink);border:1px solid white;border-radius:26px;padding:27px;width:calc(100% - 32px);max-width:510px;box-shadow:0 20px 100px #37304430}dialog::backdrop{background:#45405455;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-top .eyebrow{margin:0;font-size:8px}dialog h2{font-size:29px;line-height:1.2;margin:20px 0}dialog p,dialog li{font-size:12px;line-height:1.8;color:#7b7485}dialog li{margin-bottom:11px}dialog a{color:#73638c;text-decoration:underline}dialog .primary{color:white;text-decoration:none;margin:16px 0}dialog .secondary{width:100%;text-align:center}.empty{font-size:12px;color:#928a9c;padding:55px 25px;background:#ffffff66;border-radius:20px;text-align:center}@media(min-width:1500px){main,header{max-width:1400px}.intro{min-height:340px}.intro-art{height:330px}.intro-art img{height:330px}.channel{min-height:126px}.listening{padding:28px 30px}}@media(max-width:1000px){header,main{padding-left:28px;padding-right:28px}.workspace{gap:18px;grid-template-columns:1fr 290px}.channel-main{gap:9px;padding-left:13px}.channel h3{font-size:12px}.logo{height:41px;width:41px;font-size:27px}.channel p{font-size:8px}.channel .indicator{display:none}.listening{padding:21px}.coming p{max-width:240px}.intro{grid-template-columns:1fr 290px}.intro-art img{right:0}.tag{font-size:6px}}@media(max-width:760px){header{padding:20px}.brand small{display:none}header nav{gap:16px;font-size:10px}.intro{min-height:235px;grid-template-columns:1fr 160px}h1{font-size:39px;letter-spacing:-2px}.intro>div>p:last-child{font-size:10px}.intro-art{height:215px}.intro-art img{width:190px;height:215px;right:-15px}.float-tag{font-size:7px;padding:9px;right:-4px;bottom:23px}.float-tag span{font-size:13px;margin-right:3px}.orbit{inset:55px -10px 25px}.o2{inset:35px 0 25px}main{padding:0 20px 115px}.workspace{grid-template-columns:1fr;margin-top:12px}.listening{order:-1;display:grid;grid-template-columns:64px 1fr;column-gap:16px;text-align:left;padding:20px;position:relative}.listening-top{grid-column:1/-1;margin-bottom:16px}.selected-logo{margin:0;grid-column:1;grid-row:2/5;align-items:center}.selected-logo .logo{width:64px;height:64px;font-size:39px;border-radius:18px}.selected-logo .logo.h24{font-size:29px}.selected-logo .logo.a3{font-size:25px}.selected-logo .logo.aragon{font-size:31px}.listening h2{grid-column:2;font-size:22px}.listening>p{grid-column:2;font-size:10px;margin-top:5px}.status{grid-column:2;margin:5px 0 0;min-height:15px;font-size:9px}.wave{position:absolute;right:20px;top:12px;height:31px;width:50px;gap:2px;opacity:.6}.wave i{width:2px;max-height:24px}.headphones{display:none}.listening>.primary,#externalActions{grid-column:1/-1;margin-top:17px}#externalActions{text-align:center}.volume{grid-column:1/-1;margin:18px 0 0}.timer{grid-column:1/-1;margin-top:17px;padding-top:11px}.source-link{grid-column:1/-1;text-align:center;margin-top:13px;font-size:8px}#timerStatus{grid-column:1/-1}.section-top{margin-top:9px}.channels{gap:10px}.channel{min-height:108px;border-radius:18px}.channel-main{padding:23px 25px 18px 14px;gap:12px}.channel .logo{height:43px;width:43px}.channel h3{font-size:12px}.channel p{font-size:8px}.heart{right:7px;top:5px}.note{align-items:flex-start;margin-top:12px;flex-wrap:wrap;padding:17px 0;gap:8px}.note p{width:calc(100% - 30px);font-size:8px}.note button{margin-left:27px}.coming{gap:10px}.coming p{font-size:8px;max-width:200px}.tag{font-size:6px;padding:5px}footer{gap:16px;align-items:flex-start}footer>span:last-child{max-width:145px;line-height:1.7;text-align:right;font-size:8px}footer small{display:block;margin:5px 0 0}.mini{bottom:12px;min-width:0;width:calc(100% - 28px);max-width:450px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-width:390px){header nav{gap:10px}.intro{grid-template-columns:1fr 120px}h1{font-size:34px}.intro-art img{right:-24px;width:170px}.intro .eyebrow{font-size:7px}.channel-main{gap:9px;padding-left:10px}.channel .logo{height:35px;width:35px;border-radius:10px;font-size:24px}.channel .logo.h24{font-size:18px}.channel .logo.a3{font-size:16px}.channel h3{font-size:11px}.channel p{font-size:7px}.tag{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.timeshift{margin:18px 0 0;grid-column:1/-1}.buffer-label{display:flex;justify-content:space-between;font-size:10px;color:#766d85;gap:8px}.timeshift input{width:100%;margin:15px 0;accent-color:#8175a7}.transport{display:flex;justify-content:space-between;gap:6px}.transport button{border-radius:12px;padding:10px 8px;background:#ffffffb0;font-size:11px}.transport #goLive{color:#6e5497}.transport #goLive.live{background:#e4efe9;color:#34785a}.timeshift .secondary{margin:8px 0 0;padding:5px}.channel p{display:block}.channel-main{padding-right:32px}.channel h3{line-height:1.4}.channel .indicator{display:none}#loginForm{display:grid;gap:13px}#loginForm input{padding:13px;border:1px solid #bdb6cf;border-radius:12px;font:inherit;background:#fff}#loginForm label{font-size:12px}#loginError{color:#944859}.status{font-size:11px}.small{font-size:10px!important}.channel p{font-size:10px}.channel h3{font-size:14px}.listening-top .eyebrow{line-height:1.6}.transport button:disabled{opacity:.4;cursor:default}.timeshift #seek{min-height:22px}@media(max-width:760px){.timeshift{text-align:center}.status{font-size:10px}.channel h3{font-size:12px}.channel p{font-size:9px}.channel-main{gap:9px}}

/* Contener la ilustración decorativa sin desplazar la página en móvil. */
@media(max-width:760px){.intro{overflow:clip}}