/* ver=1763572110 */
/* dat=19/11/2025 14:08:30 */
/* https://otonup.com/ */

/*-----------------------------------------------------------------------------------------------*/
/* LG - INICIO                                                                                   */
/*-----------------------------------------------------------------------------------------------*/

@media (min-width: 1200px){

  /* altura da barra principal do topo 1 */
  #barra-topo1 {
    height: 50px;
  }

  /* altura da barra principal do topo 2 */
  #barra-topo2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* largura da barra de menus lateral */
  .sidebar {
    --sidebar-width: 16rem;
  }

  /* altura da segunda barra de titulo */
  .page-header {
    --page-header-padding-y: 0.5rem;
  }

  /* altura dos titulos dos cards */
  /* .card-header {
    --card-cap-padding-y: 0.30rem
  } */

  /* ajuste na posicao do rodape */
  .navbar-footer {
    --navbar-padding-y: 0.2rem;
  }

  /* largula da barra lateral quando recolhida */
  .sidebar-expand-lg.sidebar-collapsed {
    --sidebar-width: 15px;
    border: 0;
  }

  /* para logo em desktop */
  .navbar-brand img {
    height: 28px;
  }

  .divNumRegistros {
    padding-top: 0px;
  }

  #divPublicidadeHome {
    margin-top: 73px;
  }

  #formRankingDesktop {
    display: block;
  }

  #formRankingMobile {
    display: none;
  }

  #divRodapeA {
    display: contents;
  }

  #divRodapeB {
    margin-bottom: 0px;
    margin-top: 10px;
  }

  #divRodapeC {
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: right;
  }

  #divRodapeD {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #divRodapeE {
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: right;
  }

  #divConteudoLadoA {
    min-width: 700px;
  }
  #divDadosRadio1Mobi {
    display: none;
  }
  #divDadosRadio1Desk {
    display: block;
  }
  #divDadosRadio2Mobi {
    display: none;
  }
  #divDadosRadio2Desk {
    display: block;
  }

  .datatable-scroll {
    overflow-x: auto;
    overflow-y: hidden;
  }

}

/*-----------------------------------------------------------------------------------------------*/
/* MD - INICIO                                                                                   */
/*-----------------------------------------------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1200px){

  /* altura da barra principal do topo 1 */
  #barra-topo1 {
    height: 50px;
  }

  /* altura da barra principal do topo 2 */
  #barra-topo2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* largura da barra de menus lateral */
  .sidebar {
    --sidebar-width: 16rem;
  }

  /* altura da segunda barra de titulo */
  .page-header {
    --page-header-padding-y: 1rem;
  }

  /* altura dos titulos dos cards */
  /* .card-header {
    --card-cap-padding-y: 0.30rem
  } */

  /* ajuste na posicao do rodape */
  .navbar-footer {
    --navbar-padding-y: 0.2rem;
  }

  /* largula da barra lateral quando recolhida */
  .sidebar-expand-lg.sidebar-collapsed {
    --sidebar-width: 15px;
    border: 0;
  }

  /* para logo em desktop */
  .navbar-brand img {
    height: 28px;
  }

  .divNumRegistros {
    padding-top: 0px;
  }

  #divPublicidadeHome {
    margin-top: 73px;
  }

  #formRankingDesktop {
    display: block;
  }

  #formRankingMobile {
    display: none;
  }

  #divRodapeA {
    display: contents;
  }

  #divRodapeB {
    margin-bottom: 0px;
    margin-top: 10px;
  }

  #divRodapeC {
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: right;
  }

  #divRodapeD {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #divRodapeE {
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: right;
  }

  #divConteudoLadoA {
    min-width: 700px;
  }
  #divDadosRadio1Mobi {
    display: none;
  }
  #divDadosRadio1Desk {
    display: block;
  }
  #divDadosRadio2Mobi {
    display: none;
  }
  #divDadosRadio2Desk {
    display: block;
  }

  .datatable-scroll {
    overflow-x: auto;
    overflow-y: hidden;
  }

}

/*-----------------------------------------------------------------------------------------------*/
/* SM - INICIO                                                                                   */
/*-----------------------------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 992px){

  /* altura da barra principal do topo 2 */
  #barra-topo2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* para logo em mobile */
  .navbar-brand img {
    height: 22px;
  }

  .divNumRegistros {
    padding-top: 10px;
  }

  #divPublicidadeHome {
    margin-top: 0px;
  }

  #formRankingDesktop {
    display: none;
  }

  #formRankingMobile {
    display: block;
  }

  #divRodapeA {
    display: block;
  }

  #divRodapeB {
    margin-bottom: 0px;
    margin-top: 10px;
  }

  #divRodapeC {
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: left;
  }

  #divRodapeD {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #divRodapeE {
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: left;
  }

  #divDadosRadio1Mobi {
    display: block;
  }
  #divDadosRadio1Desk {
    display: none;
  }
  #divDadosRadio2Mobi {
    display: block;
  }
  #divDadosRadio2Desk {
    display: none;
  }

}

/*-----------------------------------------------------------------------------------------------*/
/* XS - INICIO                                                                                   */
/*-----------------------------------------------------------------------------------------------*/

@media (min-width: 0px) and (max-width: 768px){

  /* altura da barra principal do topo 2 */
  #barra-topo2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* para logo em mobile */
  .navbar-brand img {
    height: 22px;
  }

  .divNumRegistros {
    padding-top: 10px;
  }

  #divPublicidadeHome {
    margin-top: 0px;
  }

  #formRankingDesktop {
    display: none;
  }

  #formRankingMobile {
    display: block;
  }

  #divRodapeA {
    display: block;
  }

  #divRodapeB {
    margin-bottom: 0px;
    margin-top: 10px;
  }

  #divRodapeC {
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: left;
  }

  #divRodapeD {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #divRodapeE {
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: left;
  }

  #divDadosRadio1Mobi {
    display: block;
  }
  #divDadosRadio1Desk {
    display: none;
  }
  #divDadosRadio2Mobi {
    display: block;
  }
  #divDadosRadio2Desk {
    display: none;
  }

}

/*-----------------------------------------------------------------------------------------------*/
/* PARA TODOS OS TAMANHOS                                                                        */
/*-----------------------------------------------------------------------------------------------*/

.oculto {
  display: none !important;
}

.padding000 {
  padding: 0px;
}

.padding005 {
  padding: 5px;
}

.padding010 {
  padding: 10px;
}

.padding015 {
  padding: 15px;
}

.paddingTop002 {
  padding-top: 2px;
}

.paddingBottom015 {
  padding-bottom: 15px;
}

.marginTop005 {
  margin-top: 5px;
}

.marginTop022 {
  margin-top: 22px;
}

.marginTop030 {
  margin-top: 30px;
}

.marginbottom025 {
  margin-bottom: 25px;
}

.textAlignCenter {
  text-align: center;
}

.textAlignRight {
  text-align: right;
}

.imgLogoDesktop {
  opacity: 0.9;
  width: 43px;
  height: 28px;
}

.imgLogoMobile {
  opacity: 0.9;
  width: 36px;
  height: 22px;
}

.divTitulosLogo {
  margin-top: -13px;
  margin-right: 40px;
}

.tituloLogoA {
  color: #c2c2c2;
  font-size: 15px;
}

.tituloLogoB {
  position: absolute;
  margin-top: -7px;
  color: #47C468;
  font-size: 13px
}

/* a largura do offcanvas tanto para desktop quanto para mobile */
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --offcanvas-width: 300px;
}

.ranking-offcanvas-badge-posicao{
  width: 36px;
  /* border: solid 1px; */
}

.ranking-offcanvas-badge-numero {
  width: 53px;
  margin-top: 6px;
  /* border: solid 1px; */
}

.ranking-offcanvas-logo-radio {
  border-radius: 4px !important;
  border: solid 1px var(--border-color);
}

.generos-offcanvas-badge-numero {
  width: 45px;
  /* border: solid 1px; */
}

.logo-radio-lista-pesquisa {
  border-radius: 4px;
  border: solid 1px var(--border-color);
}

.btn-ver-ranking-completo {
  width: 100%;
  justify-content: left;
}

/* ------------------------------------------- */

.img-trofeu-ouro-pag {
  display: block;
  color: #e1a64e;
  margin-right: 7px;
}

.img-trofeu-prata-pag {
  display: block;
  margin-right: 7px;
}

.img-trofeu-bronze-pag {
  display: block;
  color: #af502e;
  margin-right: 7px;
}

.img-trofeu-bronze-nao {
  display: none;
  color: transparent;
}

.cor-nome-radio {
  color: var(--link-color);
}

/* ------------------------------------------- */

.img-trofeu-ouro {
  margin-left: 15px;
  color: #e1a64e;
}

.img-trofeu-prata {
  margin-left: 15px;
}

.img-trofeu-bronze {
  margin-left: 15px;
  color: #af502e;
}

/* ------------------------------------------- */

.alerta-topo {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 5px;
}

.estrelas-avaliacoes {
  font-size: 17px;
  /* color: #e1a64e; */
  color: #e59c2f;
}

.div-swiper-slide {
  max-width: 170px;
}

.badge-destaque {
  margin-left: 5px;
  border: solid 1px;
}

.badge-estado {
  width: 36px;
  border: solid 1px;
}

.lnk-nome-radio-swiper {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
}

.logo-radio-swiper {
  min-height: 150px;
  border: solid 1px var(--border-color);
}

.iconExpandMenu {
  --btn-hover-bg: transparent !important;
}

/* destacar o plano popular */
.ribbon {
  text-align: center;
  position: relative;
  padding: .3125rem 0;
  left: -.6875rem;
  top: 1.563rem;
  width: 9.375rem;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ribbon-container {
  width: 6.5rem;
  height: 6.5rem;
  overflow: hidden;
  position: absolute;
  top: calc(var(--card-border-width)* -1);
  right: calc(var(--card-border-width)* -1);
}
/* /destacar o plano popular */

.limitar-texto-95 {
  max-width: 95%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ranking-posicao-pag {
  width: 58px;
  height: 70px;
  border-radius: 6px;
  display: grid;
  padding-top: 15px;
  max-width: 58px;
  min-width: 58px;
}

.ranking-posicao-texto-pag {
  font-size: 16px;
}

.ranking-posicao-total-pag {
  margin-top: 5px;
  display: block;
}

.ranking-posicao-cinza {
  background-color: #7f7f7f;
}

.ranking-logo-pag {
  width: 70px;
  height: 70px;
  border: solid 1px #7f7f7f;
}

.min-width-div-estado {
  min-width: 200px;
}

.card-transparente {
  --card-bg: transparent !important;
  --card-box-shadow: 0 !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}

.border-radius4 {
  border-radius: 4px;
}

/* ------------------------------------------- */

.badge-success-suave {
  background-color: rgb(5 150 105 / 80%) !important;
}

.badge-primary-suave {
  background-color: rgb(12 131 255 / 80%) !important;
}

.badge-warning-suave {
  background-color: rgb(245 134 70 / 80%) !important;
}

.badge-danger-suave {
  background-color: rgb(239 68 68 / 80%) !important;
}

/* ------------------------------------------- */

.table-nowrap {
  white-space: nowrap;
}

/* FIM */