header {
	height: 200px;
	background-color:#333366;
}

.menu-bottom {
	background: #09a3ad;
}

.menu-bottom .nav-link {
	color: #fff !important;
	padding: 12px 20px;
	font-weight: 500;
}

.menu-bottom .nav-link:hover {
	background: rgba(255, 255, 255, 0.2);
}

/* Ajustes r�pidos � opcional */
	.navbar { box-shadow: 0 2px 6px rgba(0,0,0,.06); }
	.nav-link { font-weight: 500; }
	.navbar-brand { font-weight: 700; letter-spacing: .3px; }
	/* Deixa o bot�o "Ativo" mais vis�vel */
	.nav-link.active {
	  border-bottom: 3px solid #ff7a00;
	  color: inherit;
	}

.navbar-nav .nav-link {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

nav ul li a {
  color: #000;
  padding: 10px 15px;
  display: block;
  text-decoration: none;
}

nav ul li a:hover {
  background: #efefef; /* muda o fundo */
  color: #000;         /* muda a cor do texto */
}

/* �REA PRETA DO PLAYER + NOT�CIAS */
.content-area {
	background: #000;
	padding-top: 20px;
	padding-bottom: 20px;
}

.news-thumb {
	width: 120px;
	height: 80px;
	flex-shrink: 0;
}

.news-item {
	padding: 12px 0;
	border-bottom: 1px solid #444;
}

.news-item a {
	color: #fff;
	font-weight: 500;
	text-decoration: none;
}

.news-item a:hover {
	text-decoration: underline;
}

/* SE��O DE DESTAQUES */
.highlights-section {
	background: #fff;
	padding: 30px 0;
}

.highlight-box {
	display: flex;
	background: #333366;
	padding: 12px;
	border-radius: 6px;
	margin-bottom: 20px;
}

.highlight-thumb {
	width: 140px;
	height: 90px;
	background: #fff;
	border-radius: 4px;
	flex-shrink: 0;
}

.highlight-content {
	margin-left: 15px;
	color: #fff;
}

.highlight-content h5 {
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
}

.highlight-content p {
	margin: 5px 0 0 0;
	font-size: 0.85rem;
	color: #bbb;
}
.big-feature-section {
	background: #fff;
	padding: 40px 0;
}

.big-feature-box {
	margin-bottom: 30px;
}

.big-feature-thumb {
	width: 100%;
	height: 250px;
	background: #333;
	border-radius: 6px;
}

.big-feature-text {
	margin-top: 12px;
	color: #000;
	font-size: 0.95rem;
}

.video-section {
	background: #fff;
	padding: 40px 0;
}

.video-box {
	margin-bottom: 30px;
}

.video-title {
	color: #000;
	font-size: 0.95rem;
	margin-top: 8px;
}
.footer-3col {
	background: #333366;
	color: #fff;
	height: 100px;
	display: flex;
	align-items: center;
	padding: 0 30px;
}

.footer-3col .col {
	flex: 1;
	text-align: center;
}

.footer-3col img {
	height: 60px;
	object-fit: contain;
}

.footer-links a {
	color: #fff;
	margin: 0 10px;
	text-decoration: none;
}

.footer-links a:hover {
	text-decoration: underline;
}

.footer-social a {
	margin: 0 8px;
	color: #fff;
	font-size: 1.2rem;
	text-decoration: none;
}

.footer-social a:hover {
	opacity: 0.7;
}


/* responsivo: mant�m 16:9 e ocupa largura dispon�vel */
.video-container { max-width: 1000px; margin: 24px auto; }
.video-js { width: 100%; height: auto; }

/* TICKER - estilo base */
.ticker-wrapper {
  width: 100%;
  background: #2fa24a;            /* verde */
  color: #ffffff;                 /* branco */
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  font-weight: 600;
  --ticker-gap: 3rem;             /* espa�o entre itens */
  --ticker-speed: 100;            /* px por segundo (ajuste a velocidade) */
}

/* viewport garante overflow escondido */
.ticker-viewport {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* track ser� animado via transform */
.ticker-track {
  display: inline-flex;
  align-items: center;
  gap: var(--ticker-gap);
  will-change: transform;
  /* a anima��o ser� aplicada via JS definindo vari�veis CSS:
     --ticker-distance (px) e --ticker-duration (s) */
  animation-name: tickerScroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

/* cada item */
.ticker-item {
  display: inline-block;
  padding: 0.75rem 0;
  font-size: 0.95rem;
  line-height: 1;
  margin: 0;
}

/* pausa no hover/focus */
.ticker-wrapper:hover .ticker-track,
.ticker-wrapper:focus .ticker-track,
.ticker-wrapper.ticker-paused .ticker-track {
  animation-play-state: paused !important;
}

/* acessibilidade: indicador visual quando focado */
.ticker-wrapper:focus {
  outline: 3px solid rgba(255,255,255,0.15);
  outline-offset: -3px;
}

/* keyframes � a dist�ncia real ser� controlada via CSS var set no JS */
@keyframes tickerScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(var(--ticker-distance) * -1px)); }
}

/* responsividade: diminuir fonte em telas pequenas */
@media (max-width: 576px) {
  .ticker-item { font-size: 0.85rem; padding: 0.6rem 0; }
}