/* Cotações de Mercado GuiaWP — ticker da home + data abaixo do clima
   @author Negócios Assis
   @since 1.0.0 - 2026-07-31 */

.cmgw-secao {
	margin: 0;
	/* full-bleed: garante largura total mesmo que o elemento seguinte à
	   seção do hero esteja dentro de algum wrapper centralizado. */
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

/* Data injetada abaixo do widget de clima nativo (.gcep-wx-hero-inline) */
.cmgw-data-hoje {
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	opacity: .85;
	margin-top: 4px;
}

/* Ticker corrido, estilo InfoMoney: faixa escura, rolagem contínua */
.cmgw-ticker {
	background: #0f172a;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.cmgw-ticker::before, .cmgw-ticker::after {
	content: '';
	position: absolute; top: 0; bottom: 0; width: 40px; z-index: 2; pointer-events: none;
}
.cmgw-ticker::before { left: 0; background: linear-gradient(90deg, #0f172a, transparent); }
.cmgw-ticker::after  { right: 0; background: linear-gradient(-90deg, #0f172a, transparent); }

.cmgw-ticker__track {
	display: flex; align-items: center; width: max-content;
	animation: cmgw-rolar 45s linear infinite;
}
.cmgw-ticker:hover .cmgw-ticker__track { animation-play-state: paused; }

@keyframes cmgw-rolar {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); } /* a lista está duplicada no HTML, então 50% = 1 volta completa */
}

.cmgw-ticker__item {
	display: flex; align-items: center; gap: 6px;
	padding: 12px 20px;
	border-right: 1px solid rgba(255,255,255,.08);
	white-space: nowrap;
	flex-shrink: 0;
}
.cmgw-ticker__icone { font-size: 16px; color: #64748b; }
.cmgw-ticker__label { font-size: 12px; font-weight: 800; color: #cbd5e1; letter-spacing: .02em; }
.cmgw-ticker__valor { font-size: 13px; font-weight: 700; color: #fff; }

.cmgw-ticker__variacao {
	display: inline-flex; align-items: center; font-size: 12px; font-weight: 800;
}
.cmgw-ticker__variacao .material-symbols-outlined { font-size: 16px; }
.cmgw-ticker__variacao--alta  { color: #34d399; }
.cmgw-ticker__variacao--baixa { color: #f87171; }

@media (prefers-reduced-motion: reduce) {
	.cmgw-ticker__track { animation: none; }
}

/* Barra de topo (temperatura + data) em todas as páginas, exceto a home
   @since 1.4.0 */
.cmgw-topbar {
	display: flex; align-items: center; justify-content: center; gap: 20px;
	background: #0f172a;
	color: #cbd5e1;
	font-size: 12px; font-weight: 600;
	padding: 7px 16px;
	flex-wrap: wrap;
}
.cmgw-topbar__item { display: inline-flex; align-items: center; gap: 5px; }
.cmgw-topbar__item .material-symbols-outlined { font-size: 15px; color: #64748b; }
.cmgw-topbar__data { text-transform: none; }