/* RadioPortal performance bundle 2026.08.14.10 */
:root{--brand:#e11d48;--dark:#111827;--muted:#64748b;--bg:#f8fafc;--card:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--dark);background:var(--bg)}a{color:inherit;text-decoration:none}.top{height:86px;padding:10px max(4vw,20px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 22px #0f172a12}.brand{display:flex;align-items:center;gap:12px}.brand img{width:64px;height:64px;object-fit:contain}.brand span{display:grid}.brand small{color:var(--muted);max-width:390px}.top nav{display:flex;gap:18px;font-weight:700}.top nav a:hover{color:var(--brand)}.navtoggle{display:none;border:0;background:none;font-size:26px}.ticker{background:var(--brand);color:#fff;text-align:center;padding:8px;font-weight:700}.hero{min-height:530px;padding:80px max(6vw,30px);display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;color:#fff;background:radial-gradient(circle at 80% 20%,#fb7185 0,transparent 35%),linear-gradient(135deg,#4c0519,#be123c 60%,#e11d48)}.eyebrow{font-size:.82rem;letter-spacing:.14em;font-weight:900}.hero h1{font-size:clamp(2.4rem,6vw,5.5rem);line-height:.95;margin:.3em 0}.hero p{font-size:1.18rem;max-width:700px}.hero-card{background:#ffffff17;backdrop-filter:blur(12px);padding:30px;border:1px solid #ffffff3b;border-radius:30px;text-align:center}.hero-card img{width:min(100%,280px);max-height:260px;object-fit:contain}.btn{display:inline-flex;padding:13px 20px;background:var(--brand);color:#fff;border:0;border-radius:999px;font-weight:800;cursor:pointer}.btn.light{background:#fff;color:#be123c}.section{padding:60px max(6vw,30px)}.section h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 12px 35px #0f172a0d;overflow:hidden}.card img{width:100%;height:210px;object-fit:cover}.card-body{padding:22px}.card h3{margin:.1em 0}.meta{color:var(--brand);font-weight:800;font-size:.85rem}.muted{color:var(--muted)}.schedule{display:grid;gap:12px}.schedule-item{display:grid;grid-template-columns:170px 100px 1fr;gap:15px;background:#fff;padding:18px;border-radius:14px}.form{max-width:720px;display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:13px;font:inherit}.form textarea{min-height:140px}.alert{padding:14px 18px;border-radius:12px;background:#dcfce7;color:#166534;margin:15px 0}.alert.error{background:#fee2e2;color:#991b1b}footer{padding:50px max(6vw,30px) 110px;background:#111827;color:#fff;display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}.social{display:flex;gap:15px}.player{position:fixed;left:20px;right:20px;bottom:16px;z-index:30;max-width:650px;margin:auto;display:flex;align-items:center;gap:15px;background:#fff;padding:12px 18px;border-radius:22px;box-shadow:0 12px 50px #0004}.player button{width:48px;height:48px;border-radius:50%;border:0;background:var(--brand);color:#fff;font-size:20px}.player div{display:grid;min-width:145px}.player b{color:var(--brand)}.player input{flex:1}.whatsapp{position:fixed;right:20px;bottom:22px;background:#16a34a;color:#fff;padding:13px 18px;border-radius:999px;font-weight:800;z-index:31}.article{max-width:860px;margin:auto}.article img{width:100%;max-height:500px;object-fit:cover;border-radius:24px}.article-body{font-size:1.1rem;white-space:pre-line}.empty{padding:40px;text-align:center;background:#fff;border-radius:20px}@media(max-width:900px){.top nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.top nav.open{display:flex}.navtoggle{display:block}.brand small{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:50px}.hero p{margin-inline:auto}.grid{grid-template-columns:1fr 1fr}.schedule-item{grid-template-columns:1fr}.whatsapp{bottom:95px}.player{left:10px;right:10px}.player input{display:none}}@media(max-width:560px){.grid{grid-template-columns:1fr}.section{padding:42px 20px}.hero{padding-inline:20px}.hero-card{display:none}}.app-section{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px;background:linear-gradient(135deg,#4c0519,#e11d48);color:#fff}.app-section img{width:100%;max-height:230px;object-fit:contain}.actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:900px){.app-section{grid-template-columns:1fr}.app-section img{display:none}}

.dj-bg{background-color:#f8fafc;background-image:repeating-radial-gradient(circle at 85% 55%,#0f172a05 0 2px,transparent 3px 12px);background-attachment:fixed}.top{height:100px}.brand img{width:150px;height:88px;object-fit:contain;filter:drop-shadow(0 7px 12px #0003);animation:heartbeat 3.2s ease-in-out infinite}.clock{margin-left:auto;margin-right:22px;display:grid;text-align:right}.clock b{font:800 1.15rem ui-monospace,monospace;color:var(--brand)}.clock small{color:var(--muted);font-size:.7rem}.ticker{overflow:hidden;white-space:nowrap;padding:9px 0}.ticker div{display:inline-block;padding-left:100%;animation:tickerMove 38s linear infinite}.hero{min-height:430px;padding-block:55px}.hero-card{padding:20px}.hero-card img{max-height:190px}.banner-rotator{max-width:760px;height:min(32vw,310px);min-height:170px;margin:34px auto 0;padding:0 22px;position:relative}.banner-slide{position:absolute;inset:0 22px;opacity:0;transition:opacity .8s;pointer-events:none}.banner-slide.active{opacity:1;pointer-events:auto}.banner-slide img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:22px;box-shadow:0 12px 35px #0f172a18}.compact{padding-block:42px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:0}.section-heading>a,.text-link{color:var(--brand);font-weight:800}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.news-card img{height:155px}.news-card .card-body{padding:17px}.rankings{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:25px}.rank-list{display:grid;gap:10px}.rank-list a{display:grid;grid-template-columns:42px 132px 1fr;align-items:center;gap:12px;padding:9px;background:#fffd;border-radius:16px;box-shadow:0 6px 20px #0f172a0b}.rank-list strong{font-size:1.35rem;color:var(--brand);text-align:center}.rank-list img{width:132px;height:82px;border-radius:10px;object-fit:cover;animation:heartbeat 3.2s ease-in-out infinite}.host-photo{animation:heartbeat 3.2s ease-in-out infinite}.pro-player{max-width:760px;background:linear-gradient(110deg,#111827,#1e293b);color:#fff;border:1px solid #ffffff25}.pro-player .live-info b{color:#fff}.equalizer{height:38px;display:flex!important;align-items:center;gap:3px;flex:1}.equalizer i{width:4px;height:20%;border-radius:5px;background:linear-gradient(#7dd3fc,#e11d48);animation:eq .8s ease-in-out infinite alternate;animation-play-state:paused}.player.playing .equalizer i{animation-play-state:running}.equalizer i:nth-child(2n){animation-delay:.25s}.equalizer i:nth-child(3n){animation-delay:.45s}.section.compact:last-of-type{max-width:1040px}.section.compact:last-of-type .card img{height:155px}.program-alert{position:fixed;right:20px;top:120px;z-index:40;max-width:min(410px,calc(100vw - 30px));padding:14px 18px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#be123c,#e11d48);box-shadow:0 15px 45px #0004;transition:.45s;transform:translateX(130%);opacity:0}.program-alert.show{transform:none;opacity:1}@keyframes tickerMove{to{transform:translateX(-100%)}}@keyframes eq{to{height:95%}}@keyframes heartbeat{0%,86%,100%{transform:scale(1)}90%{transform:scale(1.055)}94%{transform:scale(.99)}97%{transform:scale(1.035)}}@media(max-width:900px){.rankings{grid-template-columns:1fr}.brand img{width:112px;height:72px}}@media(max-width:560px){.banner-rotator{height:190px}.news-grid{grid-template-columns:1fr 1fr}.rank-list a{grid-template-columns:36px 110px 1fr}.rank-list img{width:110px;height:70px}}@media(max-width:390px){.news-grid{grid-template-columns:1fr}}

.top{height:108px;background:#fffffff2}.brand{position:relative;z-index:2;background:transparent!important}.brand img{width:clamp(132px,11vw,178px);height:94px;object-fit:contain;background:transparent!important;filter:drop-shadow(0 8px 14px #0004);animation:logoFloat 4s ease-in-out infinite,heartbeat 3.2s ease-in-out infinite;transform-origin:center}.footer-brand img{display:none}.dj-bg{position:relative;background:transparent!important}.dj-bg:before,.dj-bg:after{content:"";position:fixed;border-radius:50%;z-index:-2;background:radial-gradient(circle,#f8fafc 0 6%,#111827 7% 10%,#0f172a 11% 13%,transparent 14%),repeating-radial-gradient(circle,#0b1220 0 3px,#273449 4px 7px,#111827 8px 10px);box-shadow:inset 0 0 0 3px #ffffff18,0 30px 80px #0f172a30;animation:vinylSpin 32s linear infinite}.dj-bg:before{width:min(68vw,760px);height:min(68vw,760px);right:-13vw;top:11vh;opacity:.2}.dj-bg:after{width:min(45vw,520px);height:min(45vw,520px);left:-15vw;bottom:-12vh;opacity:.13;animation-duration:42s;animation-direction:reverse}.dj-bg main,.section,.card,.rank-list a{background-color:transparent}.card,.rank-list a,.hero-card{backdrop-filter:blur(7px)}.vinyl{display:none!important}.pro-player{left:50%;right:auto;transform:translateX(-50%);bottom:14px;width:min(820px,calc(100% - 34px));max-width:none;border-radius:16px;padding:12px 16px;background:linear-gradient(120deg,#08111f,#14233a 55%,#08111f);border:1px solid #38bdf84d;box-shadow:0 16px 50px #02061766,0 0 30px #0284c726}.pro-player button{flex:0 0 50px}.live-info{min-width:155px}.ocean-wave{height:46px;display:flex;align-items:center;justify-content:center;gap:3px;flex:1;overflow:hidden;padding:0 8px}.ocean-wave i{width:4px;height:18%;border-radius:6px;background:linear-gradient(#67e8f9,#38bdf8 45%,#e11d48);box-shadow:0 0 7px #38bdf888;animation:ocean 1.25s ease-in-out infinite alternate;animation-play-state:paused}.player.playing .ocean-wave i{animation-play-state:running}.ocean-wave i:nth-child(3n){animation-delay:.25s}.ocean-wave i:nth-child(4n){animation-delay:.5s}.program-alert,.visitor-alert{position:fixed;right:20px;z-index:50;width:min(390px,calc(100vw - 30px));min-height:78px;padding:14px 18px;border-radius:16px;color:#fff;box-shadow:0 18px 50px #0004;transform:translateX(125%);opacity:0;transition:.45s}.program-alert{top:122px;background:linear-gradient(135deg,#be123c,#e11d48)}.visitor-alert{top:122px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0f172a,#0369a1);border:1px solid #7dd3fc55}.program-alert.show,.visitor-alert.show{transform:none;opacity:1}.visitor-alert[hidden]{display:none}.visitor-alert div{display:grid}.visitor-icon{color:#4ade80;animation:pulseDot 1.2s infinite}.ad-marquee{width:100%;overflow:hidden;margin:30px 0;background:#fff;border-block:1px solid #e2e8f0}.ad-track{display:flex;width:max-content;gap:0;will-change:transform;animation:adsMove max(55s,calc(var(--ad-count)*11s)) linear infinite}.ad-item{display:block;flex:0 0 calc(100vw / 6);height:220px;margin:0;padding:0;overflow:hidden}.ad-item img{display:block;width:100%;height:100%;object-fit:contain;margin:0;background:#fff}.admin-main{padding-bottom:120px}.sidebar a{border-radius:10px;transition:.2s}.sidebar a:hover{background:#ffffff18;transform:translateX(3px)}@keyframes adsMove{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes logoFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes vinylSpin{to{transform:rotate(360deg)}}@keyframes ocean{0%{height:14%}50%{height:94%}100%{height:32%}}@keyframes pulseDot{50%{opacity:.35;transform:scale(.8)}}@media(max-width:900px){.ad-item{flex-basis:calc(100vw / 3);height:190px}.dj-bg:before{width:760px;height:760px;right:-430px;opacity:.17}}@media(max-width:600px){.top{height:96px}.brand img{width:142px;height:82px}.ad-item{flex-basis:50vw;height:175px}.pro-player{width:calc(100% - 18px);border-radius:13px;padding:10px}.live-info{min-width:120px;font-size:.82rem}.ocean-wave{display:flex!important;height:35px}.ocean-wave i{width:3px}.pro-player input{max-width:80px}.program-alert,.visitor-alert{top:105px;right:10px}.dj-bg:before{width:590px;height:590px;right:-350px;top:18vh;opacity:.2}.dj-bg:after{width:380px;height:380px;left:-220px}}

.dj-bg:before,.dj-bg:after{background-image:var(--radio-logo),radial-gradient(circle,#f8fafc 0 6%,#111827 7% 10%,#0f172a 11% 13%,transparent 14%),repeating-radial-gradient(circle,#080d16 0 3px,#26344a 4px 7px,#101827 8px 11px)!important;background-size:18% 18%,100% 100%,100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;opacity:.24}.brand img{width:clamp(145px,12vw,190px);height:98px;background:none!important;filter:drop-shadow(0 9px 16px #0005) drop-shadow(0 0 10px #fff8)}.stream-player{position:fixed;left:50%;bottom:14px;z-index:60;transform:translateX(-50%);display:grid;grid-template-columns:62px minmax(220px,1.4fr) 54px minmax(180px,1fr) 62px 34px;align-items:center;width:min(1040px,calc(100% - 28px));min-height:82px;padding:8px 12px;background:#ffffffc2;backdrop-filter:blur(18px) saturate(1.25);border:1px solid #ffffffaa;border-radius:18px;box-shadow:0 16px 55px #02061755,0 0 0 1px #0f172a14;color:#0f172a;transition:.45s}.stream-player.hidden-player{transform:translate(-50%,140%);opacity:0;pointer-events:none}.play-main{width:56px!important;height:56px!important;background:#050505!important;font-size:24px!important}.stream-meta{display:grid;min-width:0;padding:0 10px}.stream-meta small{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-meta strong{font-size:clamp(1.05rem,2.1vw,1.8rem);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-badge{display:grid;justify-items:center;color:#64748b;font-size:20px}.live-badge b{font-size:.68rem;background:#64748b;color:#fff;padding:1px 4px;border-radius:3px}.visual-volume{position:relative;height:52px;display:grid;align-items:center;cursor:ew-resize}.visual-volume .ocean-wave{position:absolute;inset:0;opacity:.78}.visual-volume input{position:absolute;inset:0;width:100%!important;height:100%;opacity:.02;cursor:ew-resize;z-index:2}.record-status{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#0b0f18 0 3px,#273449 4px 6px);box-shadow:inset 0 0 0 2px #ffffff25,0 5px 18px #0004}.record-status span{width:22px;height:22px;border-radius:50%;background:var(--brand);box-shadow:0 0 16px var(--brand)}.stream-player.playing .record-status{animation:vinylSpin 4s linear infinite}.player-hide{width:30px!important;height:30px!important;border-radius:8px!important;background:#0f172a!important;font-size:18px!important}.player-restore{position:fixed;left:16px;bottom:16px;z-index:61;padding:12px 16px;border:0;border-radius:12px;background:#0f172a;color:#fff;font-weight:900;box-shadow:0 10px 35px #0004;cursor:pointer}.player-restore[hidden]{display:none}.social-icons{display:flex;gap:10px}.social-icons a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffff12;border:1px solid #ffffff25;transition:.25s}.social-icons a:hover{transform:translateY(-3px);background:var(--brand)}.social-icons svg{width:21px;height:21px;fill:#fff;stroke:#fff;stroke-width:1.5}.social-icons .cut{fill:#111827;stroke:none}.article>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#fff;border-radius:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.stream-player{grid-template-columns:52px minmax(0,1fr) 38px 90px 30px;min-height:70px;padding:7px;border-radius:14px}.play-main{width:48px!important;height:48px!important}.stream-meta small{font-size:.7rem}.stream-meta strong{font-size:.95rem}.record-status{display:none}.live-badge{font-size:15px}.visual-volume{height:40px}.player-hide{width:28px!important;height:28px!important}.brand img{width:155px;height:86px}.dj-bg:before{opacity:.25!important}.social-icons{width:100%;justify-content:center}}@media(max-width:430px){.stream-player{grid-template-columns:48px minmax(0,1fr) 70px 28px}.live-badge{display:none}.visual-volume{height:36px}.stream-meta{padding:0 6px}.stream-meta strong{font-size:.84rem}.whatsapp{bottom:94px}}

.stream-player{grid-template-columns:72px minmax(260px,1fr) 58px minmax(220px,.8fr) 76px 34px!important;width:min(1120px,calc(100% - 20px))!important;min-height:88px!important;padding:6px 10px!important;border-radius:8px!important;background:#f5f5f5e8!important;color:#070707!important;border:0!important;box-shadow:0 8px 28px #0003!important}.play-main{width:64px!important;height:64px!important;border-radius:50%!important;background:#000!important}.stream-meta small{font-size:1rem!important}.stream-meta strong{font-size:clamp(1.45rem,3vw,2.55rem)!important;font-weight:400!important}.record-status{display:block!important;width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important;aspect-ratio:1/1!important;border-radius:50%!important;background:url('dj-round-logo.png') center/cover no-repeat!important;overflow:hidden!important;box-shadow:0 0 0 3px #0f172a,0 0 18px #7c3aed77!important}.stream-player.playing .record-status{animation:vinylSpin 3.8s linear infinite!important}.stream-player:not(.playing) .ocean-wave i{animation-play-state:paused!important;height:12%!important}.stream-player.playing .ocean-wave i{animation-play-state:running!important}.dj-bg:before,.dj-bg:after{background-image:url('dj-round-logo.png'),radial-gradient(circle,#f4f7fb 0 5%,#0c111c 6% 10%,#141d2c 11% 13%,transparent 14%),repeating-radial-gradient(circle,#080d16 0 3px,#26344a 4px 7px,#101827 8px 11px)!important;background-size:24% 24%,100% 100%,100% 100%!important;border-radius:50%!important;opacity:.3!important}.on-air{position:relative;border-radius:24px!important;box-shadow:0 18px 55px #4c051955;background:linear-gradient(145deg,#ffffff20,#ffffff0a)!important}.on-air:before{content:"NO AR";position:absolute;top:16px;right:16px;padding:5px 10px;border-radius:999px;background:#fff;color:var(--brand);font-size:.72rem;font-weight:900;letter-spacing:.12em}.on-air .host-photo{width:190px!important;height:190px!important;border-radius:50%;object-fit:contain;background:#fff;border:5px solid #ffffff55;box-shadow:0 10px 35px #0004}.featured-slider{position:relative;width:min(1180px,calc(100% - 32px));height:clamp(220px,38vw,480px);margin:28px auto;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 18px 50px #0f172a22}.featured-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .75s}.featured-slide.active{opacity:1;pointer-events:auto}.featured-slide img{width:100%;height:100%;object-fit:contain;background:#fff}.featured-slider button{position:absolute;top:50%;z-index:3;translate:0 -50%;width:44px;height:44px;border:0;border-radius:50%;background:#0f172acc;color:#fff;font-size:28px;cursor:pointer}.slide-prev{left:14px}.slide-next{right:14px}.webtv-float{position:fixed;right:18px;bottom:100px;z-index:58;width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#e11d48,#7c3aed);color:#fff;font-weight:900;box-shadow:0 12px 35px #0004;cursor:pointer}.webtv-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:#020617cc}.webtv-modal[hidden]{display:none}.webtv-box{position:relative;width:min(960px,100%);aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden}.webtv-box iframe{width:100%;height:100%;border:0}.webtv-close{position:absolute;right:8px;top:8px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#e11d48;color:#fff;font-size:22px;cursor:pointer}.clock{padding:7px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 6px 18px #0f172a12}.clock b{font-size:1.3rem!important}@media(max-width:700px){.stream-player{grid-template-columns:54px minmax(0,1fr) 62px 28px!important;min-height:68px!important}.play-main{width:50px!important;height:50px!important}.stream-meta small{font-size:.7rem!important}.stream-meta strong{font-size:1rem!important}.live-badge,.visual-volume{display:none!important}.record-status{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important}.webtv-float{bottom:91px}.on-air .host-photo{width:150px!important;height:150px!important}.featured-slider{height:260px;width:calc(100% - 20px)}}

.visual-volume{overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#dff8ff55,#38bdf822)}.visual-volume:before,.visual-volume:after{content:"";position:absolute;left:-25%;width:150%;height:26px;border-radius:42%;background:#38bdf866;transform:translateY(45px);animation-play-state:paused;z-index:0}.visual-volume:before{bottom:4px;animation:seaWave 3.8s linear infinite}.visual-volume:after{bottom:-2px;background:#0ea5e955;animation:seaWave 5.2s linear infinite reverse}.stream-player.playing .visual-volume:before,.stream-player.playing .visual-volume:after{animation-play-state:running}.stream-player.playing .visual-volume{box-shadow:inset 0 0 22px #38bdf855,0 0 18px #38bdf833}.ocean-wave{z-index:1}.ocean-wave i{background:linear-gradient(#e0fbff,#38bdf8 48%,#0369a1)!important;box-shadow:0 0 8px #67e8f9!important;transform-origin:bottom}.stream-player.playing .ocean-wave i{animation-name:oceanSurf!important;animation-duration:1.35s!important}.admin-loading{position:fixed;top:0;left:0;right:0;height:4px;z-index:100;background:linear-gradient(90deg,transparent,#38bdf8,#e11d48,transparent);background-size:220% 100%;animation:ajaxLoad .8s linear infinite}.admin-main.ajax-enter{animation:ajaxEnter .25s ease-out}@keyframes seaWave{to{transform:translate(18%,45px) rotate(360deg)}}@keyframes oceanSurf{0%{height:12%;transform:translateY(5px)}45%{height:96%;transform:translateY(-2px)}100%{height:25%;transform:translateY(3px)}}@keyframes ajaxLoad{to{background-position:-220% 0}}@keyframes ajaxEnter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.visual-volume:before,.visual-volume:after,.ocean-wave i{animation:none!important}}
/* Performance UX */
html.ajax-loading::after{content:"";position:fixed;z-index:99999;left:0;top:0;height:3px;width:45%;background:currentColor;animation:ajaxBar .7s ease-in-out infinite alternate} @keyframes ajaxBar{to{transform:translateX(125vw)}}
@media (prefers-reduced-motion:reduce){.dj-bg:before,.dj-bg:after,.brand img,.stream-player.playing .record-status,.ocean-wave i{animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Player Água v11 — ondas puras, metadados completos e disco DJ girando */
.stream-player{
  grid-template-columns:72px minmax(330px,1.5fr) 58px minmax(250px,.9fr) 76px 34px!important;
  width:min(1180px,calc(100% - 20px))!important;
  min-height:90px!important;
}
.stream-meta{min-width:0!important;overflow:visible!important;align-self:center!important}
.stream-meta small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important}
.stream-meta strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.06!important;max-width:none!important;word-break:normal!important;overflow-wrap:anywhere!important}
.visual-volume{
  position:relative!important;overflow:hidden!important;height:62px!important;border-radius:13px!important;
  background:linear-gradient(180deg,#e9faff 0%,#d8f5ff 38%,#c4efff 100%)!important;
  box-shadow:inset 0 0 0 1px #7dd3fc66,inset 0 8px 18px #ffffffaa!important;
}
.visual-volume:before,.visual-volume:after{display:none!important}
.ocean-wave{position:absolute!important;inset:0!important;z-index:1!important;opacity:1!important;overflow:hidden!important}
.ocean-wave span{
  position:absolute;left:-18%;width:136%;height:82%;bottom:-56%;border-radius:44% 48% 43% 47%;
  background:linear-gradient(180deg,#79d7fa 0%,#29b6f6 52%,#0797df 100%);
  transform-origin:50% 48%;animation:waterRoll 4.8s linear infinite;animation-play-state:paused;
  filter:drop-shadow(0 -4px 5px #e7fbffbb);
}
.ocean-wave span:nth-child(2){height:77%;bottom:-52%;left:-24%;width:150%;opacity:.55;animation-duration:6.4s;animation-direction:reverse;background:linear-gradient(180deg,#b9efff,#55c9f7 50%,#168fc9)}
.ocean-wave span:nth-child(3){height:70%;bottom:-48%;left:-12%;width:124%;opacity:.32;animation-duration:8.2s;background:linear-gradient(180deg,#e6faff,#8ee3ff 55%,#35b7e8)}
.stream-player.playing .ocean-wave span{animation-play-state:running!important}
.stream-player:not(.playing) .ocean-wave span{animation-play-state:paused!important}
.visual-volume input{z-index:3!important}
.record-status{
  display:block!important;width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important;aspect-ratio:1/1!important;
  border-radius:50%!important;background:url('dj-round-logo.png') center/cover no-repeat!important;overflow:hidden!important;
  box-shadow:0 0 0 3px #111827,0 8px 22px #0005,0 0 18px #38bdf855!important;transform:translateZ(0)
}
.record-status:after{content:"";position:absolute;inset:47%;border-radius:50%;background:#e2e8f0;box-shadow:0 0 0 2px #11182766}
.stream-player.playing .record-status{animation:vinylSpin 3.2s linear infinite!important;will-change:transform}
@keyframes waterRoll{0%{transform:translateX(-3%) rotate(0deg)}50%{transform:translateX(3%) rotate(180deg)}100%{transform:translateX(-3%) rotate(360deg)}}
@media(max-width:860px){.stream-player{grid-template-columns:56px minmax(0,1fr) 44px 130px 60px 30px!important}.stream-meta strong{font-size:1.12rem!important}.visual-volume{height:50px!important}.record-status{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important}}
@media(max-width:620px){.stream-player{grid-template-columns:52px minmax(0,1fr) 86px 54px 28px!important}.live-badge{display:none!important}.visual-volume{display:block!important;height:44px!important}.stream-meta strong{font-size:.9rem!important;line-height:1.05!important}.stream-meta small{font-size:.68rem!important}.record-status{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important}}
@media(max-width:430px){.stream-player{grid-template-columns:48px minmax(0,1fr) 72px 46px 26px!important;gap:3px!important}.visual-volume{height:40px!important}.record-status{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important}.stream-meta{padding:0 4px!important}.stream-meta strong{font-size:.78rem!important}.stream-meta small{font-size:.62rem!important}}
@media(prefers-reduced-motion:reduce){.ocean-wave span,.stream-player.playing .record-status{animation-duration:12s!important}}
.record-status{position:relative!important}

/* ================================================================
   Player Água Real v13 — sempre visível, disco girando e metadados
   ================================================================ */
body{padding-bottom:142px!important}
footer{padding-bottom:58px!important}
.water-radio-player{
  position:fixed!important;left:50%!important;bottom:8px!important;z-index:1000!important;
  transform:translateX(-50%)!important;width:min(1640px,calc(100vw - 12px))!important;
  min-height:118px!important;display:grid!important;
  grid-template-columns:104px 78px minmax(330px,1fr) 66px 150px minmax(220px,300px) 78px!important;
  align-items:center!important;gap:12px!important;padding:9px 14px!important;overflow:hidden!important;
  border:1px solid #169cff!important;border-radius:22px!important;
  background:linear-gradient(180deg,#020713 0%,#030915 56%,#021827 100%)!important;
  box-shadow:0 0 0 1px #38bdf833,inset 0 0 34px #0284c72a,0 14px 46px #02061799!important;
  color:#fff!important;isolation:isolate!important;
}
.water-radio-player *{box-sizing:border-box}
.water-fx{position:absolute!important;inset:0!important;z-index:-1!important;overflow:hidden!important;pointer-events:none!important}
.water-fx:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 45%,#0ea5e91e,transparent 22%),radial-gradient(circle at 74% 60%,#22d3ee18,transparent 24%),linear-gradient(180deg,transparent 0 52%,#0069aa2b 73%,#00bfff24 100%)}
.water-fx span{position:absolute;left:-15%;bottom:-66px;width:130%;height:108px;border-radius:45% 51% 47% 53%;background:linear-gradient(180deg,#8be9ff99,#16baf6aa 36%,#0078cbbb 72%,#03558ddd);filter:drop-shadow(0 -4px 8px #a5f3fc88);transform-origin:50% 50%;animation:realWater 6.8s linear infinite}
.water-fx span:nth-child(2){left:-22%;bottom:-78px;width:145%;height:122px;opacity:.72;animation-duration:9.4s;animation-direction:reverse;background:linear-gradient(180deg,#e5fbff80,#42d6ff8c 32%,#078fd0b8 72%,#034d84c9)}
.water-fx span:nth-child(3){left:-8%;bottom:-87px;width:116%;height:135px;opacity:.48;animation-duration:12.8s;background:linear-gradient(180deg,#ffffff70,#7ee8ff76 36%,#0f9ed099 70%,#00406cae)}
.water-fx i{position:absolute;width:8px;height:8px;border-radius:50%;border:1px solid #c8f7ff;background:#67e8f933;box-shadow:0 0 8px #38bdf8;animation:bubbleRise 4.8s linear infinite;bottom:4px;left:31%}
.water-fx i:nth-of-type(2){width:5px;height:5px;left:62%;animation-duration:6.3s;animation-delay:-2s}.water-fx i:nth-of-type(3){width:11px;height:11px;left:82%;animation-duration:7.5s;animation-delay:-4s}
.vinyl-wrap{width:96px;height:96px;display:grid;place-items:center;filter:drop-shadow(0 0 12px #0ea5e9)}
.vinyl-disc{position:relative;width:92px;height:92px;border-radius:50%;background:var(--disc-image) center/44% 44% no-repeat,repeating-radial-gradient(circle,#070a10 0 3px,#172234 4px 6px,#080c13 7px 9px);box-shadow:inset 0 0 0 2px #0ea5e9,0 0 0 3px #07111f,0 0 18px #0ea5e9aa;transform:translateZ(0)}
.vinyl-disc:before{content:"";position:absolute;inset:5px;border-radius:50%;background:repeating-conic-gradient(#fff0 0 10deg,#67e8f91b 11deg 12deg,#fff0 13deg 28deg);mix-blend-mode:screen}.vinyl-disc:after{content:"";position:absolute;inset:46%;border-radius:50%;background:#e0f2fe;box-shadow:0 0 0 3px #020617,0 0 8px #38bdf8}
.water-radio-player.playing .vinyl-disc{animation:vinylSpin 3.2s linear infinite!important}
.water-play{width:68px!important;height:68px!important;border-radius:50%!important;border:3px solid #67e8f9!important;background:#02050b!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:28px!important;box-shadow:inset 0 0 18px #0ea5e944,0 0 16px #0ea5e9cc!important;cursor:pointer!important}
.water-play:hover{transform:scale(1.04)}.water-play .play-symbol{line-height:1;transform:translateX(2px)}.water-radio-player.playing .water-play .play-symbol{transform:none}
.water-meta{display:grid!important;grid-template-rows:auto auto auto!important;min-width:0!important;gap:0!important;align-content:center!important;text-shadow:0 2px 10px #000}
.water-meta small{font-size:clamp(.78rem,1vw,1rem)!important;color:#e0f2fe!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.water-meta strong{font-size:clamp(1.3rem,2.2vw,2.35rem)!important;line-height:1.04!important;color:#fff!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;text-overflow:clip!important}
.water-meta>span{font-size:clamp(.95rem,1.35vw,1.45rem)!important;line-height:1.08!important;font-weight:750!important;color:#e6f7ff!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
.water-live{display:grid!important;justify-items:center!important;gap:3px!important}.water-live .live-dot{width:22px;height:22px;border-radius:50%;border:3px solid #0ea5e9;box-shadow:0 0 12px #0ea5e9}.water-live b{padding:3px 6px;border-radius:5px;background:#ef1010;color:#fff;font-size:.72rem;box-shadow:0 0 12px #ef101066}
.water-level{height:62px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important}.water-level b{width:7px;min-height:8px;border-radius:4px;background:linear-gradient(#67e8f9,#0ea5e9,#0369a1);box-shadow:0 0 7px #0ea5e9;animation:waterLevel .8s ease-in-out infinite alternate;animation-play-state:paused}.water-level b:nth-child(2n){animation-delay:-.2s}.water-level b:nth-child(3n){animation-delay:-.38s}.water-level b:nth-child(4n){animation-delay:-.55s}.water-radio-player.playing .water-level b{animation-play-state:running}
.water-visitor{height:84px!important;display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;border:1px solid #168fff!important;border-radius:18px!important;background:linear-gradient(145deg,#071325e8,#020914e8)!important;box-shadow:inset 0 0 18px #0ea5e928,0 0 14px #0ea5e933!important;min-width:0!important}.visitor-pin{font-size:31px;color:#38bdf8;text-shadow:0 0 12px #0ea5e9}.water-visitor>div{display:grid!important;min-width:0!important}.water-visitor small{font-size:.71rem;color:#dbeafe}.water-visitor strong{font-size:1rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.water-visitor span:not(.visitor-pin){font-size:.72rem;color:#dbeafe}.water-visitor em{font-style:normal;font-size:.7rem;color:#35f36f;font-weight:800}
.water-volume{display:grid!important;justify-items:center!important;gap:3px!important;font-size:14px}.water-volume input{width:72px!important;accent-color:#0ea5e9!important;margin:0!important}.water-volume span{filter:drop-shadow(0 0 7px #38bdf8)}
.whatsapp{bottom:139px!important}
.admin-water-player{left:calc(50% + 120px)!important;width:min(1180px,calc(100vw - 265px))!important;grid-template-columns:90px 68px minmax(300px,1fr) 62px 140px 74px!important}.admin-water-player .water-visitor{display:none!important}
@keyframes realWater{0%{transform:translateX(-3%) rotate(0deg)}50%{transform:translateX(3%) rotate(180deg)}100%{transform:translateX(-3%) rotate(360deg)}}
@keyframes bubbleRise{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:.8}100%{transform:translateY(-112px) translateX(16px) scale(1.2);opacity:0}}
@keyframes waterLevel{0%{height:12%}100%{height:94%}}
@media(max-width:1180px){.water-radio-player{grid-template-columns:86px 66px minmax(270px,1fr) 54px 110px minmax(180px,240px) 64px!important}.vinyl-wrap{width:82px;height:82px}.vinyl-disc{width:78px;height:78px}.water-play{width:58px!important;height:58px!important}.water-visitor{grid-template-columns:34px 1fr!important;padding:5px 7px!important}.visitor-pin{font-size:25px}.water-level b{width:5px}.admin-water-player{left:50%!important;width:calc(100vw - 18px)!important}}
@media(max-width:850px){body{padding-bottom:116px!important}.water-radio-player{min-height:94px!important;grid-template-columns:68px 56px minmax(0,1fr) 48px 108px!important;gap:7px!important;padding:7px 9px!important}.vinyl-wrap{width:64px;height:64px}.vinyl-disc{width:62px;height:62px}.water-play{width:50px!important;height:50px!important;font-size:21px!important}.water-level,.water-volume{display:none!important}.water-visitor{height:72px!important;grid-template-columns:26px 1fr!important}.visitor-pin{font-size:21px}.water-meta strong{font-size:1.22rem!important}.water-meta>span{font-size:.92rem!important}.whatsapp{bottom:111px!important}}
@media(max-width:620px){.water-radio-player{grid-template-columns:54px 48px minmax(0,1fr) 48px!important;border-radius:14px!important}.vinyl-wrap{width:50px;height:50px}.vinyl-disc{width:48px;height:48px}.water-play{width:44px!important;height:44px!important;font-size:18px!important}.water-live{display:none!important}.water-visitor{grid-column:1/-1!important;height:34px!important;grid-template-columns:22px 1fr!important;padding:2px 8px!important}.water-visitor>div{grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:5px!important}.water-visitor small,.water-visitor span:not(.visitor-pin){display:none!important}.water-visitor strong{font-size:.76rem!important}.water-visitor em{font-size:.66rem!important;text-align:right}.water-meta small{font-size:.62rem!important}.water-meta strong{font-size:.95rem!important;line-height:1!important}.water-meta>span{font-size:.76rem!important;line-height:1!important}.whatsapp{bottom:122px!important}}
@media(prefers-reduced-motion:reduce){.water-fx span,.water-fx i,.water-level b{animation-duration:18s!important}}

/* ================================================================
   v14 — player água real leve + alerta rotativo de ouvintes
   ================================================================ */
.water-radio-player{
  grid-template-columns:96px 72px minmax(380px,1fr) 62px minmax(250px,360px) 78px!important;
  min-height:112px!important;
  contain:layout paint style;
}
/* O efeito antigo tipo equalizador não é usado nesta versão. */
.water-level,.water-visitor{display:none!important}
.water-fx i{display:none!important}
.water-fx span{animation-play-state:paused!important;will-change:auto!important}
.water-radio-player.playing .water-fx span{animation-play-state:running!important;will-change:transform!important}
.water-fx:after{
  content:"";position:absolute;inset:48% -8% -24%;opacity:.13;
  background:repeating-radial-gradient(ellipse at 50% 100%,#d9fbff 0 1px,transparent 2px 17px);
  transform:perspective(260px) rotateX(57deg) translateY(16px);
  animation:waterCaustics 8s linear infinite;animation-play-state:paused;
}
.water-radio-player.playing .water-fx:after{animation-play-state:running}
.water-window{
  position:relative!important;height:70px!important;min-width:180px!important;overflow:hidden!important;
  border-radius:18px!important;border:1px solid #38bdf85c!important;
  background:linear-gradient(180deg,#07192a 0%,#073a5b 48%,#007cb8 100%)!important;
  box-shadow:inset 0 10px 25px #00101fc7,inset 0 -12px 28px #27c8ff35,0 0 14px #0ea5e931!important;
  isolation:isolate!important;
}
.water-window:before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(112deg,transparent 0 26%,#e8fdff20 33%,transparent 40% 62%,#9feeff16 70%,transparent 78%);
  background-size:180% 100%;animation:waterShine 7s ease-in-out infinite;animation-play-state:paused;
}
.water-window:after{
  content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.28;
  background:radial-gradient(ellipse at 18% 86%,#d7fbff 0 1px,transparent 2px 12px),radial-gradient(ellipse at 66% 72%,#b9f4ff 0 1px,transparent 2px 16px),radial-gradient(ellipse at 85% 94%,#fff 0 1px,transparent 2px 10px);
  background-size:54px 29px,73px 35px,48px 24px;animation:waterTexture 10s linear infinite;animation-play-state:paused;
}
.water-window span{
  position:absolute;left:-22%;width:145%;height:88%;bottom:-56%;z-index:1;border-radius:43% 51% 46% 54%;
  background:linear-gradient(180deg,#d9faffd6 0%,#68dcffbe 12%,#0eb6ecc7 36%,#007cb8e8 72%,#00456ee8 100%);
  box-shadow:0 -4px 10px #d8fbff9c,inset 0 10px 18px #64e0ff4f;
  transform-origin:50% 48%;animation:trueWater 5.8s linear infinite;animation-play-state:paused;
}
.water-window span:nth-child(2){left:-15%;bottom:-63%;width:130%;height:96%;opacity:.63;animation-duration:7.7s;animation-direction:reverse;background:linear-gradient(180deg,#c8f7ffb8,#32c7f2b8 25%,#008cc9cf 62%,#003e68df)}
.water-window span:nth-child(3){left:-28%;bottom:-71%;width:156%;height:108%;opacity:.38;animation-duration:10.4s;background:linear-gradient(180deg,#ffffffb0,#6fe4ffc2 22%,#009dcfbd 60%,#00345acc)}
.water-radio-player.playing .water-window span,.water-radio-player.playing .water-window:before,.water-radio-player.playing .water-window:after{animation-play-state:running!important}
.water-radio-player:not(.playing) .water-window span,.water-radio-player:not(.playing) .water-window:before,.water-radio-player:not(.playing) .water-window:after{animation-play-state:paused!important}
.listener-toast{
  position:fixed;right:18px;top:116px;z-index:1500;width:min(330px,calc(100vw - 24px));min-height:84px;
  display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;padding:11px 13px;color:#fff;
  border:1px solid #21adff;border-radius:18px;background:linear-gradient(145deg,#031324f2,#00101ff2);
  box-shadow:inset 0 0 20px #0ea5e930,0 12px 36px #02061772,0 0 18px #0ea5e928;
  transform:translateX(calc(100% + 30px));opacity:0;pointer-events:none;transition:transform .42s ease,opacity .42s ease;
}
.listener-toast[hidden]{display:none!important}.listener-toast.show{transform:translateX(0);opacity:1}
.listener-toast-pin{font-size:28px;color:#38bdf8;text-shadow:0 0 12px #0ea5e9}.listener-toast>div{display:grid;min-width:0}.listener-toast small{font-size:.7rem;color:#dbeafe}.listener-toast strong{font-size:.98rem;line-height:1.12;white-space:normal}.listener-toast span:not(.listener-toast-pin){font-size:.72rem;color:#dbeafe}.listener-toast em{font-style:normal;font-size:.7rem;color:#35f36f;font-weight:800}
.admin-water-player{left:calc(50% + 120px)!important;width:min(1180px,calc(100vw - 265px))!important;grid-template-columns:86px 64px minmax(300px,1fr) 58px minmax(220px,320px) 70px!important}
@keyframes trueWater{0%{transform:translateX(-3%) rotate(0)}50%{transform:translateX(3%) rotate(180deg)}100%{transform:translateX(-3%) rotate(360deg)}}
@keyframes waterShine{0%,100%{background-position:130% 0}50%{background-position:-80% 0}}
@keyframes waterTexture{to{background-position:54px 29px,-73px 35px,48px -24px}}
@keyframes waterCaustics{to{background-position:90px 0}}
@media(max-width:1180px){.water-radio-player{grid-template-columns:82px 60px minmax(260px,1fr) 52px minmax(180px,260px) 64px!important}.water-window{height:62px!important}.admin-water-player{left:50%!important;width:calc(100vw - 18px)!important}}
@media(max-width:850px){.water-radio-player{grid-template-columns:66px 54px minmax(0,1fr) minmax(130px,190px)!important}.water-live,.water-volume{display:none!important}.water-window{height:54px!important;min-width:120px!important}.listener-toast{top:103px;right:10px}.admin-water-player{grid-template-columns:66px 54px minmax(0,1fr) minmax(130px,190px)!important}}
@media(max-width:620px){.water-radio-player{grid-template-columns:50px 46px minmax(0,1fr)!important;min-height:86px!important}.water-window{position:absolute!important;inset:auto 5px 4px 5px!important;height:16px!important;min-width:0!important;border-radius:8px!important;opacity:.72}.water-meta{padding-right:4px!important}.listener-toast{top:96px;width:min(305px,calc(100vw - 18px))}.whatsapp{bottom:105px!important}}
@media(prefers-reduced-motion:reduce){.water-window span,.water-window:before,.water-window:after,.water-fx span,.water-fx:after{animation-duration:16s!important}}