:root{--ink:#777a7c;--muted:#a6a8aa;--paper:#fff;--accent:#9a9c9e;--hero:#eef0f1}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:12px/1.5 "Lato",Arial,sans-serif}button{font:inherit}.radio-layout{width:100%;max-width:980px;margin:0 auto;padding:30px 22px 28px;background:#fff}.radio-header{height:110px;position:relative;display:flex;align-items:flex-start;justify-content:center}.masthead{text-align:center}.masthead strong{display:block;color:#151515;font:400 clamp(2.8rem,7.2vw,4rem)/.9 "Encode Sans",Arial,sans-serif;letter-spacing:4px;text-transform:uppercase}.masthead span{display:block;margin:8px 0 0;color:var(--muted);font-size:12px;letter-spacing:.8px;text-transform:uppercase}.admin-link{position:absolute;top:1px;left:0;color:#929497;font-size:10px;letter-spacing:.08em;text-decoration:none}.admin-link:hover,footer a:hover{color:var(--accent)}.hero{min-height:clamp(250px,39vw,380px);height:auto;position:relative;overflow:hidden;background:var(--hero);color:#fff}.hero-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.82}.hero-overlay{position:absolute;inset:0;background:rgba(25,30,34,.04)}.hero-content{position:relative;z-index:1;height:100%;padding:16px 18px 0}.live-line{display:flex;align-items:baseline;gap:6px;color:#777a7c;font-size:12px}.vu-meter{display:inline-flex;align-items:flex-end;gap:2px;width:21px;height:15px;margin-right:1px;vertical-align:baseline;position:relative;top:1px}.vu-bar{display:block;width:5px;height:15px;border-radius:1px;background:#d8d9da;transform:scaleY(.28);transform-origin:bottom}.vu-meter.is-active .vu-bar{background:var(--accent);transition:transform .1s ease,background .18s ease}.player-row{position:absolute;left:8.2%;right:16.5%;top:74px;height:190px;display:flex;align-items:center;gap:20px}.play{background:rgba(255,255,255,.84);border:0;color:#9a9c9e;flex:0 0 170px;width:170px;height:170px;border-radius:50%;font-size:67px;line-height:1;padding:0;display:grid;place-items:center;cursor:pointer;transition:background .16s,transform .16s;-webkit-tap-highlight-color:transparent}.play:focus:not(:focus-visible){outline:none}.play:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.play:hover{background:var(--accent);color:#fff;transform:scale(1.015)}}@media (hover:none) and (pointer:coarse){.play:active{background:var(--accent);color:#fff}}#play-glyph{display:grid;place-items:center;width:94px;height:94px}#play-glyph svg{width:100%;height:100%;fill:currentColor}.track-box{position:relative;flex:1;min-width:0;height:52px;padding:0 28px;border:0;border-radius:32px;background:rgba(255,255,255,.88);display:block}.track-box strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 56px);color:var(--accent);font:700 15px "Lato",Arial,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-nav{height:78px;display:flex;align-items:center;background:#fff}.quick-nav button{height:38px;flex:1;border:0;border-right:1px solid #c8c9ca;background:#fff;color:#9a9c9e;padding:0 15px;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer}.quick-nav button:last-child{border-right:0}.quick-nav button:hover,.quick-nav button[aria-expanded=true]{color:var(--accent)}.panel{display:none;background:#fff;padding:27px 6%;animation:slideUp .25s ease-out}.panel.is-open{display:block}.panel p{max-width:840px;color:#777a7c;white-space:pre-line;text-align:justify;font-size:15px;line-height:1.7}footer{height:90px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:#929497;font-size:10px}footer a{color:inherit;text-decoration:none}
.contact-section p{margin:14px 0 0;color:var(--muted)}.guestbook-form{padding:12px 0 4px}.guestbook-fields{display:grid;grid-template-columns:1.6fr .9fr .45fr;gap:14px}.guestbook-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px;letter-spacing:.8px;text-transform:uppercase}.guestbook-form input:not([type="hidden"]),.guestbook-form select,.guestbook-form textarea{width:100%;border:1px solid #d8d9da;border-radius:6px;padding:10px 11px;color:var(--ink);background:#fff;font:inherit;font-size:13px;letter-spacing:0;text-transform:none;outline:none}.guestbook-form textarea{min-height:110px;margin-top:0;resize:vertical}.guestbook-form input:focus,.guestbook-form select:focus,.guestbook-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.guestbook-form button{margin-top:14px;border:1px solid var(--ink);border-radius:6px;padding:10px 18px;color:var(--ink);background:transparent;cursor:pointer;font-size:11px;letter-spacing:.8px;text-transform:uppercase}.guestbook-form button:hover,.guestbook-form button:focus-visible{color:#fff;background:var(--ink)}.guestbook-form button:disabled{opacity:.55;cursor:wait}.guestbook-status{min-height:21px;margin:12px 0 0!important;color:var(--muted);font-size:12px;letter-spacing:0;text-transform:none}.guestbook-status.is-success{color:#32734d}.guestbook-status.is-error{color:#a1263d}.guestbook-trap{position:absolute;left:-9999px;width:1px!important;height:1px;opacity:0}@media(max-width:700px){.guestbook-form{padding-left:0;padding-right:0}.guestbook-fields{grid-template-columns:1fr;gap:12px}}
@keyframes slideUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.radio-layout{padding:24px 0 26px}.masthead strong{font-size:clamp(2.8rem,7.2vw,4rem)}.hero{min-height:250px;height:auto}.player-row{left:7%;right:7%;top:83px;height:170px;gap:12px}.play{flex-basis:137px;width:137px;height:137px;font-size:50px}.track-box{height:50px}.track-box strong{font-size:12px}#play-glyph{width:72px;height:72px}.quick-nav{height:70px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.quick-nav::-webkit-scrollbar{display:none}.quick-nav button{font-size:10px;white-space:nowrap}}

/* Ajustes móveis: manter o link administrativo dentro do cabeçalho */
@media (max-width:700px){
  .admin-link{left:16px;top:0;font-size:9px;}
  .radio-header{height:100px;}
}

/* Alguns navegadores móveis mantêm viewport de desktop quando "site para computador" está ativo. */
@media (pointer:coarse){
  .admin-link{left:16px;right:16px;top:0;display:block;white-space:nowrap;}
}

/* Rodapé compacto com acesso administrativo discreto */
footer{flex-direction:row;align-items:center;justify-content:center;gap:0;}
footer a{margin-left:4px;}

/* Modo Em manutenção */
.maintenance-page{display:none;min-height:360px;padding:110px 8%;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fff}
.maintenance-page h1{max-width:620px;margin:0 0 16px;color:#171818;font:400 clamp(2.5rem,5vw,4.4rem)/1.05 "Encode Sans",Arial,sans-serif;letter-spacing:-.06em}
.maintenance-page h1 em{font-style:normal;color:var(--accent)}
.maintenance-page>p:last-child{max-width:620px;margin:0;color:var(--muted);font:14px/1.65 "Lato",Arial,sans-serif}
body.maintenance .radio-header,body.maintenance .hero,body.maintenance .quick-nav,body.maintenance .panels{display:none}
body.maintenance .maintenance-page{display:flex}
body.maintenance .radio-layout{min-height:100vh;display:flex;flex-direction:column}
body.maintenance .maintenance-page{flex:1;width:100%}
body.maintenance footer{width:100%;height:90px;flex:0 0 90px;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0;padding:0;text-align:center}
@media(max-width:700px){.maintenance-page{min-height:430px;padding:90px 24px}.maintenance-page h1{font-size:2.8rem}.maintenance-page>p:last-child{font-size:13px}}

/* Cada linha cadastrada em Notícias permanece em sua própria linha na frontend. */
.panel[data-content="notices"] p{white-space:pre-line}
.panel[data-content="notices"] p{transition:opacity .18s ease}
.sponsor-list{display:grid;gap:18px;max-width:840px}
.sponsor-item{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #e2e3e4}
.sponsor-item:last-child{border-bottom:0}
.sponsor-item img{display:block;width:150px;height:105px;object-fit:contain;background:#fff;border-radius:4px;flex:0 0 150px}
.sponsor-copy{min-width:0;color:#777a7c;text-align:left}
.sponsor-copy strong,.sponsor-copy a{display:block;color:var(--accent);font:600 15px/1.35 "Lato",Arial,sans-serif;text-decoration:none}
.sponsor-copy a:hover{text-decoration:underline}
.sponsor-copy p{margin:6px 0 0;color:#777a7c;font-size:14px;line-height:1.55}
@media(max-width:700px){.sponsor-item{align-items:flex-start;gap:12px}.sponsor-item img{width:112px;height:82px;flex-basis:112px}.sponsor-copy strong,.sponsor-copy a{font-size:14px}.sponsor-copy p{font-size:13px}}
/* Patrocínios em duas colunas no desktop; uma coluna no celular. */
.sponsor-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;row-gap:14px;max-width:none}
.sponsor-item{min-width:0;border-bottom:0;padding:14px 0}
@media(max-width:700px){.sponsor-list{grid-template-columns:1fr;column-gap:0;row-gap:18px}.sponsor-item{border-bottom:1px solid #e2e3e4}.sponsor-item:last-child{border-bottom:0}}

/* Mais ouvidas: seleção das três faixas e letra sincronizada */
.most-played-tabs{display:flex;gap:0;margin-bottom:8px}
.most-played-tab{position:relative;flex:1;min-width:0;border:0;background:#fff;color:var(--muted);padding:13px 10px;font:700 12px "Lato",Arial,sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.most-played-separator{display:grid;place-items:center;color:var(--muted);font-weight:700;padding:0 4px;user-select:none}
.most-played-tab:hover,.most-played-tab.is-selected{color:var(--accent)}
.lyrics-display{min-height:120px;display:grid;place-items:start center;padding:13px 24px 20px;color:var(--accent);font:400 clamp(1.1rem,2.7vw,1.65rem)/1.3 "Lato",Arial,sans-serif;text-align:center;text-transform:uppercase}
.lyrics-enter{animation:lyricsSlideLeft .28s ease-out}
@keyframes lyricsSlideLeft{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.most-played-tab{font-size:10px;padding:12px 6px}.lyrics-display{min-height:140px;padding:13px 12px 18px;font-size:1.05rem}}
