/* Responsive overrides for the Cloudflare public site. */
.site-header>*{min-width:0}
.banner-picture img{object-fit:contain}
.header-play .play-symbol{flex-shrink:0}
.hero-player{grid-column:auto;grid-row:auto}
.broadcast-layout>.side-ad{grid-column:auto}
.site-header{grid-template-columns:minmax(160px,260px) minmax(0,970px) 210px}
.site-header:has(.top-banner[hidden]){grid-template-columns:1fr 1fr}
[hidden]{display:none!important}
@media(min-width:821px){
 .broadcast-layout{--ad-height:min(600px,calc(100svh - 270px));grid-template-columns:calc(var(--ad-height)*4/15) minmax(0,1fr) calc(var(--ad-height)*4/15);width:100%}
 .side-ad,.right-rail,.right-rail .side-ad{width:calc(var(--ad-height)*4/15)}
 .side-ad,.right-rail .side-ad{height:var(--ad-height)}
 .broadcast-layout.no-left-ad{grid-template-columns:minmax(0,1fr) calc(var(--ad-height)*4/15)}
 .broadcast-layout.no-right-ad{grid-template-columns:calc(var(--ad-height)*4/15) minmax(0,1fr) 118px}
 .broadcast-layout.no-left-ad.no-right-ad{grid-template-columns:minmax(0,1fr) 118px}
 .top-banner{height:auto;min-height:0;aspect-ratio:970/90}
}
@media(min-width:821px) and (max-width:1100px){
 .site-header{grid-template-columns:180px minmax(0,1fr) 180px;gap:16px;padding-inline:22px}
 .brand{width:180px;height:100px}
 .header-play{width:180px;gap:8px;padding-right:10px}
 .header-play b{font-size:12px}
 .top-banner small{display:none}
}
@media(max-width:820px){
 html,body{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;background:var(--yellow)}
 .site-header{position:relative;height:auto;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:14px 10px;padding:12px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
 .brand{width:clamp(140px,30vw,220px);max-width:100%;height:80px}
 .header-play{width:auto;height:54px;padding:6px 12px 6px 6px;gap:8px}
 .header-play b{font-size:12px;letter-spacing:.02em}
 .top-banner{height:auto;min-height:0;aspect-ratio:720/108;max-width:720px;justify-self:center;padding:4px 8px}
 .top-banner small{display:none}
 .hero{height:auto;min-height:calc(100svh - 160px);padding:20px 12px max(20px,env(safe-area-inset-bottom));overflow:hidden}
 .broadcast-layout,.broadcast-layout.no-left-ad,.broadcast-layout.no-right-ad,.broadcast-layout.no-left-ad.no-right-ad{width:100%;max-width:720px;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .hero-player{grid-column:1/-1;grid-row:1;width:100%;height:auto;aspect-ratio:16/9;max-height:none}
 .broadcast-layout>.side-ad,.right-rail .side-ad{width:100%;height:auto;aspect-ratio:300/250;max-width:300px;padding:12px;justify-self:center}
 .broadcast-layout>.side-ad{grid-column:1;grid-row:2}
 .right-rail{display:contents}
 .right-rail .side-ad{grid-column:2;grid-row:2}
 .broadcast-layout.no-left-ad .side-ad,.broadcast-layout.no-right-ad>.side-ad{grid-column:1/-1;width:min(300px,100%)}
 .side-socials{grid-column:1/-1;grid-row:3;justify-self:center;gap:18px}
 .instagram-button,.whatsapp-button{width:48px;height:48px}
}
@media(min-width:821px) and (max-height:540px){
 html,body{height:auto;overflow-y:auto;overflow-x:clip}
 .hero{height:auto;min-height:100svh;padding-bottom:24px}
 .broadcast-layout{--ad-height:240px;max-height:none}
 .hero-player{width:100%;max-height:none}
}