:root {
  --cor-100: #ffffff;
  --cor-90: #e6e6e6;
  --cor-80: #cccccc;
  --cor-70: #b3b3b3;
  --cor-60: #999999;
  --cor-50: #808080;
  --cor-40: #666666;
  --cor-30: #4d4d4d;
  --cor-20: #333333;
  --cor-10: #1a1a1a;
  --cor-00: #000000;
  --cor-100-fade: #000000ff;
  --cor-90-fade: #000000e6;
  --cor-80-fade: #000000cc;
  --cor-70-fade: #000000b3;
  --cor-60-fade: #00000099;
  --cor-50-fade: #00000080;
  --cor-40-fade: #00000066;
  --cor-30-fade: #0000004d;
  --cor-20-fade: #00000033;
  --cor-10-fade: #0000001a;
  --cor-00-fade: #00000000;
  --cor-texto: #333333;
  --cor-destaque: #1995ee;


  --positivo: #07d684;
  --negativo: #fa8e80;


  --fonte-50: 55px;
  --fonte-40: 45px;
  --fonte-30: 35px;
  --fonte-25: 30px;
  --fonte-20: 25px;
  --fonte-16: 18px;
  --fonte-14: 16px;
  --fonte-12: 14px;
  --fonte-10: 12px;
  --font-family: Fira Sans, Segoe UI, Arial, sans-serif;
  --font-family-condensed: Fira Sans Extra Condensed, Arial Narrow, sans-serif;
  --font-family-title: Fira Sans, serif;

}

/*
 :root {
--cor-00:  #000000;
--cor-10:  #1a1a1a;
--cor-20:  #333333;
--cor-30:  #4d4d4d;
--cor-40:  #666666;
--cor-50:  #808080;
--cor-60:  #999999;
--cor-70:  #b3b3b3;
--cor-80:  #cccccc;
--cor-90:  #e6e6e6;
--cor-100: #ffffff;
--cor-100-fade: #00000000; 
--cor-90-fade:  #0000001a; 
--cor-80-fade:  #00000033; 
--cor-70-fade:  #0000004d; 
--cor-60-fade:  #00000066; 
--cor-50-fade:  #00000080; 
--cor-40-fade:  #00000099; 
--cor-30-fade:  #000000b3; 
--cor-20-fade:  #000000cc; 
--cor-10-fade:  #000000e6; 
--cor-00-fade:  #000000ff; 
    --cor-texto: #333333;
    --cor-destaque:#1995ee;


--positivo: #06a566;
--negativo: #f95843;

	  
	--fonte-50: 55px;
    --fonte-40: 45px;
    --fonte-30: 35px;
    --fonte-25: 30px;
    --fonte-20: 25px;
    --fonte-16: 18px;
    --fonte-14: 16px;
    --fonte-12: 14px;
    --fonte-10: 12px;
    --font-family: Fira Sans, Segoe UI, Arial, sans-serif;
    --font-family-condensed: Fira Sans Extra Condensed, Arial Narrow, sans-serif;
	  --font-family-title: Fraunces, serif;
 }
*/

















html {
  background-size: 150vw 150vh !important;
  background-repeat: no-repeat;
  background-position: top;
  background-color: var(--cor-100);
  background-attachment: fixed;
  color: var(--cor-100);

}

html,
body {
  font-family: var(--font-family), sans-serif !important;
  user-select: none;
  transition: 0.3s !important;
}


header nav {
  display: grid;
  align-items: center;
  justify-items: center;
  align-self: center;
  grid-template-columns: repeat(2, auto);
}

footer {
  display: none !important
}

#home header img,
#home footer img {
  filter: invert(1) !important;
}

#home {
  color: var(--cor-texto) !important;
  background-color: var(--cor-100) !important;
}

#home body {
  backdrop-filter: initial !important
}

#home h2 {
  color: var(--cor-texto) !important;

}

main {
  display: grid;
  grid-template-rows: 2fr 24fr;
  gap: 30px;
  height: 90vh;
  width: 1200px;
  max-width: 80vw;
  margin: 5vh auto;
  padding: 0px 50px;
}

main>* {
  border-radius: 10px;
}

#paginainicial {
  display: grid;
  grid-auto-rows: min-content;
  /* 👈 cada filho ocupa apenas o que precisa */
  gap: 30px;

  min-height: 0;
  /* essencial para scroll funcionar no grid */
  overflow-y: auto;
  overflow-x: hidden;
}

#paginainicial>* {
  display: grid;
  /* filhos continuam sendo grid */
  grid-auto-rows: min-content;
  /* filhos também só ocupam o necessário */
  min-height: 0;
  /* evita corte dentro do scroll */
}


canvas {
  height: 100%;
  width: 100%;
}

button {
  background-color: transparent;
  border: none;
  color: var(--cor-50);
  font-size: var(--fonte-16);
  border-radius: 5px;
  height: 100%;
}

#principal {
  padding: 100px 120px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-sizing: border-box;
  text-align: left;
}

#principal h1 {
  font-size: var(--fonte-50) !important;

}

#principal::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2000%;
  height: 2000%;
  transform: translate(-50%, -50%) rotate(0deg);
  background: linear-gradient(90deg, #cc66ff 45%, #87cefa 55%);
  transform-origin: center;
  animation: rotaciona 6s linear infinite;
  z-index: 0;
  pointer-events: none;
}

#principal>* {
  position: relative;
  z-index: 1;

}

@keyframes rotaciona {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}


footer .logo-rodape {
  opacity: 0.6;
  height: 30px;
  padding: 20px 0 15px !important;
}

footer .lista {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  line-height: 2;
  font-size: var(--fonte-12);
}

footer a {
  opacity: 70%;
  display: block
}

footer a:hover {
  opacity: 100%
}









.producoesnoar-wrapper {
  display: grid !important;
  grid-template-columns: 30px auto 30px !important;
  align-items: center !important;
}

.producoesnoar {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 180px;
  gap: 40px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  padding: 0;
  flex: 1;
}

.producoesnoar::-webkit-scrollbar {
  display: none
}

.producoesnoar::before,
.producoesnoar::after {
  content: '';
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
  pointer-events: none;
}

/*
.producoesnoar::before {
  left: 0;
  background: linear-gradient(to right, rgba(34, 34, 34, 1), rgba(34, 34, 34, 0));
}

.producoesnoar::after {
  right: 0;
  background: linear-gradient(to left, rgba(34, 34, 34, 1), rgba(34, 34, 34, 0));
}
*/

.producoesnoar h3 {
  font-size: var(--fonte-12) !important;
  font-weight: 400 !important;
  padding-bottom: 0 !important;
  color: var(--cor-texto) !important;
}



.producoesnoar .item {
  display: grid;
  grid-template-rows: 60px auto;
  width: 100%;
  overflow: hidden;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  padding: 20px;
  background-image: none !important;
  background-color: var(--cor-90);
  border-radius: 24px;
}



.producoesnoar .item .content {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

.producoesnoar .item .capa {
  width: 100%;
  height: 100%;
  /* ocupa toda a linha de 150px */
  object-fit: cover;
  display: block;
  border-radius: 12px;

}

.producoesnoar .item .emissora {
  height: 50px;
  width: auto;
  object-fit: cover;
  display: none;
}

.producoesnoar button.prev,
.producoesnoar button.next {
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  padding: 20px;
  font-size: 30px;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.producoesnoar button.prev {
  order: 0;
}

.producoesnoar button.next {
  order: 2;
}



















/* Remove sublinhado padrão */
a {
  text-decoration: none;
  color: inherit;
  /* mantém cor do texto atual */
}

/* Cria a linha para o efeito */
.cabecalho a::after {
  display: none;
}

/* Hover: linha cresce da esquerda para direita */
.cabecalho a:hover::after {
  width: 100%;
}

#header-home {
  position: relative;
  /* referência para o tituloblog */
  height: 0vh;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 15px;
  overflow: hidden;
  box-sizing: border-box;
}

#header-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  aspect-ratio: 41 / 60 !important;
  display: block;
}

#tituloblog> :nth-child(2) {
  align-self: end;
}

#header-home img:nth-child(2n) {
  transform: translateY(-50%);
}




h4 {
  font-size: var(--fonte-16) !important;
  padding: 20px 0 15px !important;
  margin: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-title)
}














/* novo estilão pro tituloblog */
#tituloblog {
  display: grid;
  grid-template-rows: 140px auto 150px;
  align-items: center;
  height: calc(100vh + 8px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, var(--cor-10) 0%, #11111190 20%, #11111198 28%, var(--cor-00) 100%);

  z-index: 10;
  /* ficar por cima */
  box-sizing: border-box;
}

#menu {
  max-width: 1080px;
  display: grid;
  align-items: center;
  gap: 80px;
  box-sizing: border-box;
  grid-template-columns: 200px auto 50px 50px;
  margin: 60px auto;
  z-index: 9999;
}

#menu i,
#menu a {
  color: #fff !important
}

.campopesquisa {
  border-radius: 10px;
  padding: 10px;
  background-color: #ffffff40;
  border: 1px solid #fff;
}

#home .campopesquisa {
  background-color: var(--cor-00-fade) !important;
  border: 1px solid var(--cor-80) !important;
}

.campopesquisa::after {
  padding-left: 15px;
  content: "Pesquise a sua produção, o seu diretor ou seu autor aqui"
}

.redesocial i {
  font-size: var(--fonte-30);
}

#tituloblog .row {
  box-sizing: border-box !important;
  margin: 0 auto;
  padding: 0px;
  width: 100%;
  text-align: center;
}

#tituloblog .row * {
  text-shadow: 0px 0px 200px #000000;
  color: var(--cor-100)
}

.proximasecao {
  animation: sobeDesce 2s infinite alternate;
  font-size: 50px;
  margin: 0 auto;
  color: var(--cor-100);
}

#tituloblog {
  width: 100vw !important;
}

#menu a {
  text-align: center
}

@keyframes sobeDesce {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-50px);
  }
}


































.post-title,
.post-meta {
  display: none !important
}


img {
  image-rendering: auto;
}

*,
* *,
* * *,
* * * * {
  transition: 0.3s !important
}






.linkpesquisa {
  align-items: center;
  width: 100% !important;
  font-size: var(--fonte-16) !important;
  padding: 15px !important;
  color: var(--cor-100) !important;
  background-color: #ffffff20 !important;
  border-radius: 5px !important;
  border: 1px solid var(--cor-20) !important;

}

.linkpesquisa::after {
  padding-left: 10px;
  content: "Pesquise uma produção, um autor ou diretor..."
}









h3 {
  font-size: var(--fonte-25) !important;
  padding-bottom: 20px !important;
}


#publicacoes-tudo,
#atualizacoes {
  display: grid !important;
  gap: 30px !important;
  grid-template-columns: repeat(6, 1fr) !important;
}

#publicacoes-tudo a,
#atualizacoes a {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  border-radius: 6px;
}

#publicacoes-tudo img,
#atualizacoes img {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  display: block;
}





.resultados a img {
  aspect-ratio: 2 / 3;
  width: 100%;
  background-image: url('https://raw.githubusercontent.com/audienciaon/capas/refs/heads/main/adefinir.png') !important;
  background-size: cover !important;
  background-position: center !important;
}








.widget-title {
  display: none !important
}

.sidebar .widget-content,
.sidebar .widget,
.sidebar .widget>.widget-title {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important
}




.apresentacao {
  display: grid;
  margin: 50px 0;
  gap: 100px;
  align-items: center;
  grid-template-columns: 2fr 1fr
}

.apresentacao * {
  color: var(--cor-100) !important
}

#tituloblog h1,
.apresentacao h1 {
  font-size: 40px !important;
  margin: 0 !important;
  font-weight: 900
}

#tituloblog p,
.apresentacao p {
  font-size: 20px !important;
  font-weight: 300 !important;
  margin-top: 20px;
}

.apresentacao .redesocial {
  display: grid;
  padding: 20px;
  border-radius: 10px;
  margin: 15px 0;
  align-items: center;
  text-align: center;
  grid-template-columns: 80px auto
}

.apresentacao i {
  color: #fff;
  font-size: 40px
}

.apresentacao .nome {
  font-size: 20px;
  font-weight: 900;
  color: #fff;
}

.apresentacao .tiktok {
  background: linear-gradient(45deg, #333333, #000000);

}

.apresentacao .instagram {
  background: linear-gradient(45deg, #F58529, #DD2A7B);
}

.apresentacao .tiktok:hover {
  background: linear-gradient(225deg, #333333, #000000);
}

.apresentacao .instagram:hover {
  background: linear-gradient(225deg, #F58529, #DD2A7B);
}

.paginainicial .bloco .emexibicao img {
  width: 100%;
  border-radius: 10px
}

.paginainicial {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

.paginainicial .paginas {
  grid-template-columns: 1fr;
  display: grid;
  gap: 10px;
}

.paginainicial .paginas-lista {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  gap: 30px;
}

.paginas-nome {
  color: var(--cor-100) !important;
  grid-column: 1 / -1;
}

.paginainicial .bloco {
  aspect-ratio: 3 / 2;
  transition: 0.5s;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ddd;
  border-radius: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paginainicial .bloco:hover {
  background-position: bottom !important;
}

.paginainicial .bloco .nome {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  font-weight: 400;
  font-size: var(--fonte-25);
  letter-spacing: -1pt;
}

.paginainicial .bloco h2 {
  margin: 0 !important
}

.paginainicial .bloco .nome img {
  line-height: 1;
  height: 30px;
  filter: invert(1) brightness(2);
  display: none
}

.paginainicial .bloco .infos {
  box-sizing: border-box;
  display: grid;
  gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr;
  height: 100%;
  width: calc(100% + 30px);
  padding: 30px 0px 30px 30px;
  backdrop-filter: blur(50px);
  background-color: #00000033
}


.paginainicial .bloco .emexibicao {
  text-align: center;
  padding-left: 30px;
  grid-row: 1 / 3;
  /* ocupa da linha 1 até antes da 3 */
  grid-column: 2;
}


.paginainicial .bloco .emexibicao::before {
  content: "no ar";
  background-color: var(--cor-50-fade);
  border-radius: 4px;
  font-weight: 900;
  margin: -20px auto 0px -10px;
  padding: 5px 10px;
  z-index: 999;
  position: absolute;
  opacity: 0;
}

.paginainicial .bloco .infos:hover .emexibicao::before {
  display: block
}

.paginainicial .bloco .infos:hover .emexibicao {
  padding-left: 0px;
  padding-right: 60px;
}

.paginainicial .bloco *,
.paginainicial .bloco * * {
  color: var(--cor-100) !important
}

.paginainicial .bloco .button {
  border-radius: 5px;
  padding: 8px 15px;
  background: linear-gradient(to right, #00000033, transparent);
  font-weight: 900;
  text-decoration: none
}

.paginainicial .bloco .button::before {
  content: 'Ver a página'
}




































#disqus_thread {
  border-radius: 10px;
  padding: 30px !important;
  margin-top: 40px !important;
  background-color: #ffffff80
}

.grade {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  grid-template-areas: 'calendario graficos'
}


.texto p {
  line-height: 1.5;
  font-size: var(--fonte-15)
}

.titulo-principal {
  font-size: var(--fonte-40) !important;
  color: var(--cor-texto) !important;
  font-weight: 900 !important;
  margin-top: 0px !important;
  margin-bottom: 30px !important;
  padding-top: 10px;
  line-height: 1.2 !important
}





.linhadotempo,
.calendario,
.calendario-media,
.grafico-diaria,
.grade-comparacao {
  border-radius: 8px;
}








.post-image-link {
  aspect-ratio: 2 / 3
}


.publicacao-wrapper {
  height: 100%;
  overflow: hidden;
  /* mantém wrapper sem barra visível */
}

#paginainicial::-webkit-scrollbar,
.publicacao::-webkit-scrollbar,
.publicacao-wrapper::-webkit-scrollbar {
  display: none;
  /* Chrome, Edge e Safari */
}

.publicacao {
  display: flex;
  flex-direction: column;
  /* vertical */
  height: 100%;
  overflow-y: auto;
  /* scroll vertical */
  gap: 40px;
  grid-template-columns: 1fr;
}


.publicacao > div:not([class*="titulo"]) {
  display: flex;
  flex: 0 0 auto;
  scroll-snap-align: start;
  padding: 80px;
  background-color: #00000010;
  border-radius: 10px;
  font-size: var(--fonte-14);
}





/* MOBILE */

@media (min-width: 801px) and (max-width: 1199px) {

  .publicacao > div:not([class*="titulo"]) {
    padding:40px;
}

.grade-comparacao{
  grid-template-columns:repeat(2, 1fr) !important;
}
}

/* FIM MOBILE */







.atualizacaopost * {
  color: var(--cor-80) !important;
}

.atualizacaopost {
  color: var(--cor-80) !important;
  opacity: 0.8;
  display: inline-block;
}

.atualizacaopost i,
.atualizacaopost p {
  display: inline
}

.atualizacaopost p {
  font-weight: 400;
}

.atualizacaopost p::before {
  content: "Atualizado em "
}

.atualizacaopost i {
  display: inline-block;
  animation: rotateLoop 5s linear infinite;
}

@keyframes rotateLoop {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.dadosnaoencontrados,
.dadosparciais {
  display: inline-block;
}

.dadosnaoencontrados::before,
.dadosparciais::before {
  background-color: var(--cor-texto);
  color: var(--cor-100);
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  padding: 6px 10px;
  font-size: var(--fonte-16)
}

.dadosparciais::before {
  display:none !important;
  content: "Tabela parcial";
}

.dadosnaoencontrados::before {
  content: "Dados detalhados não encontrados";
}

.cabecalho {
  border-radius: 12px;
  display: block;
  white-space: nowrap;
  background-image: none !important;
  color: #fff;
  background-size: cover;
  background-position: top;
  transition: 5s !important;
  height: auto;
}



.cabecalho a {
  color: #fff;
}



.informacoes {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  /* backdrop-filter: blur(200px) !important; */
  display: grid;
  background-image: none !important;
  gap: 100px;
  grid-template-columns: 1fr 3fr;
}

.info1 {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
}

.info1 .outros {
  display: none
}

.info2 img {
  border-radius: 8px;
  width: 100% !important;
  aspect-ratio: 2 / 3;
  display: block;
  border-radius: 5px;
}

.horario::before,
.autor::before,
.diretor::before,
.tipo::before,
.primeirocap::before,
.primeirocap::after,
.capitulos::after,
.capitulos::before {
  opacity: 0.5;
}

.cabecalho .tipo {
  display: inline;
}




.horario,
.nomedafaixa,
.cabecalho .autor,
.cabecalho .diretor,
.primeirocap,
.ultimocap,
.capitulos {
  display: inline;
}

.noar .ultimocap {
  display: none !important
}

.minisserie .cabecalho .horario,
.serie .cabecalho .horario {
  display: none !important
}



.autor,
.diretor {
  display: inline;
}

.item-autor,
.item-diretor {
  display: inline;
}

/* vírgula para todos os itens exceto o penúltimo e o último */
.item-autor:not(:nth-last-child(2)):not(:last-child)::after,
.item-diretor:not(:nth-last-child(2)):not(:last-child)::after {
  content: ", ";
  font-weight: 400;
  opacity: 0.5;
}

/* "e" apenas antes do último item */
.item-autor:nth-last-child(2)::after,
.item-diretor:nth-last-child(2)::after {
  content: " e ";
  font-weight: 400;
  opacity: 0.5;
}

/* nada se for item único */
.item-autor:only-child::after,
.item-diretor:only-child::after {
  content: "";
  font-weight: 400;
  opacity: 0.5;
}



.programa .cabecalho .horario::before,
.minisserie .cabecalho .horario::before,
.realityshows .cabecalho .horario::before {
  content: "";
}

.programa .horario a,
.minisserie .horario a,
.realityshows .horario a {
  display: none !important
}

.sbt .cabecalho .tipo,
.band .cabecalho .tipo,
.record .cabecalho .tipo,
.manchete .cabecalho .tipo,
.tupi .cabecalho .tipo,
.redetv .cabecalho .tipo {
  text-transform: lowercase !important
}

.cabecalho .producao {
  font-size: var(--fonte-30) !important;
  font-weight: 900;
  font-family: var(--font-family-title);
}

.cabecalho .ficha {
  display: grid;
  vertical-align: middle;
}

.cabecalho-ficha {
  grid-template-rows: repeat(4, auto);
}

.cabecalho .autor,
.cabecalho .diretor {
  font-weight: 700;
}

.cabecalho .autor::before {
  content: "Autoria de ";
}

.jornalismo .cabecalho .autor::before,
.programa .cabecalho .autor::before,
.realityshows .cabecalho .autor::before {
  content: "Apresentado por " !important;
}

.jornalismo .diretor,
.programa .diretor {
  display: none !important
}

.cabecalho .diretor::before {
  content: "Direção de ";
}

.estrangeira .cabecalho .diretor::before {
  content: "Produção executiva de " !important;
}

.primeirocap::before {
  content: "Exibida entre ";
}

.noar .primeirocap::before {
  content: "Exibida desde " !important;
}

.primeirocap::after {
  content: " e ";
}

.noar .primeirocap::after {
  content: "" !important;
}

.capitulos::before {
  content: ", com ";
}

.capitulos::after {
  content: " capítulos";
}

.realityshows .capitulos::after,
.jornalismo .capitulos::after,
.programa .capitulos::after {
  content: " episódios" !important;
}



.noar .capitulos::after {
  content: " capítulos até agora" !important;
}

.realityshows.noar .capitulos::after,
.jornalismo.noar .capitulos::after,
.programa.noar .capitulos::after {
  content: " episódios até agora" !important;
}



.producao,
.formato,
.ficha,
.autor,
.diretor,
.exibicao,
.links,
.outro {
  word-wrap: break-word;
  white-space: normal;
  hyphens: none;
  width: 100%;
  width: 100% !important;
  flex-wrap: wrap;
  line-height: 1;
}

.noar .formato::after {
  content: 'no ar';
  padding: 5px 10px;
  line-height: 1;
  background-color: var(--cor-60-fade);
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: var(--fonte-12);
  margin-left: 10px;
}


.cabecalho .links {
  display: flex !important;
  width: 100% !important;
  flex-wrap: wrap;
}


.numero-temporada,
.numero-reapresentacao {
  display: inline;
  background-color: #ffffff30;
  vertical-align: middle;
  border-radius: 5px;
  font-weight: 600;
  padding: 3px 10px;
  margin-left: 10px;
  font-size: var(--fonte-16) !important;
}

.doispontos {
  display: none
}

.numero-temporada::after,
.numero-reapresentacao::after {
  text-transform: uppercase;
}












.globoplay,
.memoriaglobo,
.wikipedia,
.imdb,
.tvtime,
.trakttv,
.filmow {
  display: inline;
  padding: 8px 8px 8px;
  border-radius: 4px;
  margin-right: 10px;
  color: #fff;
  font-size: var(--fonte-12) !important;
  font-weight: 700;
  transition: 0.3s;
  opacity: 0.7;
  background-color: rgba(0, 0, 0, 0.3);
}

.globoplay:hover {
  opacity: 1;
  background: linear-gradient(to left, #F39900, #E3203C);
}

.memoriaglobo:hover {
  background: linear-gradient(to left, #008AAF, #006C8A);
  opacity: 1;
}

.imdb:hover {
  background: linear-gradient(to left, #FCCA18, #e3b303);
  opacity: 1;
}

.filmow:hover {
  background: linear-gradient(to left, #19ADE4, #1490BC);
  opacity: 1;
}

.trakttv:hover {
  background: linear-gradient(to left, #ED2224, #C21010);
  opacity: 1;
}

.tvtime:hover {
  background: linear-gradient(to left, #FCCA18, #e3b303);
  opacity: 1;
}

.wikipedia:hover {
  background: linear-gradient(to left, #999, #ccc);
  opacity: 1;

}

.globoplay::before {
  color: #fff;
  content: "globoplay";
}

.memoriaglobo::before {
  color: #fff;
  content: "memoriaglobo";
}

.wikipedia::before {
  color: #fff;
  content: "wikipedia";
}

.imdb::before {
  color: #fff;
  content: "imdb";
}

.tvtime::before {
  color: #fff;
  content: "tvtime";
}

.trakttv::before {
  color: #fff;
  content: "trakt.tv";
}

.filmow::before {
  color: #fff;
  content: "filmow";
}


.versoes {
  line-height: 1;
  display: grid !important;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-auto-rows: auto;
  font-size: var(--fonte-14);
  padding:0 !important;
  background-color: transparent !important;
}

.versoes .versao {
  background-color: var(--cor-50-fade);
  opacity: 0.5;
  color: #fff;
  display: grid;
  grid-template-columns: 40px auto;
  padding: 20px 15px;
  border-radius: 8px;
  transition: 0.3s;
  align-items: center;
  gap: 40px 20px;
}

.versoes .destacada,
.versoes .versao:hover {
  opacity: 1;
}

.versoes .ano {
  font-weight: 900;
  font-size: var(--fonte-16);
}

.versoes .modelo {
  font-weight: 400;
}







.linktemporadas {
  display: grid !important;
  grid-template-columns: repeat(10, 1fr);
  gap: 10px;
  align-items: center;
  vertical-align: middle;
}

.linktemporadas .link-item {
  aspect-ratio: 3 / 2;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0.5;
  font-weight: 900;
  color: #fff;
  font-size: var(--fonte-18);
  border-radius: 8px;
  transition: 0.3s;
  text-align: center;
  font-size: var(--fonte-25);
  align-items: center;
  align-self: center;
  display: flex;
  justify-content: center;
}

.linktemporadas .link-item:hover {
  opacity: 1 !important;
}

.linktemporadas .destacada {
  opacity: 1 !important
}

.temporada-reapresentacao-descricao::before {
  content: "R"
}
















.info3,
.info4 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0px;
  font-weight: 200;
  border-radius: 8px;
  overflow: hidden;
}


.info3>*,
.info4>* {
  background-color:transparent !important;
  box-sizing: border-box;
  padding: 0px 30px !important;

}

.fade {
  opacity: 0.001;
}

.fade2 {
  opacity: 0.4;
}

.ocultar,
.esconder {
  display: none !important
}

.grade-comparacao .fade {
  opacity: 0.4;
}

.noar .audultcap {
  display: none !important
}

.info3 .audpricap,
.info3 .menoraud,
.info3 .maioraud,
.info3 .audultcap,
.info3 .nameta,
.info4 .audpricap,
.info4 .menoraud,
.info4 .maioraud,
.info4 .audultcap,
.info4 .nameta,
.sharesp,
.sharerj,
.sharepnt,
.elevacaosp,
.elevacaorj,
.elevacaopnt,
.info4 .cap25,
.info4 .cap50,
.info4 .cap100,
.info4 .cap150,
.info4 .cap150,
.info4 .totalcap {
  font-size: var(--fonte-30) !important;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -0.5px;
  display: grid
}

.info4 .cap25,
.info4 .cap50,
.info4 .cap100,
.info4 .cap150,
.info4 .cap150 {
  padding: 20px 0px;
  display: grid !important;
  gap: 0;
  height: auto;
}

.info4 .totalcap {
  grid-column: 5;
}

.info4 .data::before {
  display: inline-block;
  font-size: var(--fonte-14) !important;
}

.info5 {
  display: grid;
  gap: 30px;
}


.audpricap .data::before {
  content: "pontos registrados no primeiro dia, em "
}

.maioraud .data::before {
  content: "pontos na maior audiência, em "
}

.menoraud .data::before {
  content: "pontos na menor audiência, em "
}

.audultcap .data::before {
  content: "pontos registrados no último dia, em "
}

.nameta::after {
  content: "capítulos atingiram a meta do horário"
}










.cap25 .num-cap::before,
.cap50 .num-cap::before,
.cap100 .num-cap::before,
.cap150 .num-cap::before {
  display: inline;
  content: " pontos até o seu ";
}

.totalcap .num-cap::before {
  display: inline;
  content: " pontos é a média nos ";
}

.cap25 .num-cap::after,
.cap50 .num-cap::after,
.cap100 .num-cap::after,
.cap150 .num-cap::after {
  display: inline;
  content: "º dia, em ";
  margin-right: 5px;
}

.totalcap .num-cap::after {
  display: inline;
  content: " dias, até ";
  margin-right: 5px;
}

























.cap25.fade .data::before {
  display: inline-block;
  content: "pontos até o 25º capítulo, ainda não exibido" !important;
}

.cap50.fade .data::before {
  display: inline-block;
  content: "pontos até o 50º capítulo, ainda não exibido" !important
}

.cap100.fade .data::before {
  display: inline-block;
  content: "pontos até o 100º capítulo, ainda não exibido" !important
}

.cap150.fade .data::before {
  display: inline-block;
  content: "pontos até o 150º capítulo, ainda não exibido" !important
}





.info4 .sharesp::after {
  display: inline-block;
  content: "é a média de share na região da Grande São Paulo";
}

.info4 .sharerj::after {
  display: inline-block;
  content: "é a média de share na região da Grande Rio de Janeiro";
}

.info4 .elevacaosp::after {
  display: inline-block;
  content: "pontos na Grande São Paulo em relação à exibição anterior";
}

.info4 .elevacaorj::after {
  display: inline-block;
  content: "pontos na Grande Rio de Janeiro em relação à exibição anterior";
}

.info4 .elevacaopnt::after {
  display: inline-block;
  content: "pontos no Painel Nacional de Televisão em relação à exibição anterior";
}













.media-audiencias {
  padding: 40px;
  font-weight: 200;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background-color: var(--cor-50-fade) !important;
  border-radius: 10px
}

.media-audiencias-titulo::before {
  content: "Média geral de audiência nas praças";
  color: var(--cor-100) !important;
  line-height: 1.5;
  font-weight: 900;
  font-size: var(--fonte-30);
}

.media-audiencias-titulo {
  align-self: center;
}


.publicacao .info4:nth-child(n + 2):first-of-type {
  display: none !important;
}

.media-audiencias .audienciasp,
.media-audiencias .audienciarj,
.media-audiencias .audienciapnt {
  font-size: var(--fonte-50) !important;
  padding: 0 40px;
  line-height: 1;
  border-radius: 10px;
  color: var(--cor-90);
}




.media-audiencias * .data {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.5;
}

.media-audiencias * .data::before {
  font-size: var(--fonte-14) !important;
  font-weight: 400;
  opacity: 0.5
}

.media-audiencias * .positivo,
.media-audiencias * .negativo {
  display: inline-block;
  padding: 4px 7px;
  background-color: #ffffff50;
  font-weight: 900;
  font-size: var(--fonte-14) !important;
  border-radius: 4px;
  color: var(--cor-texto);
}

.media-audiencias * .positivo::after,
.media-audiencias * .negativo::after {
  content: 'pontos';
  padding-left: 5px;
}

.media-audiencias .audienciasp .data::before {
  content: "pontos na média geral na Grande São Paulo"
}

.media-audiencias .audienciarj .data::before {
  content: "pontos na média geral na Grande Rio de Janeiro"
}

.media-audiencias .audienciapnt .data::before {
  content: "pontos na média geral no Painel Nacional"
}







.audpricap .data::before,
.menoraud .data::before,
.maioraud .data::before,
.audultcap .data::before,
.audpricap .data,
.menoraud .data,
.maioraud .data,
.audultcap .data {
  font-size: var(--fonte-14) !important;
  display: block;
  line-height: 1.5;
  font-weight: 500;
}

.num-cap,
.cap25 .data::before,
.cap50 .data::before,
.cap100 .data::before,
.cap150 .data::before,
.totalcap .data::before {
  font-size: var(--fonte-16) !important;
  display: inline;
  font-weight: 500 !important;
  line-height: 1.5;
}

.nameta::after {
  display: block;
  line-height: 1.5;
}

.audpricap .data::before,
.menoraud .data::before,
.maioraud .data::before,
.audultcap .data::before,
.nameta::after,
.audpricap .data,
.menoraud .data,
.maioraud .data,
.audultcap .data,
.cap25 .data,
.cap50 .data,
.cap100 .data,
.cap150 .data,
.totalcap .data,
.cap25 .data::before,
.cap50 .data::before,
.cap100 .data::before,
.cap150 .data::before,
.sharesp::after,
.sharerj::after,
.elevacaosp::after,
.elevacaorj::after,
.elevacaopnt::after {
  display: block !important;
}

.audpricap .data::before,
.menoraud .data::before,
.maioraud .data::before,
.audultcap .data::before,
.nameta::after,
.audpricap .data,
.menoraud .data,
.maioraud .data,
.audultcap .data,
.cap25 .data,
.cap50 .data,
.cap100 .data,
.cap150 .data,
.totalcap .data,
.cap25 .data::before,
.cap50 .data::before,
.cap100 .data::before,
.cap150 .data::before,
.totalcap .data::before,
.sharesp::after,
.sharerj::after,
.elevacaosp::after,
.elevacaorj::after,
.elevacaopnt::after {
  font-size: var(--fonte-16) !important;
  font-weight: 400;
  line-height: 1.5;
}


.info4>*>.positivo {
  color: var(--positivo)
}

.info4>*>.negativo {
  color: var(--negativo)
}

.info3 .positivo,
.info3 .negativo,
.info4 .positivo,
.info4 .negativo {
  margin-top: 15px;
  display: block;
  background-color: transparent;
  font-weight: 900;
  font-size: var(--fonte-14) !important;
  border-radius: 4px;
}

.cap25 .positivo::after,
.cap25 .negativo::after {
  content: "pontos comparados com a produção anterior" !important;
  font-weight: 500;
  padding-left: 5px;
}

.info4 .positivo::after,
.info4 .negativo::after {
  content: "pontos comparados ao período anterior";
  font-weight: 500;
  padding-left: 5px;
}





.info3 .pos::before,
.info4 .pos::before,
.elevacaosp .pos::before,
.elevacaorj .pos::before,
.elevacaopnt .pos::before,
.totalcap.positivo::before,
.positivo::before {
  content: '+';
  display: inline-block;
}

.negativo::before {
  content: '';
  display: inline-block;
}








.info3-titulo::before {
  content: "Marcas de audiência da produção em São Paulo";
}

.grafico-diaria-titulo::before {
  content: "Gráfico da audiência detalhada por dia em São Paulo";
}

.grafico-acumulado-titulo::before {
  content: "Gráfico da média de audiência até o capítulo em São Paulo";
}

.series .grafico-acumulado-titulo::before,
.programa .grafico-acumulado-titulo::before,
.realityshows .grafico-acumulado-titulo::before,
.jornalismo .grafico-acumulado-titulo::before {
  content: "Gráfico da média de audiência até o episódio em São Paulo";
}

.calendario-titulo::before {
  content: "Audiência detalhada em São Paulo";
}

.calendario-media-titulo::before {
  content: "Média";
}

.linktemporadas-titulo::before {
  content: "Acesso para outras temporadas desta produção"
}

.linhadotempo-titulo::before {
  content: "Cronologia de produções";
}

.grafico-comparacao-temporadas-titulo::before {
  content: "Comparação entre as temporadas exibidas até aqui";
}

.series .linhadotempo-titulo::before {
  content: "Cronologia de séries";
}


.realityshows .linhadotempo-titulo::before {
  content: "Cronologia de reality shows";
}

.serie .linhadotempo-titulo::before {
  content: "Cronologia de séries e programas humorísticos";
}

.capitulosacumulados-titulo::before {
  content: "Evolução da audiência por capítulos acumulados em São Paulo";
}

.programa .capitulosacumulados-titulo::before,
.jornalismo .capitulosacumulados-titulo::before,
.serie .capitulosacumulados-titulo::before,
.realityshows .capitulosacumulados-titulo::before {
  content: "Evolução da audiência por episódios acumulados em São Paulo";
}

.grafico-comparacao-titulo::before {
  content: "Comparação da audiência em São Paulo com produções anteriores do horário";
}

.realityshows .grafico-comparacao-titulo::before {
  content: "Comparação da audiência em São Paulo com outros reality shows" !important;
}

.programa .grafico-comparacao-titulo::before {
  content: "Comparação da audiência em São Paulo com outros programas" !important;
}

.jornalismo .grafico-comparacao-titulo::before {
  content: "Comparação da audiência em São Paulo com outros programas jornalístios" !important;
}

.serie .grafico-comparacao-titulo::before {
  content: "Comparação da audiência em São Paulo com outras séries e humorísticos" !important;
}

.series .grafico-comparacao-titulo::before {
  content: "Comparação da audiência em São Paulo entre as temporadas";
}

.elevacaoshare-titulo::before {
  content: "Share e elevação em comparação com a exibição anterior";
}

.calendario-anual-titulo::before {
  content: "Média diária de audiência das emissoras";
}

.mediamensal-titulo::before {
  content: "Média mensal de audiência das emissoras";
}

.calendario-titulo,
.calendario-media-titulo {
  margin-bottom: 30px !important;
}


h3,
.grafico-comparacao-temporadas-titulo,
.info3-titulo::before,
.grafico-diaria-titulo::before,
.grafico-acumulado-titulo::before,
.calendario-titulo::before,
.calendario-media-titulo::before,
.linhadotempo-titulo::before,
.linktemporadas-titulo::before,
.capitulosacumulados-titulo::before,
.grafico-comparacao-titulo::before,
.elevacaoshare-titulo::before,
.subtitulo::before {
  font-family: var(--font-family-title);
  font-size: var(--fonte-25) !important;
  font-weight: 900 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  color: var(--cor-90) !important;
}

.elevacaoshare-titulo::before {
  display: none !important
}

.grafico-diaria {
  padding: 40px !important;
  background-color: var(--cor-50-fade);
  position: relative;
  display: flex;
  height: 500px;
  border-radius: 8px;
}

.grafico-diaria .dia {
  height: 100%;
  position: relative;
  flex: 600
}

.grafico-diaria .dia .barra {
  bottom: 0;
  border-top: 3px solid var(--cor-100);
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #ffffff50;
  opacity: 1;
  transition: 0.3s !important;
}

/*
  .grafico-diaria .dia .recpos-grafico {
    border-top: 3px solid #008000 !important;
}
 
  .grafico-diaria .dia .recneg-grafico {
    border-top: 3px solid #ff0000 !important;
}
  */

.grafico-diaria .dia:hover .barra {
  border-top: 3px solid var(--cor-80);
  background-color: #ffffff80;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999 !important;
}

.grafico-diaria .dia .dados {
  transition: 0.3s
}

.grafico-diaria .dia:hover .dados {
  display: block
}

.grafico-diaria .dia .dados .numero {
  z-index: 999 !important;
  min-width: 50px !important;
  margin-top: -70px !important;
  font-size: var(--fonte-14);
  font-weight: 900;
  transition: 0.2s;
  white-space: nowrap;
  line-height: 110%;
  text-overflow: clip;
  display: none;
  border-radius: 4px;
  background-color: var(--cor-70-fade);
  z-index: 9999 !important;
  text-align: center !important;
  padding: 5px 8px;
  position: absolute;
  left: 50%;
  color: var(--cor-100) !important;
  transform: translateX(-50%);
}

.grafico-diaria .dia .dados .numero * {
  color: var(--cor-100) !important
}

.grafico-diaria .dia .dados .numero .data,
.grafico-diaria .dia .dados .numero .capitulo {
  font-weight: 400;
  display: block;
  text-align: center !important;

}

.grafico-diaria .dia .dados .numero .data {
  margin-top: 3px;
}

.grafico-diaria .dia .dados .numero .capitulo {
  opacity: 0.4;
  font-weight: 600;
  margin-top: 3px;
}

.primeirocapitulo .numero,
.primeirocapitulo,
.ultimocapitulo .numero,
.ultimocapitulo,
.grafico-diaria .dia:hover .dados .numero {
  display: block;

}

.grade-tabela {
  display: grid !important;
  grid-template-columns: 4fr 0.8fr;
  grid-template-rows: auto;
  gap: 20px;
  font-size: var(--fonte-14);
}

.calendario {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-area: calendario;
  gap: 7px;
}

.calendario .linha {
  display: grid;
  grid-template-areas: 'ordem inicio fim dia1 dia2 dia3 dia4 dia5 dia6 dia7' !important;
  grid-template-columns: 0.6fr 1.5fr 1.5fr repeat(7, 1fr) !important;
  gap: 7px;
  border-radius: 5px;
}

.calendario .linha * {
  background-color: transparent !important
}

.calendario-media {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  gap: 7px;
  grid-area: calendario;
}

.calendario-media .linha {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: 'ordem mediasp';
  gap: 7px;
}

.totaltabela,
.totaltabela .ordem,
.totaltabela .inicio,
.totaltabela .fim,
.totaltabela .dia1,
.totaltabela .dia2,
.totaltabela .dia3,
.totaltabela .dia4,
.totaltabela .dia5,
.totaltabela .dia6,
.totaltabela .dia7,
.totaltabela .mediasp,
.totaltabela .mediarj,
.totaltabela .mediapnt {
  font-weight: 900 !important;
}

.totaltabela {
  background-color: var(--cor-10-fade) !important;
}

.calendario-media .inicio,
.calendario-media .fim {
  display: none
}

.calendario .linha .ordem,
.calendario-media .linha .ordem {
  grid-area: ordem
}

.calendario .linha .inicio {
  grid-area: inicio
}

.calendario .linha .fim {
  grid-area: fim
}

.calendario .linha .dia1 {
  grid-area: dia1
}

.calendario .linha .dia2 {
  grid-area: dia2
}

.calendario .linha .dia3 {
  grid-area: dia3
}

.calendario .linha .dia4 {
  grid-area: dia4
}

.calendario .linha .dia5 {
  grid-area: dia5
}

.calendario .linha .dia6 {
  grid-area: dia6
}

.calendario .linha .dia7 {
  grid-area: dia7
}

.calendario-media .linha .mediasp {
  grid-area: mediasp
}

.calendario-media .linha .mediarj {
  grid-area: mediarj
}

.calendario-media .linha .mediapnt {
  grid-area: mediapnt
}


.calendario .linha .ordem,
.calendario-media .linha .ordem,
.calendario .linha .inicio,
.calendario .linha .fim,
.calendario .linha .dia1,
.calendario .linha .dia2,
.calendario .linha .dia3,
.calendario .linha .dia4,
.calendario .linha .dia5,
.calendario .linha .dia6,
.calendario .linha .dia7,
.calendario-media .linha .mediasp,
.calendario-media .linha .mediarj,
.calendario-media .linha .mediapnt {
  text-align: center;
  font-weight: 400;
  padding: 8px 0px;
}


.calendario .linha .dia1,
.calendario .linha .dia2,
.calendario .linha .dia3,
.calendario .linha .dia4,
.calendario .linha .dia5,
.calendario .linha .dia6,
.calendario .linha .dia7,
.calendario-media .linha .mediasp,
.calendario-media .linha .mediarj,
.calendario-media .linha .mediapnt {
  border-radius: 4px;
  font-weight: 400;
  background-color: var(--cor-40-fade) !important;
}


.calendario .totaltabela .dia1,
.calendario .totaltabela .dia2,
.calendario .totaltabela .dia3,
.calendario .totaltabela .dia4,
.calendario .totaltabela .dia5,
.calendario .totaltabela .dia6,
.calendario .totaltabela .dia7,
.calendario-media .totaltabela .mediasp,
.calendario-media .totaltabela .mediarj,
.calendario-media .totaltabela .mediapnt {
  background-color: transparent !important;
}


.ordem {
  font-weight: 900;
}


.calendario .cab,
.calendario-media .cab {
  font-weight: 900;
  font-size: var(--fonte-12);
}

.calendario .cab .ordem::before,
.calendario-media .cab .ordem::before {
  content: "Sem."
}

.calendario .cab .inicio::before {
  content: "Início"
}

.calendario .cab .fim::before {
  content: "Fim"
}

.calendario .cab .dia1::before {
  content: "Dom"
}

.calendario .cab .dia2::before {
  content: "Seg"
}

.calendario .cab .dia3::before {
  content: "Ter"
}

.calendario .cab .dia4::before {
  content: "Qua"
}

.calendario .cab .dia5::before {
  content: "Qui"
}

.calendario .cab .dia6::before {
  content: "Sex"
}

.calendario .cab .dia7::before {
  content: "Sáb"
}

.calendario-media .cab .mediasp::before {
  content: "Média SP"
}

.calendario-media .cab .mediarj::before {
  content: "Média RJ"
}

.calendario-media .cab .mediapnt::before {
  content: "Média PNT"
}

.calendario .cab .dia1,
.calendario .cab .dia2,
.calendario .cab .dia3,
.calendario .cab .dia4,
.calendario .cab .dia5,
.calendario .cab .dia6,
.calendario .cab .dia7,
.calendario-media .cab .mediasp,
.calendario-media .cab .mediarj,
.calendario-media .cab .mediapnt {
  background-color: transparent !important;
}

.calendario .recpos,
.calendario-media .recpos {
  color: var(--positivo);
  font-weight: 800 !important;
}

.calendario .recneg,
.calendario-media .recneg {
  color: var(--negativo);
  font-weight: 800 !important;
}

.calendario .rec {
  font-weight: 800 !important
}

.calendario .linha,
.calendario-media .linha {
  transition: 0.3s;
  border-radius: 4px;
}

.calendario .linha:hover,
.calendario-media .linha:hover {
  background-color: var(--cor-40-fade);

}


.calendario .linha:hover .dia1,
.calendario .linha:hover .dia2,
.calendario .linha:hover .dia3,
.calendario .linha:hover .dia4,
.calendario .linha:hover .dia5,
.calendario .linha:hover .dia6,
.calendario .linha:hover .dia7,
.calendario-media .linha:hover .mediasp,
.calendario-media .linha:hover .mediarj,
.calendario-media .linha:hover .mediapnt {
  background-color: transparent !important;
}


.calendario .cab:hover,
.calendario-media .cab:hover {
  background-color: transparent !important;

}

.mediapnt,
.mediarj {
  display: none !important
}
















.linhadotempo {
  padding-left: 40px;
  padding-right: 40px;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
  font-size: var(--fonte-14);
  text-align: center;
}

.linhadotempo .capa {
  border-radius: 5px;
  overflow: hidden
}


.linhadotempo .capa,
.linhadotempo img {
  max-width: 100% !important;
  max-height:170px !important;
  height:auto !important;
  margin: 0 auto !important;
  aspect-ratio: 2 / 3 !important;
  background-image: url(https://audienciaon.github.io/capas/adefinir.png);
  background-size: cover;
  background-position: center;
}


.linhadotempo .producao {
  display: none;
  font-weight: 900;
}

.linhadotempo .coluna {
  display: grid;
  grid-template-rows: 20px 190px auto;
}

.linhadotempo .col1 {
  opacity: 0.5;
  transition: 0.3s;
  filter: saturate(0%);
}

.linhadotempo .col2 {
  opacity: 0.5;
  transition: 0.3s;
  filter: saturate(0%);
}

.linhadotempo .col3,
.linhadotempo .col5 {
  opacity: 0.5;
  transition: 0.3s;
  filter: saturate(0%);
}

.linhadotempo .col1:hover,
.linhadotempo .col2:hover,
.linhadotempo .col3:hover,
.linhadotempo .col5:hover {
  opacity: 1;
  filter: saturate(100%);
}



























.grade-comparacao {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-left: 40px;
  gap: 20px;
  padding-right: 40px;

}

.grafico-comparacao {
  display: grid;
  gap: 10px;
  grid-auto-rows: auto;
  font-size: var(--fonte-12);
}



.grafico-comparacao .espaco {
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  border-radius: 5px;
  grid-template-columns: 60px auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: var(--cor-10-fade);


}

.grafico-comparacao .audiencia {
  padding: 8px;
  font-size: var(--fonte-12);
  font-weight: 900;
  font-family: var(--font-family);
  border-radius: 5px 0px 0px 5px;
  background-color: var(--cor-20-fade);
}

.grafico-comparacao .diferenca {
  display: none;
}

.fade .espaco .audiencia,
.fade .espaco .barra {
  background-color: transparent !important
}

.grafico-comparacao .barra {
  letter-spacing: -0.2px;
  padding: 8px 8px 8px 0px;
  border-radius: 0px 5px 5px 0px;
  background-color: var(--cor-20-fade);
  white-space: nowrap;
  font-size: var(--fonte-12);
  transition: 0.3s;
  font-weight: 500;
  font-family: var(--font-family-condensed);
}

.grafico-comparacao .linha:hover .barra {
  width: 100% !important;
}


.grade-comparacao .pricap::before,
.grade-comparacao .maioraud::before,
.grade-comparacao .ultcap::before,
.grade-comparacao .mediageral::before {
  font-weight: 900;
}

.grade-comparacao .pricap::before {
  content: "No primeiro capítulo";
}

.grade-comparacao .maioraud::before {
  content: "Na maior audiência";
}

.grade-comparacao .ultcap::before {
  content: "No último capítulo";
}

.grade-comparacao .mediageral::before {
  content: "Média geral";
}


.jornalismo .grade-comparacao .pricap::before,
.series .grade-comparacao .pricap::before,
.realityshows .grade-comparacao .pricap::before,
.programa .grade-comparacao .pricap::before {
  content: "No primeiro episódio";
}

.jornalismo .grade-comparacao .ultcap::before,
.series .grade-comparacao .ultcap::before,
.realityshows .grade-comparacao .ultcap::before,
.programa .grade-comparacao .ultcap::before {
  content: "No último episódio";
}








.audienciadiaria {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 30px;
}

.audienciadiaria .comentarios::before {
  font-size: var(--fonte-14);
  line-height: 1.5;
  opacity: 0.6;
  content: "Fonte: Kantar IBOPE Media e informações do mercado publicitário.\000A Os números ao lado da média geral da emissora representam a variação de pontos de audiência na cidade de São Paulo em relação ao dia anterior, assim como os números nos programas indicam a variação de pontos de audiência em relação à última exibição do programa."

}


.audienciadiaria-titulo {
  line-height: 1;
  font-size: var(--fonte-30);
  font-weight: 900;
}



.audienciadiaria-titulo::before {
  content: 'Audiência Diária das Emissoras'
}

.maioresaud-emissora-titulo {
  font-size: var(--fonte-25) !important;
  font-weight: 900 !important;
  display: block;
  line-height: 1.2 !important;
  color: var(--cor-20) !important;
}

.maioresaud-emissora-titulo::before {
  content: 'Maiores audiências no dia por emissora'
}

.grafico-emissora {
  grid-auto-rows: 45px !important;
  align-items: center
}


.grafico-emissora .barra:has(> div:nth-child(2)) .programa {
  align-self: end;
  font-size: 500
}

.grafico-emissora .barra:has(> div:nth-child(2)) .item-programa {
  align-self: start;
  font-size: var(--fonte-12);
  font-weight: 900
}

.maioresaud-emissora {
  grid-template-rows: auto;
}

.grafico-emissora-diaria,
.grafico-emissora-anual {
  background-color: var(--cor-texto);
  display: grid;
  color: var(--cor-100);
  border-radius: 10px;
  grid-template-columns: repeat(3, 1fr);
  height: 90px;
  text-align: center;
  font-weight: 900;
  font-size: var(--fonte-20);
  align-items: center;
  align-self: center;
}


.grafico-emissora-diaria .atual,
.grafico-emissora-anual .atual {
  transform: scale(1.2)
}

.grafico-emissora-anual .anterior,
.grafico-emissora-anual .proxima,
.grafico-emissora-diaria .anterior,
.grafico-emissora-diaria .proxima {
  color: #888;
}

.grafico-emissora-anual .anterior:hover,
.grafico-emissora-diaria .anterior:hover {
  padding-right: 20px;
  color: var(--cor-100)
}

.grafico-emissora-anual .proxima:hover,
.grafico-emissora-diaria .proxima:hover {
  padding-left: 20px;
  color: var(--cor-100)
}

.grafico-emissora-diaria .anterior::before,
.grafico-emissora-diaria .proxima::before {
  content: 'Ir para o dia';
  font-weight: 500;
  padding-bottom: 5px;
  font-size: var(--fonte-12);
  display: block
}

.grafico-emissora-anual .diadasemana,
.grafico-emissora-diaria .diadasemana {
  font-weight: 500;
  padding-top: 5px;
  font-size: var(--fonte-12);
  display: block
}

.grafico-emissora-anual .atual::before,
.grafico-emissora-diaria .atual::before {
  content: '
 Audiências do dia'
;
  font-weight: 500;
  padding-bottom: 5px;
  font-size: var(--fonte-12);
  display: block
}

.grafico-emissora .emissora,
.grade-comparacao .emissora {
  font-weight: 900 !important;
  font-size: var(--fonte-20) !important
}

.grafico-emissora .mediageral {
  padding: 5px 5px 0px 0px;
  font-size: var(--fonte-14);
  display: inline-block
}

.grafico-emissora .mediageral::before {
  font-size: var(--fonte-14);
  content: 'Média Geral: '
}

.grafico-emissora> :first-child {
  align-self: end
}

.grafico-emissora .titulo-emissora .diferenca {
  display: inline-block !important;
  padding: 1px 4px;
  border-radius: 5px
}

.grafico-emissora .titulo-emissora .pos {
  background-color: #008000;
  color: var(--cor-100);
}

.grafico-emissora .titulo-emissora .neg {
  background-color: #ff0000;
  color: var(--cor-100);
}

.grafico-emissora .titulo-emissora .zero {
  background-color: var(--cor-70);
  color: #888;
}

.grafico-emissora .linha,
.grafico-emissora .espaco {
  min-height: 45px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grafico-emissora .audiencia {
  text-align: center;
  display: grid;
  align-items: center;
}

.grafico-emissora .diferenca {
  display: block;
  font-size: var(--fonte-10) !important;
  font-weight: 900
}


.grafico-emissora .barra {
  align-self: center !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: auto !important;
  align-items: center;
}

.grafico-emissora .pos {
  color: #008000;
}

.grafico-emissora .pos::before {
  content: "+";
}

.grafico-emissora .zero {
  color: var(--cor-70);
}


.grafico-emissora .neg {
  color: #ff0000;
}













.calendario-anual {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}

.calendario-anual .item-data {
  border-radius: 10px;
  display: grid;
  padding: 15px;
  gap: 5px;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  background-color: var(--cor-70)
}

.calendario-anual .data {
  font-size: var(--fonte-14);
  font-weight: 900
}

.calendario-anual .cabecalho {
  background-color: var(--cor-texto)
}


.calendario-anual .data::after {
  content: "ver mais";
  border-radius: 5px;
  color: transparent;
  background-color: transparent;
  font-size: var(--fonte-12);
}

.calendario-anual .item-data:hover .data::after {
  padding: 0px 5px 3px;
  color: var(--cor-100) !important;
  margin-left: 5px;
  background-color: var(--cor-texto) !important;
}

.calendario-anual .inicio-mes {
  border-left: 5px solid var(--cor-texto);
  padding: 15px 15px 15px 10px !important
}


.calendario-anual .item-data:hover {
  background-color: var(--cor-texto);
}

.calendario-anual .item-data:hover a,
.calendario-anual .item-data:hover .data {
  color: var(--cor-100)
}

.calendario-anual .item-data:hover .espaco {
  background-color: var(--cor-70)
}









.timeline-dentro {
  height: 600px;

}

.timeline {

  border-radius: 8px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 90px auto;
  gap: 10px;
  width: 100%;
}

.timeline #semexibicao {
  display: grid;
  opacity: 0.3;
  align-items: center;
}

.timeline #semexibicao p {
  display: none !important
}

.timeline #semexibicao::before {
  content: "Não foram exibidas produções nesse intervalo de tempo.";
}

.timeline .scroll {
  display: grid;
  grid-template-columns: repeat(60, auto);
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
}

.timeline-horarios {
  display: grid;
  grid-template-columns: auto;
  padding-bottom: 30px;
  gap: 10px;

}

.timeline-tabela .linha,
.timeline-horarios .linha {
  padding: 0px 0px;
  align-self: center;
}

.timeline-tabela .linha .item:last-child {
  background-image: linear-gradient(to right, var(--cor-70), transparent) !important;
  background-color: transparent !important;
}

.timeline-horarios,
.timeline-tabela {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 40px repeat(6, 1fr);
  height: 550px !important;
}

.timeline-tabela {
  gap: 10px;
  padding-bottom: 10px;

}


.timeline-tabela .data {

  line-height: 1.2;
  color: var(--cor-texto);
  font-size: var(--fonte-12) !important;
}

.timeline .scroll::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

.timeline .scroll::-webkit-scrollbar-track {
  background: var(--cor-100);
}

.timeline-dentro::after {
  content: "arraste a barra cinza acima para os lados para ver outros anos";
  color: var(--cor-destaque);
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  text-align: center;
  display: block;
  margin-bottom: 30px;

}

.timeline .scroll::-webkit-scrollbar-thumb {
  background: var(--cor-70);
}

.timeline:hover .timeline .scroll::-webkit-scrollbar-thumb {
  background: var(--cor-texto);
}


.timeline-tabela .linha {
  border-radius: 5px;
  vertical-align: middle;

  /* remover pra baixo se geral não funcionar para manter por ano */

  display: grid;
  gap: 5px;

}

.timeline .nomelinha {
  font-weight: 900;
}








.com52sem .linha {
  grid-template-columns: repeat(52, 20px);
  gap: 0px;
}

.com53sem .linha {
  display: grid;
  grid-template-columns: repeat(53, 20px);
  gap: 0px;
}


.com36sem .linha {
  display: grid;
  grid-template-columns: repeat(36, 20px);
  gap: 0px;
}


.timeline .item {
  background-color: var(--cor-70);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 20px !important;
}

.timeline #conjunto {
  padding: 0 !important;
  background-color: var(--cor-texto) !important;
  color: var(--cor-100) !important;
  text-align: center;
  display: flex;
  align-items: center;
  /* Centraliza verticalmente */
  justify-content: center;
}

.timeline #conjunto::before {
  align-self: center;
  content: "<>"
}

.timeline #conjunto p {
  display: none !important;
}

.timeline .iniciou {
  margin-left: 10px;
}

.timeline .item p {
  z-index: 9999;
  display: block;
  width: 100%;
  transition: 0.3s;
  position: relative;
  transform: translateX(0%);
  padding-bottom: 0px !important;
}

.timeline .item:hover p {
  font-weight: 900;
  opacity: 1;
  animation: scroll-text 8s linear infinite;
  /* Animação contínua */
}

@keyframes scroll-text {
  0% {
    transform: translateX(0%);
    /* Começa na posição inicial */
    opacity: 1;
    /* Totalmente visível */
  }

  100% {
    transform: translateX(100%);
    /* Sai da tela à esquerda */
    opacity: 0;
    /* Torna-se invisível */
  }
}


















.grade-principal {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px
}

.grade-principal .nomeproducao,
.grade-principal .ano {
  display: none
}

.grade-principal .producao {
  transition: 0.3s
}

.grade-principal .producao:hover {
  transform: scale(1.1)
}


.pagina-telenovela-titulo {
  padding: 20px 0 !important;
  font-weight: 900 !important;
  text-align: left;
  font-size: var(--fonte-30) !important;
  color: var(--cor-texto) !important;
}

.pagina-telenovela-titulo::before {
  margin-right: 6px;
  margin-bottom: 50px;
  display: inline-block;
}


.grade-principal img {
  transition: 0.2s;
  border-radius: 7px
}

.grade-principal img:hover {
  transform: scale(1.03);
  box-shadow: 0px 0px 30px var(--cor-70)
}














.ultimasexibicoes .horario {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 50px
}

.ultimasexibicoes h3 {
  font-size: var(--fonte-20);
  margin-top: 30px
}

.ultimasexibicoes img {
  border-radius: 7px;
  aspect-ratio: 2 / 3;
  transition: 0.2s
}

.ultimasexibicoes img:hover {
  transform: scale(1.03);
  box-shadow: 0px 0px 30px var(--cor-70);
}

.ultimasexibicoes .horario .maisproducoes {
  padding: 30px;
  font-size: 20px;
  line-height: 1.2;
  display: grid;
  align-items: center;
  background: radial-gradient(circle, #1995ee, #0f5d91);
  color: var(--cor-100);
  border-radius: 7px;
  text-align: center;
  font-weight: 900;
}

.ultimasexibicoes .maisproducoes a {
  color: var(--cor-100) !important;
  text-decoration: none !important
}






























.bloco-homepage-fundo {
  border-radius: 12px;
  background-size: cover;
  background-position: top;
  transition: 5s;
  margin-bottom: 20px;
}


.bloco-homepage-fundo:hover {

  background-position: bottom;
}

.bloco-homepage {
  width: calc(100% - 80px);
  padding: 40px;
  align-items: center;
  color: #fff;
  display: grid;
  grid-template-columns: 3fr repeat(5, 1fr) !important;
  grid-template-rows: auto;
  backdrop-filter: blur(200px) !important;
  border-radius: 12px;
  gap: 20px;
  background-color: rgba(0, 0, 0, 0.3);
  grid-template-areas: 'titulo producao1 producao2 producao3 producao4 producao5';
}

.bloco-homepage .emissora img {
  height: 40px;
  filter: brightness(0) invert(1);
}

.bloco-homepage .exibicao-noar::before {
  display: none;
  text-transform: uppercase;
  font-weight: 900;
  padding: 8px 12px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.bloco-homepage .exibicaoanterior::before {
  content: "
 Exibições anteriores"

}

.bloco-homepage .vejamais {
  display: inline-block;
  font-size: var(--fonte-14);
  text-decoration: none;
  color: #fff;
  padding: 8px 12px;
  transition: 0.2s;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.2);
}

.bloco-homepage .descricao {
  font-size: var(--fonte-14);
  line-height: 1.2;
  font-weight: 500
}

.bloco-homepage .vejamais:hover {
  padding: 8px 15px;
}

.bloco-homepage h2 {
  margin: 0 !important;
  display: grid;
  gap: 12px;
  color: #fff !important;
  padding: 0;
  font-size: var(--fonte-20);
  grid-area: titulo
}

.bloco-homepage a img {
  width: 100%;
  aspect-ratio: 2 / 3;
  border-radius: 7px;
  transition: 0.2s
}


.bloco-homepage a img:hover {
  transform: scale(1.05);
}

.bloco-homepage div:nth-of-type(1) {
  grid-area: producao1
}

.bloco-homepage div:nth-of-type(2) {
  grid-area: producao2
}

.bloco-homepage div:nth-of-type(3) {
  grid-area: producao3
}

.bloco-homepage div:nth-of-type(4) {
  grid-area: producao4
}

.bloco-homepage div:nth-of-type(5) {
  grid-area: producao5
}








































.item-post .post-body {
  border: none !important
}














.premiacao .titulo-pagina {
  font-size: var(--fonte-30);
  font-weight: 400;
  height: 40px;
  padding-top: 5px;
}

.premiacao .tipo {
  font-size: var(--fonte-30);
  font-weight: 900
}

.premiacao .premios {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
}

.premiacao .premios .categoria .grade {
  width: 100%;
  display: flex;
  gap: 50px;
}

.premiacao .premios .categoria>div {
  flex: 1
}


.premiacao .categoria {
  border-radius: 15px;
  background-color: #333;
  padding: 30px
}

.premiacao .vencedor,
.premiacao .indicado {
  background-size: cover;
  /* A imagem vai cobrir toda a div */
  background-position: center;
  /* Centraliza a imagem na div */
  background-repeat: no-repeat;
  /* Evita repetição da imagem */
  justify-content: flex-end;
  display: flex;
  /* Define o layout como flex */
  flex-direction: column;
  /* Organiza os itens na vertical */
  aspect-ratio: 2 / 3 !important;
  /* Mantém a proporção */
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
  /* Sombra interna */
  border-radius: 8px;
  text-align: center;
  max-width: 200px;
  width: 200px;
  transition: 0.3s;
  align-self: end;
  /* Alinha o item ao rodapé se estiver dentro de um grid */
  color: #fff;
  position: relative;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  line-height: 1.5
}

.premiacao .indicado {
  filter: saturate(0)
}

.premiacao .indicado:hover {
  filter: saturate(1);
}



.premiacao .serie .infos,
.premiacao .novela .infos {
  display: none
}

.premiacao .infos {
  padding: 15px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);
  border-radius: 8px;
  height: 50%;
  display: grid;
  align-items: end;
}

.premiacao .indicado {
  opacity: 0.6
}

.premiacao .indicado:hover {
  opacity: 1
}

.premiacao .nome-indicado {
  font-weight: 900
}

.nome-producao {
  font-weight: normal;
}





.premiacao .premios .categoria .grade>div:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2)
}


.premiacao .atriz .titulo::before {
  content: "Melhor Atriz"
}

.premiacao .ator .titulo::before {
  content: "Melhor Ator"
}

.premiacao .novela .titulo::before {
  content: "Melhor Telenovela"
}

.premiacao .serie .titulo::before {
  content: "Melhor Série"
}

.premiacao .atrizdeserie .titulo::before {
  content: "Melhor Atriz de Série"
}

.premiacao .atordeserie .titulo::before {
  content: "Melhor Ator de Série"
}

.premiacao .atrizcoadjuvante .titulo::before {
  content: "Melhor Atriz Coadjuvante"
}

.premiacao .atorcoadjuvante .titulo::before {
  content: "Melhor Ator Coadjuvante"
}

.premiacao .jornalismo .titulo::before {
  content: "Jornalismo: Melhor Jornalista"
}

.premiacao .humor-trofeupaulogustavo .titulo::before {
  content: "Humor: Troféu Paulo Gustavo"
}

.premiacao .musica .titulo::before {
  content: "Melhor Música"
}


.premiacao .titulo,
.premiacao .titulo::before {
  height: 30px;
  padding-top: 5px;
  font-size: var(--fonte-25);
  margin-bottom: 15px;
  font-weight: 900;
  color: #fff
}

.premiacao .nome-categoria {
  display: none
}


.premiacao .naohouvecategoria::after,
.premiacao .naohouvepremiacao::after {
  color: #fff;
  font-size: var(--fonte-15);
  margin: 0px 0px 10px 30px;
}

.premiacao .naohouvecategoria::after {
  content: "A categoria não foi apresentada nesse ano."
}

.premiacao .naohouvepremiacao::after {
  content: "Não houve premiação neste ano."
}





.ano1950 .titulo::before {
  content: "1950"
}

.ano1951 .titulo::before {
  content: "1951"
}

.ano1952 .titulo::before {
  content: "1952"
}

.ano1953 .titulo::before {
  content: "1953"
}

.ano1954 .titulo::before {
  content: "1954"
}

.ano1955 .titulo::before {
  content: "1955"
}

.ano1956 .titulo::before {
  content: "1956"
}

.ano1957 .titulo::before {
  content: "1957"
}

.ano1958 .titulo::before {
  content: "1958"
}

.ano1959 .titulo::before {
  content: "1959"
}

.ano1960 .titulo::before {
  content: "1960"
}

.ano1961 .titulo::before {
  content: "1961"
}

.ano1962 .titulo::before {
  content: "1962"
}

.ano1963 .titulo::before {
  content: "1963"
}

.ano1964 .titulo::before {
  content: "1964"
}

.ano1965 .titulo::before {
  content: "1965"
}

.ano1966 .titulo::before {
  content: "1966"
}

.ano1967 .titulo::before {
  content: "1967"
}

.ano1968 .titulo::before {
  content: "1968"
}

.ano1969 .titulo::before {
  content: "1969"
}

.ano1970 .titulo::before {
  content: "1970"
}

.ano1971 .titulo::before {
  content: "1971"
}

.ano1972 .titulo::before {
  content: "1972"
}

.ano1973 .titulo::before {
  content: "1973"
}

.ano1974 .titulo::before {
  content: "1974"
}

.ano1975 .titulo::before {
  content: "1975"
}

.ano1976 .titulo::before {
  content: "1976"
}

.ano1977 .titulo::before {
  content: "1977"
}

.ano1978 .titulo::before {
  content: "1978"
}

.ano1979 .titulo::before {
  content: "1979"
}

.ano1980 .titulo::before {
  content: "1980"
}

.ano1981 .titulo::before {
  content: "1981"
}

.ano1982 .titulo::before {
  content: "1982"
}

.ano1983 .titulo::before {
  content: "1983"
}

.ano1984 .titulo::before {
  content: "1984"
}

.ano1985 .titulo::before {
  content: "1985"
}

.ano1986 .titulo::before {
  content: "1986"
}

.ano1987 .titulo::before {
  content: "1987"
}

.ano1988 .titulo::before {
  content: "1988"
}

.ano1989 .titulo::before {
  content: "1989"
}

.ano1990 .titulo::before {
  content: "1990"
}

.ano1991 .titulo::before {
  content: "1991"
}

.ano1992 .titulo::before {
  content: "1992"
}

.ano1993 .titulo::before {
  content: "1993"
}

.ano1994 .titulo::before {
  content: "1994"
}

.ano1995 .titulo::before {
  content: "1995"
}

.ano1996 .titulo::before {
  content: "1996"
}

.ano1997 .titulo::before {
  content: "1997"
}

.ano1998 .titulo::before {
  content: "1998"
}

.ano1999 .titulo::before {
  content: "1999"
}

.ano2000 .titulo::before {
  content: "2000"
}

.ano2001 .titulo::before {
  content: "2001"
}

.ano2002 .titulo::before {
  content: "2002"
}

.ano2003 .titulo::before {
  content: "2003"
}

.ano2004 .titulo::before {
  content: "2004"
}

.ano2005 .titulo::before {
  content: "2005"
}

.ano2006 .titulo::before {
  content: "2006"
}

.ano2007 .titulo::before {
  content: "2007"
}

.ano2008 .titulo::before {
  content: "2008"
}

.ano2009 .titulo::before {
  content: "2009"
}

.ano2010 .titulo::before {
  content: "2010"
}

.ano2011 .titulo::before {
  content: "2011"
}

.ano2012 .titulo::before {
  content: "2012"
}

.ano2013 .titulo::before {
  content: "2013"
}

.ano2014 .titulo::before {
  content: "2014"
}

.ano2015 .titulo::before {
  content: "2015"
}

.ano2016 .titulo::before {
  content: "2016"
}

.ano2017 .titulo::before {
  content: "2017"
}

.ano2018 .titulo::before {
  content: "2018"
}

.ano2019 .titulo::before {
  content: "2019"
}

.ano2020 .titulo::before {
  content: "2020"
}

.ano2021 .titulo::before {
  content: "2021"
}

.ano2022 .titulo::before {
  content: "2022"
}

.ano2023 .titulo::before {
  content: "2023"
}

.ano2024 .titulo::before {
  content: "2024"
}

.ano2025 .titulo::before {
  content: "2025"
}

.ano2026 .titulo::before {
  content: "2026"
}

.ano2027 .titulo::before {
  content: "2027"
}

.ano2028 .titulo::before {
  content: "2028"
}

.ano2029 .titulo::before {
  content: "2029"
}

.ano2030 .titulo::before {
  content: "2030"
}

.ano2031 .titulo::before {
  content: "2031"
}



















.pagina-pesquisa {
  margin: 10px 0;
  transition: 0.2s;
}

.pagina-pesquisa p {
  margin: 3px 0px
}

.pagina-pesquisa h2 {
  font-size: var(--fonte-20);
  font-weight: 900;
  margin: 20px 0
}

.pagina-pesquisa .resultados {
  display: grid;
  transition: 0.2s;
  width: auto;
  margin: 30px 0px;
  gap: 30px;
  grid-template-columns: repeat(5, minmax(0, calc((100% - (4 * 30px)) / 5)));
}

.pagina-pesquisa .resultados .linha {
  display: grid;
  align-items: center;
  transition: 0.2s;
  grid-template-columns: auto;
}

.pagina-pesquisa .resultados a {
  color: var(--cor-texto);
  text-decoration: none;
  border-radius: 8px;
  background-image: url(https://raw.githubusercontent.com/audienciaon/capas/refs/heads/main/adefinir.png);
  background-size: cover;
}

.pagina-pesquisa .resultados .linha:hover {
  background-color: var(--cor-100)
}

.pagina-pesquisa .resultados .linha img {
  border-radius: 8px;
  aspect-ratio: 2 / 3;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  background-image: url('https://github.com/audienciaon/capas/blob/main/adefinir.png?raw=true')
}

.pagina-pesquisa .resultados .linha img:before {
  content: none;
  /* Remove qualquer conteúdo gerado pelo erro */
}

.pagina-pesquisa .resultados .linha img:not([src]),
.pagina-pesquisa .resultados .linha img[src=""] {
  visibility: hidden;
  /* Esconde apenas o ícone de erro */
}

.pagina-pesquisa .resultados .linha img:hover {
  transform: scale(1.03)
}

.pagina-pesquisa .resultados .info {
  display: none
}


.pagina-pesquisa .resultados .info .horario {
  font-size: var(--fonte-12);
  opacity: 0.5;
}

.pagina-pesquisa .resultados .info .nome-producao {
  font-size: var(--fonte-12);
  font-weight: 900;
  margin: 0px 0
}

.pagina-pesquisa .resultados .info .ano {
  font-size: var(--fonte-12);
  opacity: 0.5;
}

.pagina-pesquisa .resultados .info .autor {
  display: none;
  font-size: 0.1px;
  color: transparent
}


input[type="text"] * {
  color: var(--cor-100) !important;
}

input[type="text"] {
  font-size: var(--fonte-20);
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #fff;
  font-family: var(--font-family)
}


input[type="text"]:focus {
  background-color: #ffffff;
  border: 1px solid #fff;
  font-size: var(--fonte-20);
  padding: 15px;
  font-family: var(--font-family);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2)
}
















.pagina-horario-cabecalho {
  display: grid;
  align-items: stretch;
  grid-template-columns: 2fr 2fr 1.5fr;
  margin: 20px 0px;
  align-items: center !important;
  grid-template-areas:'titulo infos emexibicao';
}


.titulo-horario-cabecalho {
  box-sizing: border-box;
  color: var(--cor-100);
  height: 100%;
  display: grid;
  gap: 30px;
  grid-template-columns: 60px auto;
  grid-area:titulo;
}

.titulo-horario-cabecalho img {
  width: 60px;
  filter: invert(1);
}

.titulo-horario-cabecalho .datatualizacao {
  display: none !important
}

.datatualizacao::before {
  display: block;
  content: "Atualizado em ";
  padding-top: 15px;
  padding-bottom: 5px;
}

.datatualizacao {
  color: var(--cor-100);
  opacity: 0.5
}


.pagina-horario-cabecalho h1 {
  margin: 0 !important;
  line-height: 1.2 !important;
  padding: 5px 0px !important;
  color: var(--cor-100);
  font-size: var(--fonte-40) !important;
  font-weight: 900;
}


.comparacoes-blocos {
  background-image: none !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px !important;
  color: var(--cor-texto);
  overflow: hidden;
}

.comparacoes {
  border-radius: 10px;
}


.comparacoes-horario {
  display: grid;
  border-radius: 10px;
  grid-template-columns: repeat(3, 1fr) 20px repeat(3, 1fr) !important;
  align-items: center;
  text-align: center;
  line-height: 1;
}

.comparacoes-horario .informacao {
  padding: 20px;
  font-weight: 900;
  height: 100%;
  display: grid;
  line-height: 1.5;
  align-self: center;
  aspect-ratio: 18 / 30;
  align-items: center;
  box-sizing: border-box;
  background-color: var(--cor-texto);
  color: var(--cor-100) !important;
}

.autores-horario .comparacoes-horario {
  grid-template-columns: repeat(5, 1fr);
}


.maioresaudiencias .comparacoes-horario,
.menoresaudiencias .comparacoes-horario,
.marcas-horario-geral .comparacoes-horario,
.marcas-horario .comparacoes-horario {
  grid-template-columns: repeat(5, 1fr) !important;
}

.comparacoes-horario.decada2020,
.comparacoes-horario.decada2010,
.comparacoes-horario.decada2000,
.comparacoes-horario.decada1990,
.comparacoes-horario.decada1980,
.comparacoes-horario.decada1970,
.comparacoes-horario.decada1960,
.comparacoes-horario.decada1950 {
  grid-template-columns: repeat(3, 1fr) 20px repeat(3, 1fr) !important;
}

.comparacoes-horario img {
  aspect-ratio: 2 / 3;
  width: 100%;
  border-radius: 8px;
  z-index: 997;
}

.comparacoes-horario .item .infos {
  align-items: center;
  z-index: 10;
  line-height: 1;
  text-align: center;
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 30px;
}



.comparacoes-horario .item .infos .posicao,
.comparacoes-horario .item .infos .audiencia {
  font-size: var(--fonte-20) !important;
  color: var(--cor-100);
  height: calc(100% - 20px);
  align-items: center;
  border-radius: 5px;
  font-weight: 900
}

.comparacoes-horario .item .infos .posicao {
  letter-spacing: -0.5px;
}

.comparacoes-horario .item .infos .posicao::after {
  content: "º"
}

.comparacoes-horario .item .infos .audiencia::after {
  content: "pontos";
  font-size: var(--fonte-12);
  display: block;
  font-weight: normal
}

.autores-horario {
  background-color: var(--cor-texto)
}

.autores-horario img {
  background-image: url('https://raw.githubusercontent.com/audienciaon/capas/refs/heads/main/adefinir.png');
  background-size: cover
}

.autores-horario .comparacoes-horario .item img {
  opacity: 1 !important;
  object-fit: cover !important;
}

.autores-horario .comparacoes-horario .item .infos {
  margin-top: 10px;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  font-size: var(--fonte-12);
  color: #fff
}

.autores-horario .comparacoes-horario .item .infos .nome {
  font-weight: 900
}

.autores-horario .comparacoes-horario .item .infos .novelas-escritas {
  font-size: var(--fonte-12)
}

.autores-horario .comparacoes-horario .item .infos .novelas-escritas::after {
  content: " produções como titular";
  display: inline;
}

.pagina-realityshows .autores-horario .comparacoes-horario .item .infos .novelas-escritas::after {
  content: " produções como apresentador" !important;
  display: inline;
}

.comparacoes-horario .item {
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  transition: 0.3s;
  min-width: 175px !important;
  background-size: cover
}

.comparacoes-horario .item .conteudo {
  padding: 25px;
  height: calc(100% - 50px);
  backdrop-filter: blur(20px) brightness(0.8) !important;
  display: grid;
  grid-template-rows: auto 50px;
}

.comparacoes-horario .qtde-producoes-decada,
.comparacoes-horario .qtde-producoes-decada::after {
  color: var(--cor-texto) !important;
}

.maioresaudiencias .comparacoes-horario .qtde-producoes-decada,
.menoresaudiencias .comparacoes-horario .qtde-producoes-decada::after {
  color: #fff !important;
}

.comparacoes-horario .qtde-producoes-decada {
  font-size: var(--fonte-40);
  font-weight: 900;
  line-height: 1.5;
}

.comparacoes-horario .qtde-producoes-decada::after {
  font-weight: 500;
  padding-bottom: 25px;
  font-size: var(--fonte-14);
  content: "produções iniciaram a sua exibição nessa década";
  display: block
}



.grafico-telenovelas-titulo::before {
  content: "Gráfico da média geral de todas as produções exibidas"
}

.autores-horario-titulo::before {
  content: "Autores com a maior quantidade de produções como titulares"
}

.pagina-realityshows .autores-horario-titulo::before {
  content: "Apresentadores com a maior quantidade de produções como titulares"
}

.maioresaudiencias-titulo::before {
  content: "Maiores audiências de todos os tempos"
}

.menoresaudiencias-titulo::before {
  content: "Menores audiências de todos os tempos"
}

.decada2020-titulo::before {
  content: "Maiores e menores audiências na década de 2020"
}

.decada2010-titulo::before {
  content: "Maiores e menores audiências na década de 2010"
}

.decada2000-titulo::before {
  content: "Maiores e menores audiências na década de 2000"
}

.decada1990-titulo::before {
  content: "Maiores e menores audiências na década de 1990"
}

.decada1980-titulo::before {
  content: "Maiores e menores audiências na década de 1980"
}

.decada1970-titulo::before {
  content: "Maiores e menores audiências na década de 1970"
}

.decada1960-titulo::before {
  content: "Maiores e menores audiências na década de 1960"
}

.decada1950-titulo::before {
  content: "Maiores e menores audiências na década de 1950"
}

.decada1940-titulo::before {
  content: "Maiores e menores audiências na década de 1940"
}

.outraspaginas-titulo::before {
  content: "Outras páginas de horários e categorias de produções da emissora"
}





.autores-horario-titulo::before,
.grafico-telenovelas-titulo::before,
.marcas-horario-titulo::before,
.marcas-horario-geral-titulo::before,
.titulo-barra-pesquisa,
.maioresaudiencias-titulo,
.menoresaudiencias-titulo,
.decada2020-titulo,
.decada2010-titulo,
.decada2000-titulo,
.decada1990-titulo,
.decada1980-titulo,
.decada1970-titulo,
.decada1960-titulo,
.decada1950-titulo,
.decada1940-titulo,
.outraspaginas-titulo {
  font-size: var(--fonte-25) !important;
  font-weight: 900 !important;
  padding-bottom: 20px !important;
  font-family: var(--font-family-title);
  padding-top: 10px !important;
  display: block;
  margin-top: 30px !important;
  line-height: 1.2 !important;
  color: var(--cor-100) !important;
}


.maioresaud-emissora .globo::before {
  content: "Globo"
}


.maioresaud-emissora .linha,
.maioresaud-emissora .espaco {
  min-height: auto !important;
}

.maioresaud-emissora {
  grid-auto-rows: auto !important;
}


.titulo-horario-cabecalho,
.pagina-horario-infos>* {
  padding: 25px !important
}



.pagina-horario-infos {
  box-sizing: border-box;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  border-radius: 10px;
  font-size: var(--fonte-30);
  font-weight: 500;
  line-height: 1.4;
  grid-area:infos;
}


.pagina-horario-infos * {
  color: var(--cor-100) !important;
}

.pagina-horario-infos .primeira-producao-exibida,
.pagina-horario-infos .primeira-producao-exibida::before,
.pagina-horario-infos .qtde-exibicoes::after,
.pagina-horario-infos .qtde-series::after,
.pagina-horario-infos .qtde-temporadas::after,
.pagina-horario-infos .qtde-ineditas::after,
.pagina-horario-infos .qtde-reexibicoes::after {
  font-size: var(--fonte-16) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  display: block !important;


}

.pagina-horario-infos .vazio {
  display: none
}

.pagina-horario-infos .primeira-exibicao {
  font-size: var(--fonte-16) !important;
  font-weight: 900
}

.pagina-horario-infos .primeira-exibicao .primeira-producao-exibida::before {
  content: "tem o primeiro registro do blog em "
}

.pagina-horario-infos .qtde-exibicoes::after {
  content: " exibições no horário"
}

.pagina-horario-infos .qtde-series::after {
  content: " séries já foram exibidas"
}

.pagina-horario-infos .qtde-temporadas::after {
  content: " temporadas de séries já foram exibidas"
}

.pagina-horario-infos .qtde-ineditas::after {
  content: "exibições de produções inéditas"
}

.pagina-horario-infos .qtde-reexibicoes::after {
  content: "produções já foram reexibidas"
}

.pagina-horario-noar {
  box-sizing: border-box;
  background-size: cover;
  border-radius: 10px;
  height: 100% !important;
  grid-row: 1 / 4;
  text-align: center;
  grid-area: emexibicao;
}


.pagina-horario-noar .conteudo {
  height: 100%;
  box-sizing: border-box;
  padding: 30px !important;
  border-radius: 8px !important;
  backdrop-filter: blur(30px) !important;
  display: grid;
  align-items: center;
  grid-template-rows: auto 30px;
}

.pagina-horario-noar .topo {
  display: none
}

.pagina-horario-noar .tag-noar {
  display: inline;
}

.pagina-horario-noar .tag-noar::before {
  content: "no ar";
}

.pagina-horario-noar .tag-acesse::before {
  content: "acesse";
}

.pagina-horario-noar .tag-acesse::before,
.pagina-horario-noar .tag-noar::before {
  padding: 5px 10px;
  margin: auto 5px;
  border-radius: 4px;
  font-weight: 900;
  font-size: var(--fonte-15);
  color: var(--cor-100);
  background-color: #00000033
}

.pagina-horario-noar img {
  margin: auto auto;
  width: 100% !important;
  border-radius: 4px;
  aspect-ratio: 2 / 3 !important;
}

.pagina-horario-noar .emexibicao,
.pagina-horario-noar .finalizada {
  color: var(--cor-100);
  text-shadow: 0px 0px 20px #000000aa
}

.pagina-horario-noar .emexibicao::before {
  content: "desde ";
  display: inline
}

.pagina-horario-noar .finalizada::before {
  content: "Encerrou em ";
  display: inline
}





.carrossel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 30px auto 30px;
}

.outraspaginas {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 0px 40px;
}

.outraspaginas::-webkit-scrollbar {
  display: none;
}

/* Card wrapper */
.outraspaginas>a {
  position: relative;
  flex: 0 0 auto;
  height: 200px;
  /* altura fixa */
  display: block;
  text-decoration: none;
  color: #000;
  background-size: cover;
  border-radius: 5px;
}

/* Proporção 2:3 
.outraspaginas>a>span {
  display: block;
  backdrop-filter: blur(20px);
  padding: 30px;
  box-sizing: border-box;
  font-weight: 700;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
  background: radial-gradient(circle,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.2) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  font-size: var(--fonte-16);
}
*/

/* Setas */
.outraspaginas .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #00000050;
  color: #fff;
  border: none;
  font-size: 20px;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
}

.outraspaginas .arrow-left {
  left: 0;
}

.outraspaginas .arrow-right {
  right: 0;
}



/*
  .outraspaginas::before {
    content: "Outros links";
    display: block;
  grid-area:outraspaginas-titulo;
    font-weight: bold;
    font-size: 18px;
  color:var(--cor-100) !important;
    margin-bottom: 10px;
}
  */

.outraspaginas-titulo,
.carrossel-container {
  display: none !important;
}



.marcas-horario-titulo::before {
  content: "As últimas marcas de audiência atingidas por um capítulo"
}

.marcas-horario-geral-titulo::before {
  content: "As últimas marcas de audiência atingidas pela média geral da produção"
}



.marcas-horario-geral .comparacoes-horario .item .infos {
  grid-template-columns: 2fr 3fr
}

.marcas-horario .comparacoes-horario .item .infos {
  grid-template-columns: 1fr 1fr
}


.comparacoes .calendario-marcas {
  padding: 0px !important;
  color: #fff !important;
  line-height: 1.3 !important;
  background-color: transparent !important;
}

.comparacoes .calendario-marcas .dia {
  font-size: var(--fonte-14) !important;
  font-weight: 900 !important;
}

.comparacoes .calendario-marcas .mes {
  font-size: var(--fonte-12) !important;
  font-weight: 900 !important;
}

.comparacoes .calendario-marcas .ano {
  font-size: var(--fonte-12) !important;
  font-weight: 600 !important;
}



.comparacores-horario .item:nth-child(3) {
  margin-right: 10px
}

.comparacores-horario .item:nth-child(4) {
  margin-left: 10px
}









.espaco {
  padding: 20px 0px
}























.series .temporadas-titulo::before {
  content: 'Temporadas, episódios e média de audiência das temporadas'
}

.series .media-temporadas-titulo::before {
  content: 'Média de audiência por temporada'
}

.series .temporadas {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px
}

.series .umatemporada {
  display: grid !important;
  grid-template-columns: 1fr 4fr;
}

.info-temporada {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.series .umatemporada .infos {
  height: calc(100% - 60px);
  padding: 30px;
  backdrop-filter: blur(20px) brightness(0.8) !important;
}

.series .infos img {
  margin: 0 auto;
  border-radius: 5px;
  max-width: 80%;
  grid-area: imagem;
  padding-bottom: 10px
}

.series .umatemporada .infos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 10px;
  column-gap: 30px;
  text-align: center !important;
  grid-template-areas: 'imagem imagem' 'ano ano' 'episodios audiencia'
}

.series .umatemporada .ano {
  color: #fff;
  align-items: center;
  border-radius: 5px;
  font-weight: 900;
  text-align: center;
  grid-area: ano
}

.series .umatemporada .episodios {
  grid-area: episodios
}

.series .umatemporada .audiencia {
  grid-area: audiencia
}

.series .umatemporada .episodios::after {
  content: 'episódios';
  display: block
}

.series .umatemporada .audiencia::after {
  content: 'pontos';
  display: block
}


.series .umatemporada .episodios,
.series .umatemporada .audiencia {
  color: #fff;
  height: calc(100% - 20px);
  align-items: center;
  border-radius: 5px;
  font-weight: 900;
  letter-spacing: -0.5px;
  line-height: 1.2;
  font-size: 24px;
}

.series .umatemporada .episodios::after,
.series .umatemporada .audiencia::after {
  font-size: var(--fonte-12);
  display: block;
  font-weight: normal;
  letter-spacing: -0px;
}

.series .cabecalho .qtde-temporadas {
  display: inline;
  margin-right: 4px;
}

.series .cabecalho .qtde-temporadas::before {
  content: ', com ' !important;
  opacity: 0.5;
}

.series .cabecalho .capitulos::before {
  content: ' em ' !important
}

.realityshows .cabecalho .capitulos::after,
.series .cabecalho .capitulos::after {
  margin-left: 4px;
  content: 'episódios' !important
}

.programa .cabecalho .capitulos::after {
  margin-left: 4px;
  content: 'exibições' !important
}

.programa.noar .cabecalho .capitulos::after {
  margin-left: 4px;
  content: 'exibições até agora' !important
}

.series .dia-dom::before {
  content: "na Faixa de Shows dos domingos"
}

.series .dia-seg::before {
  content: "na Faixa de Shows das segundas-feiras"
}

.series .dia-ter::before {
  content: "na Faixa de Shows das terças-feiras"
}

.series .dia-qua::before {
  content: "na Faixa de Shows das quartas-feiras"
}

.series .dia-qui::before {
  content: "na Faixa de Shows das quintas-feiras"
}

.series .dia-sex::before {
  content: "na Faixa de Shows das sextas-feiras"
}

.series .dia-sab::before {
  content: "na Faixa de Shows dos sábados"
}


.series .cabecalho .horario::before {
  content: " exibida " !important;
}



.series .grade-comparacao .pricap::before {
  content: "No primeiro episódio" !important
}

.series .grade-comparacao .ultcap::before {
  content: "No último episódio" !important
}






























/* MOBILE */

@media (max-width: 1000px) {

  /* HOME */

  #principal{
    padding:30px !important;
  }

#principal h1{
  font-size:var(--fonte-30) !important;
}






























/* Regular largura página */

main{
  display:block !important;
  height:auto !important;
  margin:auto !important;
  padding:0px !important;
  max-width:100% !important;
}

/* Regular margem do cabeçalho */

header nav{
  margin:20px 0px !important;
}

/* Diminuir padding dos elementos */

.publicacao > *,
.info3 > *,
.info4 > *{
  padding:30px 15px !important
}

/* colocar os elementos abaixo */

/*

.publicacao>div:not([class*="titulo"]){
  display:block !important;
}

/* Tamanho da fonte dos títulos */

h3,
.grafico-comparacao-temporadas-titulo,
.info3-titulo::before,
.grafico-diaria-titulo::before,
.grafico-acumulado-titulo::before,
.calendario-titulo::before,
.calendario-media-titulo::before,
.linhadotempo-titulo::before,
.linktemporadas-titulo::before,
.capitulosacumulados-titulo::before,
.grafico-comparacao-titulo::before,
.elevacaoshare-titulo::before,
.subtitulo::before {
  font-size:var(--fonte-20) !important;
  font-weight:500 !important;
}

/* Mostrar apenas 3 últimos na linha do tempo */
/* Ocultar média semanal */

.linhadotempo > :nth-child(1),
.linhadotempo > :nth-child(2),
.grade-tabela > :nth-child(2){
  display: none !important;
}

.publicacao{
  gap:20px !important;
}

.cabecalho .producao{
  padding:20px 0px !important;
  font-size:var(--fonte-20) !important;
}

.informacoes{
  grid-template-columns:1fr;
  gap:30px !important;

}

.info2 img{ 
  max-width: 60% !important;
  width:200px !important;
  margin:0 auto !important;
  align-self:center !important;
}


.info3 .audpricap,
.info3 .menoraud,
.info3 .maioraud,
.info3 .audultcap,
.info3 .nameta,
.info4 .audpricap,
.info4 .menoraud,
.info4 .maioraud,
.info4 .audultcap,
.info4 .nameta,
.sharesp,
.sharerj,
.sharepnt,
.elevacaosp,
.elevacaorj,
.elevacaopnt,
.info4 .cap25,
.info4 .cap50,
.info4 .cap100,
.info4 .cap150,
.info4 .cap150,
.info4 .totalcap {
  border-radius:8px;
  background-color:var(--cor-30-fade) !important;
}

.grafico-diaria{
  height:40vh !important;
}

.grade-tabela{
  grid-template-columns:1fr !important;
}

.grade-comparacao{
  display:grid !important;
  gap:30px;
  grid-template-columns:1fr;
}

.info3, .info4{
  display: contents !important;
  gap:15px !important;
  grid-template-columns: repeat(2, 1fr) !important;
  background-color:transparent;
  padding:0 !important;
}


.linhadotempo{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:10px !important;
}

.info1{
  gap:20px !important
}

.cabecalho .links > *{
  margin-bottom:10px !important;
}

.campopesquisa::after{
  content:"" !important;
}

.calendario *{
  font-size:var(--fonte-12) !important;
  font-family:var(--font-family-condensed) !important;
}

.calendario .linha .ordem,
.calendario-media .linha .ordem,
.calendario .linha .inicio,
.calendario .linha .fim,
.calendario .linha .dia1,
.calendario .linha .dia2,
.calendario .linha .dia3,
.calendario .linha .dia4,
.calendario .linha .dia5,
.calendario .linha .dia6,
.calendario .linha .dia7,
.calendario-media .linha .mediasp,
.calendario-media .linha .mediarj,
.calendario-media .linha .mediapnt {
  padding:4px 0px !important
}

.calendario .linha{
  gap:3px !important;
  grid-template-areas: 'ordem inicio dia1 dia2 dia3 dia4 dia5 dia6 dia7' !important;
  grid-template-columns: 0.6fr 1.5fr repeat(7, 1fr) !important;
}

.calendario .linha .fim{
  display:none !important
}


.linhadotempo .col1,
.linhadotempo .col2,
.linhadotempo .col3,
.linhadotempo .col4,
.linhadotempo .col5 {
  padding:0 !important;
}


.versoes {
  grid-template-columns:1fr !important;
}



/* PÁGINAS */

.pagina-horario-cabecalho{
    grid-template-columns: 1fr !important;
    grid-template-areas:
        'titulo'
        'infos'
        'emexibicao' !important;
}

.pagina-horario-noar .conteudo{
  padding:40px 80px !important;
}

.comparacoes {
  overflow-x: auto;       /* permite scroll horizontal */
  scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
    width: calc(100vw - 20px) !important;
    border-radius: 10px !important;
}

.comparacoes-horario::-webkit-scrollbar {
  display: none;          /* Chrome, Safari e Opera */
}



.autores-horario .comparacoes-horario {
  width: calc(100vw - 20px) !important;
  grid-template-columns:repeat(2, 1fr) !important;
}

.titulo{
  padding-left:20px !important;
  padding-right:20px !important;
}


.pagina-pesquisa .resultados{
  grid-template-columns:repeat(3, 1fr) !important;
}


.titulo-horario-cabecalho{
  grid-template-columns:1fr !important;
}







}