
/* V22.23 — logótipo da rádio consistente e responsivo no Tema 1 */
.v208-neon .brand{
  min-width:0;
}
.v208-neon .brand-art{
  width:170px!important;
  height:118px!important;
  min-width:170px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:rgba(3,18,31,.45)!important;
}
.v208-neon .brand-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
}

/* App 2026 */
.mobile2026-app .m26-brand img,
.m26-inner-app .m26-brand img{
  display:block!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:14px!important;
  background:#071522!important;
}

/* V3.7.24.1 — cabeçalho desktop da página inicial em todas as páginas internas. */
@media(min-width:1101px){
 .v208-neon.rr-inner-home-header .wrap{
   width:min(1550px,calc(100% - 48px))!important;
   max-width:none!important;
 }
 .v208-neon.rr-inner-home-header .topbar{
   height:44px!important;
 }
 .v208-neon.rr-inner-home-header .hero .wrap{
   min-height:220px!important;
   display:grid!important;
   grid-template-columns:minmax(0,1fr) 430px!important;
   gap:42px!important;
   align-items:center!important;
 }
 .v208-neon.rr-inner-home-header .brand{
   display:flex!important;
   align-items:center!important;
   gap:25px!important;
 }
 .v208-neon.rr-inner-home-header .brand-art{
   width:360px!important;
   height:220px!important;
   min-width:360px!important;
   background:transparent!important;
 }
 .v208-neon.rr-inner-home-header .brand-art img{
   width:100%!important;
   height:100%!important;
   object-fit:contain!important;
   object-position:center!important;
 }
 .v208-neon.rr-inner-home-header .brand-copy h1{
   max-width:650px!important;
   font-size:55px!important;
   line-height:.98!important;
 }
 .v208-neon.rr-inner-home-header .brand-copy p{
   font-size:21px!important;
 }
 .v208-neon.rr-inner-home-header .nowbox{
   min-height:178px!important;
 }
 .v208-neon.rr-inner-home-header .play{
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   width:62px!important;
   height:62px!important;
   min-width:62px!important;
   max-width:62px!important;
   padding:0!important;
   border-radius:50%!important;
   aspect-ratio:1!important;
 }
 .v208-neon.rr-inner-home-header .nav{
   min-height:64px!important;
 }
 .v208-neon.rr-inner-home-header .nav .wrap{
   width:min(1260px,100%)!important;
   min-height:64px!important;
   align-items:stretch!important;
   justify-content:center!important;
 }
 .v208-neon.rr-inner-home-header .nav a{
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   min-height:64px!important;
   padding:0 30px!important;
   font-size:16px!important;
   line-height:1!important;
   font-weight:900!important;
 }
}

/* Tablet */
@media(max-width:900px){
 .v208-neon .brand-art{
   width:138px!important;
   height:96px!important;
   min-width:138px!important;
 }
}

/* Mobile Compacto */
@media(max-width:640px){
 .v208-neon .brand{
   grid-template-columns:82px minmax(0,1fr)!important;
   align-items:center!important;
 }
 .v208-neon .brand-art{
   width:82px!important;
   height:82px!important;
   min-width:82px!important;
   border-radius:16px!important;
 }
 .v208-neon .brand-art img{
   width:100%!important;
   height:100%!important;
   object-fit:contain!important;
 }
 .mobile2026-app .m26-brand img,
 .m26-inner-app .m26-brand img{
   width:54px!important;
   height:54px!important;
   min-width:54px!important;
   max-width:54px!important;
   max-height:54px!important;
 }
}

/* Ecrãs muito pequenos */
@media(max-width:390px){
 .v208-neon .brand{
   grid-template-columns:72px minmax(0,1fr)!important;
 }
 .v208-neon .brand-art{
   width:72px!important;
   height:72px!important;
   min-width:72px!important;
 }
 .mobile2026-app .m26-brand img,
 .m26-inner-app .m26-brand img{
   width:50px!important;
   height:50px!important;
   min-width:50px!important;
   max-width:50px!important;
   max-height:50px!important;
 }
}
