:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f9f3ff;background:#100820;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.content-width{width:min(1100px,calc(100% - 48px));margin:auto}.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;background:#260a49 url(/Fondo03.jpg) center center/cover no-repeat;isolation:isolate}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0a031eba,#1004262b 39%,#0c041db8)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px}.brand{display:flex;flex-direction:column;letter-spacing:.13em;white-space:nowrap}.brand strong{font-size:18px;color:#fff}.brand span{font-size:10px;color:#ffc0f4;letter-spacing:.21em;margin-top:5px}.topbar nav{display:flex;gap:26px;font-size:13px;font-weight:600}.topbar nav a:hover,.language button:hover{color:#ff9ee9}.language{display:flex;align-items:center;gap:7px;color:#e2c5f1;font-size:12px}.language button{background:none;border:0;color:#b8a6c8;padding:6px 2px}.language button[aria-pressed=true]{color:#fff;font-weight:800;border-bottom:2px solid #ff78d8}.hero-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:64px 0 48px}.intro{text-align:center;text-shadow:0 3px 20px #10031d}.eyebrow{color:#ffc0f4;font-size:12px;letter-spacing:.3em;font-weight:800}.intro h1{font-size:clamp(38px,6vw,76px);margin:12px 0;font-weight:800;letter-spacing:-.04em}.intro>p:last-child{font-size:clamp(15px,2vw,19px);line-height:1.6;max-width:600px;margin:0 auto}.player{width:min(550px,100%);padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0e0824cc;border:1px solid rgba(255,164,241,.48);box-shadow:0 10px 45px #0a02237a,0 0 28px #e83ed024;border-radius:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.player-copy{display:flex;flex-direction:column;gap:9px;min-width:0}.live-label{font-size:11px;letter-spacing:.15em;color:#ffaddf;font-weight:800}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f25ba9;margin-right:9px;box-shadow:0 0 10px #ff7ccd}.player-copy strong{font-size:clamp(18px,3vw,23px)}.status{font-size:13px;color:#d3c0e2}.play-button{width:70px;height:70px;flex-shrink:0;border-radius:50%;border:0;background:linear-gradient(135deg,#ff88d9,#bd71ff);color:#260e37;font-size:25px;box-shadow:0 0 22px #f459ca77;transition:transform .15s}.play-button:hover{transform:scale(1.06)}.scroll-hint{align-self:center;padding:0 0 18px;font-size:32px;color:#fff}.section{padding-top:94px;padding-bottom:94px}.section-label{font-size:11px;color:#f59ddd;letter-spacing:.25em;font-weight:800}.section h2{font-size:clamp(28px,4vw,42px);margin:15px 0 18px}.section p{max-width:800px;color:#d6cce5;font-size:17px;line-height:1.8}.alternate{background:#1b1034}.outline-link{display:inline-block;margin-top:15px;border:1px solid #d687ef;border-radius:30px;padding:13px 21px;font-weight:700}.outline-link:hover{background:#47235c}.legal p{font-size:14px}footer{background:#0a0616;border-top:1px solid #302144}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding:27px 0;font-size:12px;color:#bcaed0}@media(max-width:650px){.content-width{width:calc(100% - 34px)}.topbar{flex-wrap:wrap;padding-top:18px}.brand strong{font-size:14px}.brand span{font-size:8px}.topbar nav{order:3;width:100%;justify-content:center;gap:24px}.hero{background-position:55% center}.hero-main{gap:25px;padding:55px 0 35px}.intro h1{font-size:42px}.player{padding:19px}.play-button{width:58px;height:58px}.section{padding-top:65px;padding-bottom:65px}.footer-inner{flex-direction:column;gap:8px}}.track-metadata{width:min(550px,100%);background:#0e0824d6;border:1px solid rgba(255,164,241,.28);border-radius:20px;padding:21px 25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #0a022347}.current-track{display:flex;flex-direction:column;gap:9px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.16)}.metadata-heading{font-size:12px;letter-spacing:.14em;color:#ffaddf;font-weight:800}.current-name{color:#27f5ee;font-size:17px;line-height:1.4;overflow-wrap:anywhere}.history-panel{padding-top:16px;font-family:Lato,Segoe UI,Arial,sans-serif;font-size:.9rem}.history-title{color:#2a7fff;font-size:1rem;font-weight:700;margin:0 0 9px}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.history-list li{color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.history-list li.first-item{color:#27f5ee}.history-list li.sweeper-item{color:gray}.metadata-empty{color:#d6cce5;font-size:14px;margin:0}.player-embed{width:min(550px,100%);height:190px;overflow:hidden;border-radius:20px;background:#0e0824e0;border:1px solid rgba(255,164,241,.48);box-shadow:0 10px 45px #0a02237a}.player-embed iframe{display:block;width:100%;height:100%;border:0}@media(max-width:650px){.player-embed{height:190px}}.section h3{font-size:clamp(20px,2.6vw,27px);margin:0 0 10px}.listen-subsection{margin-top:52px}.listen-subsection p,.android-block p,.support-block p{font-size:15px;margin:0 0 15px}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:24px;margin-top:30px}.directory-grid a{display:flex;align-items:center;justify-content:center;min-height:85px;padding:15px;border:1px solid #ffffff24;border-radius:15px;background:#ffffff0b;transition:transform .18s,background .18s}.directory-grid a:hover,.external-player:hover{transform:translateY(-4px);background:#ffffff16}.directory-grid img{display:block;width:auto;max-width:90%;max-height:65px;object-fit:contain}.external-player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:760px;margin:25px auto 0}.external-player{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 7px;border-radius:14px;font-size:13px;font-weight:600;text-align:center;transition:transform .18s,background .18s}.external-player-icon{display:flex;align-items:center;justify-content:center;width:90px;height:90px}.external-player-icon img{width:48px;height:48px;object-fit:contain}.android-block{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:35px;padding:24px;border:1px solid #ffffff2b;border-radius:18px;background:#ffffff09}.android-block .outline-link{margin:0;white-space:normal}.spotify-section{text-align:center}.spotify-section img{display:block;width:min(210px,70vw);height:auto;margin:25px auto 0;transition:transform .18s,opacity .18s}.spotify-section img:hover{transform:scale(1.04);opacity:.9}.support-block{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:38px;padding:25px;border:1px solid #ffffff2b;border-radius:18px;background:#ffffff09}.support-block>div{flex:1}.support-block .outline-link{margin-top:5px}.kofi-qr{display:block;flex:0 0 auto;padding:8px;background:#fff;border-radius:12px}.kofi-qr img{display:block;width:160px;max-width:100%;height:auto}@media(max-width:700px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.external-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-block{flex-direction:column;align-items:flex-start}.kofi-qr{align-self:center}.android-block{align-items:flex-start}}@media(max-width:400px){.external-player-icon{width:70px;height:70px}.external-player-icon img{width:44px;height:44px}.directory-grid a{min-height:75px;padding:10px}}.brand strong{font-size:clamp(23px,2.8vw,33px);letter-spacing:.11em}.brand span{font-size:clamp(12px,1.4vw,16px);letter-spacing:.18em;margin-top:5px;font-weight:700}.brand small{font-size:clamp(10px,1vw,12px);font-weight:600;letter-spacing:.035em;line-height:1.45;color:#f5e8fb;white-space:normal}.brand small:first-of-type{margin-top:12px}.hero-main{padding-top:55px}.listen-subsection{margin-top:0}@media(max-width:650px){.brand strong{font-size:clamp(19px,5.1vw,26px)}.brand span{font-size:clamp(10px,2.8vw,13px)}.brand small{font-size:10px}.topbar{align-items:flex-start}.hero-main{padding-top:48px}}.brand small{color:#ffe44d}.footer-inner{align-items:center;flex-wrap:wrap}.footer-social{display:flex;align-items:center;gap:13px}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#666;color:#fff;transition:background .18s,transform .18s}.footer-social a:hover{background:#8c5c93;transform:translateY(-2px)}.footer-social a:focus-visible{outline:2px solid #FFE44D;outline-offset:3px}.footer-social svg{width:22px;height:22px}@media(max-width:650px){.footer-inner{align-items:center;text-align:center;gap:18px}.footer-social{justify-content:center}}
