/* Home 24.11.27 — leitura editorial de rádio inspirada no NRK. */
.hero-content{max-width:var(--ui81-max,1080px)!important}
.hero-shape{opacity:.26!important;filter:blur(18px)!important}
.hero-panel{border-radius:26px!important}
.hero-main{padding-top:28px!important;padding-bottom:22px!important}
.hero-editorial-question{max-width:510px!important;font-size:clamp(14px,1.6vw,18px)!important;line-height:1.32!important}
.hero-station{text-wrap:balance}

.toolbar{margin-top:16px!important;padding:14px!important;border-radius:22px!important}
.toolbar-top{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important}
.toolbar-top>.rg-open-btn,.toolbar-top>.rv-tv-button{box-sizing:border-box;width:100%!important;min-width:0!important;height:48px!important;padding:0 13px!important;border:1px solid var(--ui81-line)!important;border-radius:14px!important;background:var(--ui81-surface-2)!important;color:var(--ui81-text)!important;font:800 13px 'Reddit Sans',sans-serif!important;white-space:nowrap;overflow:hidden}
.toolbar-top>.rg-open-btn:hover,.toolbar-top>.rv-tv-button:hover{border-color:color-mix(in srgb,var(--ui81-accent) 48%,var(--ui81-line))!important;background:color-mix(in srgb,var(--ui81-accent) 8%,var(--ui81-surface-2))!important}
.toolbar-top>.rv-tv-button.is-ready{border-color:color-mix(in srgb,var(--ui81-accent) 58%,var(--ui81-line))!important}
.toolbar-top>.rv-caption-launch.is-active{border-color:var(--ui81-accent)!important;background:color-mix(in srgb,var(--ui81-accent) 15%,var(--ui81-surface-2))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui81-accent) 20%,transparent)!important}
.rv-caption-launch svg{fill:none!important;stroke:currentColor;stroke-width:1.8}
.rv-caption-launch small{display:inline-grid;place-items:center;min-width:25px;height:19px;padding:0 4px;border-radius:6px;background:var(--ui81-accent);color:var(--ui81-accent-ink);font:900 9px 'Reddit Sans',sans-serif;letter-spacing:.06em}
.search-row{margin-bottom:11px!important}.tabs{padding-top:7px!important}

.section-title{display:flex;align-items:center;gap:14px}
.section-title::after{content:'';display:block;flex:1;height:1px;background:linear-gradient(90deg,var(--ui81-line),transparent)!important}
.radio-card{border-radius:20px!important;box-shadow:none!important}
.radio-card:hover{transform:translateY(-3px)!important}
.card-body{padding:16px!important}

@media(max-width:720px){
 .hero{padding:12px!important}
 .hero-panel{padding:12px!important;border-radius:22px!important}
 .hero-main,.hero:not(.has-station) .hero-main{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:15px!important;align-items:center;padding:16px 1px 10px!important}
 .hero-visual,.hero:not(.has-station) .hero-visual{width:112px!important;height:112px!important;margin:0!important;border-radius:20px!important}
 .hero .art,.hero:not(.has-station) .art,.hero .np-cover{border-radius:20px!important}
 .hero-play,.hero:not(.has-station) .hero-play{right:-5px!important;bottom:-5px!important;width:44px!important;height:44px!important;border-width:4px!important}
 .hero-play svg{width:19px!important;height:19px!important}
 .hero-editorial-question{margin-bottom:8px!important;font-size:12px!important}
 .hero-overline{margin-bottom:5px!important;font-size:8px!important}
 .hero-station,.hero:not(.has-station) .hero-station{margin:4px 0 5px!important;font-size:clamp(25px,8vw,38px)!important}
 .hero-sub{margin:0!important;font-size:11px!important;line-height:1.38!important}
 .hero.has-station .nowplaying{grid-column:1/-1;margin-top:12px!important}
 .toolbar{width:calc(100% - 24px)!important;margin-top:10px!important;padding:11px!important}
 .toolbar-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .toolbar-top>.rg-open-btn,.toolbar-top>.rv-tv-button{height:43px!important;padding:0 9px!important;font-size:12px!important}
 .search-row{margin-bottom:8px!important}
 .section-title{font-size:25px!important}
}

@media(max-width:390px){
 .hero-main,.hero:not(.has-station) .hero-main{grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important}
 .hero-visual,.hero:not(.has-station) .hero-visual{width:92px!important;height:92px!important}
 .hero-editorial-question{font-size:11px!important}
 .hero-station,.hero:not(.has-station) .hero-station{font-size:24px!important}
 .toolbar-top>.rg-open-btn,.toolbar-top>.rv-tv-button{font-size:11px!important}
}