/* 1001 Noticias - News Ticker
   As cores caem para as variaveis do tema quando existirem. */

.n1001-ticker{
	--n1001-ticker-fundo:#e8321a;
	--n1001-ticker-texto:#ffffff;
	--n1001-ticker-rotulo:#0b1233;
	display:flex;
	align-items:stretch;
	width:100%;
	overflow:hidden;
	background:var(--n1001-ticker-fundo);
	color:var(--n1001-ticker-texto);
	font-family:var(--n1001-fonte-texto,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);
	line-height:1.2;
}

.n1001-ticker__rotulo{
	display:flex;
	align-items:center;
	flex:0 0 auto;
	padding:0 20px;
	background:var(--n1001-ticker-rotulo);
	color:#fff;
	font-size:13px;
	font-weight:700;
	letter-spacing:1.6px;
	text-transform:uppercase;
	white-space:nowrap;
}

.n1001-ticker__janela{
	position:relative;
	flex:1 1 auto;
	min-width:0;
	overflow:hidden;
	padding:13px 0;
}

.n1001-ticker__trilha{
	display:flex;
	width:max-content;
	animation:n1001-ticker-anda var(--n1001-ticker-dur,40s) linear infinite;
	will-change:transform;
}

.n1001-ticker__grupo{
	display:flex;
	align-items:center;
	white-space:nowrap;
	padding-left:20px;
}

.n1001-ticker__item{
	color:var(--n1001-ticker-texto);
	font-size:16px;
	font-weight:500;
	text-decoration:none;
}

.n1001-ticker__item:hover,
.n1001-ticker__item:focus{
	color:var(--n1001-ticker-texto);
	text-decoration:underline;
}

.n1001-ticker__sep{
	padding:0 16px;
	opacity:.6;
}

@keyframes n1001-ticker-anda{
	from{transform:translateX(0)}
	to{transform:translateX(-50%)}
}

/* Pausa ao passar o mouse ou ao focar um link pelo teclado. */
.n1001-ticker--pausa:hover .n1001-ticker__trilha,
.n1001-ticker--pausa:focus-within .n1001-ticker__trilha{
	animation-play-state:paused;
}

/* Sem JS a duracao padrao do CSS assume o controle: a faixa roda igual. */

@media(max-width:767px){
	.n1001-ticker__rotulo{padding:0 14px;font-size:11px;letter-spacing:1.2px}
	.n1001-ticker__item{font-size:15px}
	.n1001-ticker__janela{padding:11px 0}
}

/* Respeita quem pediu menos animacao no sistema. */
@media(prefers-reduced-motion:reduce){
	.n1001-ticker__trilha{animation:none;width:auto}
	.n1001-ticker__janela{overflow-x:auto}
	.n1001-ticker__grupo[aria-hidden="true"]{display:none}
}