
:root{--bg:#080d1d;--panel:#111a30;--muted:#9ba8c2;--text:#f4f7ff;--a:#65e6c2;--b:#6c8cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 8%,#17264b 0,transparent 35%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}.topbar{position:sticky;top:0;z-index:20;background:#080d1deF;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}.top-inner{max-width:1200px;margin:auto;min-height:82px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white}.brand-mark,.station-icon{display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));color:#071326;font-size:27px;font-weight:900;border-radius:16px;width:48px;height:48px}.brand b{display:block;font:800 17px Manrope}.brand small{color:var(--muted);font-size:11px}.top-inner nav{display:flex;gap:26px}.top-inner nav a{color:#cbd4e8;text-decoration:none;font-size:13px}.clock{text-align:center;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 8px;font:700 19px Manrope}.clock small{grid-column:2;color:var(--muted);font:600 8px 'DM Sans';letter-spacing:1.6px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5af0b2;box-shadow:0 0 12px #5af0b2}.hero{max-width:1200px;min-height:430px;margin:auto;padding:74px 24px 48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.eyebrow{color:var(--a);font-size:10px;letter-spacing:2.4px;font-weight:800}.hero h1{font:800 clamp(38px,5vw,66px)/1.08 Manrope;letter-spacing:-2.8px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--a)}.hero-copy p,.section-heading p{color:var(--muted);max-width:480px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:800;font-size:13px}.primary{background:linear-gradient(100deg,var(--a),#85b9ff);color:#071326}.ghost{border:1px solid #ffffff28;color:white}.hero-art{height:300px;position:relative;display:grid;place-items:center;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:260px;height:260px;background:radial-gradient(circle at 35% 30%,#8df9d5,#3b7dba 55%,#1a2852);box-shadow:0 0 100px #54dcb766}.orb-two{width:330px;height:330px;border:1px solid #8cf5d766}.hero-note{z-index:2;font-size:100px;color:#08152b;text-shadow:0 5px 0 #ffffff45}.equalizer{position:absolute;bottom:5px;display:flex;gap:5px;align-items:center;height:65px}.equalizer i{width:4px;height:calc(var(--n)*7px);border-radius:5px;background:#71edce;opacity:.55}.section-heading{margin-bottom:22px}.section-heading h2{font:800 28px Manrope;margin:7px 0}.player-section,.content-section{max-width:1120px;margin:36px auto;padding:0 24px}.player-card{background:linear-gradient(110deg,#172442,#101a31);border:1px solid #ffffff18;border-radius:22px;padding:22px;display:flex;align-items:center;gap:18px;box-shadow:0 22px 60px #0004}.station-icon{flex:0 0 54px;width:54px;height:54px}.track{display:flex;flex-direction:column;gap:4px;min-width:160px}.track b{font:800 16px Manrope}.track span{color:#c4cfe2;font-size:13px}.track small{color:var(--a);font-size:9px;letter-spacing:1.4px}.play-button{border:0;border-radius:50%;width:58px;height:58px;background:linear-gradient(135deg,var(--a),#83b8ff);color:#071326;font-size:22px;cursor:pointer;box-shadow:0 0 25px #65e6c244}.volume{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px}.volume input{width:90px;accent-color:var(--a)}.waveform{height:45px;flex:1;display:flex;gap:3px;align-items:center;justify-content:flex-end;overflow:hidden}.waveform i{height:var(--h);width:3px;background:linear-gradient(var(--a),var(--b));border-radius:4px;opacity:.7;animation:pulse 1s ease-in-out infinite alternate;animation-delay:calc(var(--h)*-0.02)}@keyframes pulse{to{transform:scaleY(.35);opacity:.4}}.player-hint{font-size:11px;color:var(--muted);margin:10px 5px}.onair{max-width:1072px;margin:36px auto;padding:20px 24px;display:flex;align-items:center;gap:18px;background:#111a30;border:1px solid #ffffff14;border-radius:18px}.onair-avatar{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,#283c66,#17213b);display:grid;place-items:center;overflow:hidden;font-size:28px}.onair-avatar img{width:100%;height:100%;object-fit:cover}.onair h2{font:800 20px Manrope;margin:4px 0}.onair p{margin:0;color:var(--muted);font-size:12px}.live-pill{margin-left:auto;color:#75efc8;font-size:10px;font-weight:800;letter-spacing:1px}.live-pill i{display:inline-block;width:7px;height:7px;background:#75efc8;border-radius:50%;margin-right:5px}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.program-card{display:flex;gap:14px;align-items:center;padding:13px;background:#111a30;border:1px solid #ffffff12;border-radius:15px}.program-card img,.program-placeholder{width:66px;height:66px;object-fit:cover;border-radius:12px}.program-placeholder,.listener-placeholder{display:grid;place-items:center;background:#26395c;color:var(--a);font-size:27px}.program-card small{color:var(--a);font-size:9px}.program-card h3{font:700 14px Manrope;margin:5px 0}.program-card p{margin:0;color:var(--muted);font-size:11px}.listener-section{padding-top:24px}.listener-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.listener-card{background:#111a30;border:1px solid #ffffff12;border-radius:14px;padding:10px;text-align:center}.listener-card img,.listener-placeholder{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;margin-bottom:8px}.listener-card b,.listener-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listener-card b{font-size:11px}.listener-card span{font-size:10px;color:var(--muted);margin-top:3px}.banner-stage{position:relative;min-height:150px;border:1px dashed #ffffff2c;border-radius:18px;overflow:hidden;background:#111a30}.ad-slide{display:none;width:100%;height:210px}.ad-slide.active{display:block}.ad-slide img{width:100%;height:100%;object-fit:contain}.ad-placeholder{min-height:150px;display:grid;place-items:center;color:var(--muted);font-size:13px}footer{margin-top:70px;padding:30px max(24px,calc((100% - 1120px)/2));border-top:1px solid #ffffff14;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer b{color:white}.footer-right{text-align:right;display:grid;gap:8px}.empty{color:var(--muted);font-size:13px}@media(max-width:800px){.top-inner{flex-wrap:wrap}.top-inner nav{order:3;width:100%;justify-content:space-between;gap:8px}.clock{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{height:200px}.program-grid{grid-template-columns:repeat(2,1fr)}.listener-grid{grid-template-columns:repeat(3,1fr)}.player-card{flex-wrap:wrap}.waveform{flex-basis:100%;justify-content:center}.onair{margin:24px}.volume{margin-left:auto}}@media(max-width:480px){.top-inner nav a{font-size:11px}.brand small{display:none}.clock{font-size:16px}.hero h1{font-size:42px}.program-grid{grid-template-columns:1fr}.listener-grid{grid-template-columns:repeat(2,1fr)}.player-card{gap:12px;padding:16px}.track{flex:1}.volume{width:100%;justify-content:flex-end}.onair{padding:15px;gap:10px}.onair-avatar{width:52px;height:52px}.live-pill{font-size:8px}footer{flex-direction:column}.footer-right{text-align:left}}
/* Cabeçalho com logotipo enviado pelo administrador */
.site-logo{display:block;width:min(330px,34vw);height:66px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 18px #0007)}
.brand:has(.site-logo){min-width:220px}
.top-inner nav a{font-weight:700;transition:color .2s}
.top-inner nav a:hover{color:var(--a)}
/* Faixa premium de patrocinadores: miniaturas quadradas, sem corte */
.sponsor-window{width:100%;overflow:hidden;padding:10px 0 16px;position:relative;background:linear-gradient(90deg,#0b0d0d,#171914 50%,#0b0d0d);border:1px solid #ffffff12;border-radius:12px}
.sponsor-track{display:flex;align-items:center;gap:14px;width:max-content;will-change:transform;transform:translateX(0)}
.sponsor-item{display:flex;align-items:center;justify-content:center;flex:0 0 220px;width:220px;height:220px;padding:8px;border:2px solid #f59a28;border-radius:11px;background:#f7f7f7;box-shadow:0 5px 18px #0006}
.sponsor-item img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:5px}
.ad-placeholder{min-height:150px;display:grid;place-items:center;color:var(--muted);font-size:13px}
@media(max-width:800px){.site-logo{width:min(260px,55vw);height:54px}.sponsor-item{flex-basis:180px;width:180px;height:180px}}
@media(max-width:480px){.site-logo{width:190px;height:48px}.brand:has(.site-logo){min-width:0}.sponsor-item{flex-basis:145px;width:145px;height:145px;gap:10px}}

/* Ajuste definitivo do logotipo: destaque proporcional sem ocupar o cabeçalho */
.top-inner{min-height:78px;max-height:96px;}
.brand{flex:0 1 290px;min-width:0;max-width:300px;overflow:hidden;}
.site-logo{width:clamp(180px,22vw,260px)!important;max-width:260px!important;height:58px!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important;}
.brand:has(.site-logo){min-width:0;width:auto;}
@media(max-width:800px){.top-inner{max-height:none}.brand{max-width:260px}.site-logo{width:min(230px,48vw)!important;height:52px!important;max-height:52px!important}}
@media(max-width:480px){.brand{max-width:205px}.site-logo{width:min(190px,48vw)!important;height:46px!important;max-height:46px!important}}

/* Refinamento visual e hierarquia premium */
:root{--a:#70e8ca;--b:#80a8ff}body{background:radial-gradient(ellipse at 80% 0%,#14294b 0,transparent 35%),#080d1d}.topbar{background:rgba(8,13,29,.92);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff18;box-shadow:0 10px 35px #0003}.top-inner{max-width:1200px}.top-inner nav a{padding:10px 2px}.hero{max-width:1200px}.hero h1{letter-spacing:-1.8px}.hero-copy>p{max-width:510px;line-height:1.8}.player-card{border:1px solid #ffffff22;background:linear-gradient(115deg,#1b2b4a,#101a30 70%);box-shadow:0 24px 70px #0005}.station-icon{display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--a),var(--b));color:#071326;font-size:27px;box-shadow:0 8px 26px #70e8ca2b}.play-button{transition:transform .18s,filter .18s}.play-button:hover{transform:scale(1.06);filter:brightness(1.08)}.section-heading h2{letter-spacing:-.7px}.program-card,.listener-card{transition:transform .2s,border-color .2s,background .2s}.program-card:hover,.listener-card:hover{transform:translateY(-3px);border-color:#70e8ca55;background:#172541}.onair{background:linear-gradient(110deg,#172743,#111a30);box-shadow:0 14px 42px #0003}.sponsor-item{transition:transform .2s}.sponsor-item:hover{transform:translateY(-3px)}footer{background:#080d1a;border-top-color:#ffffff20}.player-hint{font-size:12px;min-height:18px}.clock{padding:8px 12px;border:1px solid #ffffff18;border-radius:12px;background:#111b30}.clock small{display:block;font-size:8px;letter-spacing:1.4px;color:var(--muted)}
@media(max-width:800px){.topbar{position:sticky;top:0;z-index:20}.top-inner nav{padding-bottom:7px}.hero{padding-left:22px;padding-right:22px}}



/* Premium refinement — leve, sem dependência de fontes externas */
:root{--bg:#070d1b;--panel:#101b32;--a:#65e6c2;--b:#7b9cff}
body{background:radial-gradient(ellipse at 78% 4%,#1b315b 0,transparent 34%),linear-gradient(180deg,#080f20,#070b16 72%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.topbar{background:rgba(7,13,27,.94);box-shadow:0 8px 30px #0003}
.top-inner{max-width:1280px}
.clock{padding:9px 14px;border:1px solid #ffffff18;border-radius:14px;background:linear-gradient(135deg,#142541,#0c172b);font-variant-numeric:tabular-nums}
.hero{max-width:1280px;min-height:410px}
.hero-copy p{font-size:15px}
.hero-art{border-radius:28px;background:radial-gradient(ellipse at center,#182e4d55,transparent 68%)}
.hero-note{filter:drop-shadow(0 12px 30px #65e6c255)}
.button,.play-button,.admin-button{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.button:hover,.play-button:hover,.admin-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.player-card,.onair,.program-card,.listener-card,.sponsor-window{box-shadow:0 16px 48px #0003;border-color:#ffffff20}
.player-card{background:linear-gradient(120deg,#172a49,#0e1a31);padding:24px}
.play-button{width:62px;height:62px;box-shadow:0 0 0 7px #65e6c21a,0 8px 28px #65e6c233}
.program-card,.listener-card{transition:transform .2s ease,border-color .2s ease}
.program-card:hover,.listener-card:hover{transform:translateY(-3px);border-color:#65e6c277}
.section-heading h2{letter-spacing:-.6px}
.player-hint{min-height:18px}
@media(max-width:800px){.clock{padding:7px 10px}.top-inner{gap:12px}}

.play-button:disabled{opacity:.72;cursor:wait}
.play-button.is-playing{box-shadow:0 0 0 7px #65e6c233,0 0 28px #65e6c255}
.play-button.is-loading{animation:player-pulse .9s ease-in-out infinite alternate}
@keyframes player-pulse{from{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
