/* Protocolo Glicongoya · página de vídeo · tema claro travado */
:root {
  color-scheme: light;
  --vermelho: #d7261c;
  --vermelho-escuro: #a61a12;
  --verde: #1f9d55;
  --azul: #2563eb;
  --texto: #1b1b1b;
  --cinza: #6b6b6b;
  --fundo: #ffffff;
  --fundo-suave: #f4f5f7;
  --borda: #e3e5e8;
  --largura: 560px;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--fundo); }
body {
  font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  color: var(--texto);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
u { text-decoration-color: var(--vermelho); text-underline-offset: 3px; }

/* topo vermelho */
.topo {
  background: var(--vermelho);
  color: #fff;
  text-align: center;
  padding: 10px 16px;
}
.topo p { margin: 0; }
.topo__data { font-size: 15px; font-weight: 800; }
.topo__aviso { font-size: 14px; font-weight: 600; opacity: .95; }

.conteudo {
  max-width: var(--largura);
  margin: 0 auto;
  padding: 14px 16px 24px;
}

/* manchete */
.manchete { text-align: center; }
.manchete__alerta {
  display: inline-block;
  margin: 4px 0 2px;
  font-size: 17px;
  font-weight: 900;
}
.manchete__alerta span {
  background: #fff3c4;
  border: 2px solid #f0b400;
  color: #8a2d00;
  padding: 2px 10px;
  border-radius: 6px;
}
.manchete__sub {
  margin: 4px 0 6px;
  color: var(--vermelho);
  font-weight: 900;
  font-size: 15px;
  text-decoration: underline;
}
.manchete__titulo {
  margin: 0 0 14px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 800;
}

/* vídeo */
.video__caixa {
  position: relative;
  width: 100%;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,.18);
}
.video__caixa vturb-smartplayer { aspect-ratio: 16 / 9; }
.video__aviso {
  margin: 0;
  background: #111;
  color: #ffd84d;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  padding: 7px 10px;
}

/* ao vivo */
.ao-vivo {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin: 16px 0 10px;
  color: #333;
}
.ao-vivo strong { color: var(--vermelho); font-weight: 900; }
.ao-vivo__ponto {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--vermelho);
  margin-right: 6px;
  animation: pulsar 1.2s infinite;
  vertical-align: middle;
}
@keyframes pulsar {
  0% { box-shadow: 0 0 0 0 rgba(215,38,28,.6); }
  70% { box-shadow: 0 0 0 9px rgba(215,38,28,0); }
  100% { box-shadow: 0 0 0 0 rgba(215,38,28,0); }
}

/* atualização */
.atualizacao { text-align: center; margin: 6px 0 14px; }
.atualizacao__tarja {
  background: #fff;
  border: 2px solid var(--vermelho);
  color: var(--vermelho);
  font-weight: 900;
  font-size: 15px;
  letter-spacing: .3px;
  padding: 8px 10px;
  border-radius: 6px;
}
.atualizacao__txt { margin: 6px 0 0; font-size: 12px; color: var(--cinza); }

/* selos */
.selos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 10px 0 22px;
}
.selo {
  background: var(--fundo-suave);
  border: 1px solid var(--borda);
  border-radius: 10px;
  padding: 10px 4px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #333;
  line-height: 1.25;
}
.selo__ico { display: block; font-size: 22px; margin-bottom: 4px; }

/* comentários */
.comentarios__cabeca {
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 12px;
  color: #333;
}
.coment {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}
.coment--resposta { margin-left: 44px; }
.coment__foto {
  width: 40px; height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
  background: #ddd;
}
.coment--resposta .coment__foto { width: 32px; height: 32px; }
.coment__corpo { flex: 1; min-width: 0; }
.coment__balao {
  background: var(--fundo-suave);
  border-radius: 14px;
  padding: 8px 12px;
}
.coment__nome { font-weight: 800; font-size: 13.5px; color: #050505; margin: 0 0 2px; }
.coment__txt { margin: 0; font-size: 14px; color: #111; }
.coment__txt .marca { color: var(--azul); font-weight: 700; }
.coment__acoes {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--cinza);
  margin: 4px 0 0 10px;
  font-weight: 700;
}
.coment__acoes .sep { opacity: .6; }
.coment__curtidas {
  margin-left: auto;
  background: #fff;
  border: 1px solid var(--borda);
  border-radius: 12px;
  padding: 1px 7px;
  font-weight: 700;
  color: #333;
}
.comentarios__login {
  text-align: center;
  color: var(--cinza);
  font-size: 13px;
  margin: 20px 0 0;
}

/* rodapé */
.rodape {
  background: var(--fundo-suave);
  border-top: 1px solid var(--borda);
  padding: 22px 16px 30px;
  text-align: center;
  color: #555;
  font-size: 12px;
}
.rodape__bloco { max-width: var(--largura); margin: 0 auto 14px; }
.rodape h3 { margin: 0 0 4px; font-size: 13px; color: #333; }
.rodape p { margin: 0; }
.rodape__copy { margin-top: 18px; color: #777; }

@media (min-width: 600px) {
  .manchete__titulo { font-size: 20px; }
  .manchete__alerta { font-size: 20px; }
  .selo { font-size: 12px; }
}