/* Aba Tempo completa — hero + 24h + N dias. */
.wf-tempo {
	--wf-ink: #1a1e2a;
	--wf-mut: #7a8294;
	--wf-line: #eceef2;
	display: flex;
	flex-direction: column;
	gap: 18px;
	color: var(--wf-ink);
	font-family: inherit;
}
.wf-tempo__hero {
	display: flex; align-items: center; gap: 18px;
	padding: 18px 20px; border-radius: 18px;
	background: linear-gradient(135deg, #eaf3fb, #f4f5f7);
	border: 1px solid var(--wf-line);
}
.wf-tempo__hero-icon svg { width: 72px; height: 72px; }
.wf-tempo__hero-main { display: flex; flex-direction: column; }
.wf-tempo__hero-temp { font-size: 40px; font-weight: 800; line-height: 1; }
.wf-tempo__hero-meta { font-size: 13px; color: var(--wf-mut); margin-top: 6px; }

.wf-tempo__h3 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--wf-mut); margin: 0 0 10px; }

.wf-tempo__hours { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; }
.wf-tempo__hour {
	flex: 0 0 auto; width: 62px;
	display: flex; flex-direction: column; align-items: center; gap: 4px;
	padding: 10px 6px; border-radius: 12px; background: #f4f5f7;
}
.wf-tempo__hour-h { font-size: 11px; color: var(--wf-mut); font-weight: 600; }
.wf-tempo__hour-i svg { width: 30px; height: 30px; }
.wf-tempo__hour-t { font-size: 14px; font-weight: 800; }

.wf-tempo__days { display: flex; flex-direction: column; gap: 6px; }
.wf-tempo__day {
	display: grid; grid-template-columns: 1.4fr 44px 1.4fr auto; align-items: center; gap: 10px;
	padding: 10px 12px; border-radius: 12px; border: 1px solid var(--wf-line);
}
.wf-tempo__day-d { font-size: 14px; font-weight: 700; }
.wf-tempo__day-i svg { width: 34px; height: 34px; }
.wf-tempo__day-t { font-size: 14px; color: var(--wf-mut); }
.wf-tempo__day-t b { color: var(--wf-ink); }
.wf-tempo__day-uv { font-size: 12px; color: var(--wf-mut); text-align: right; }
.wf-tempo__empty { font-size: 13px; color: var(--wf-mut); }

@media (max-width: 480px) {
	.wf-tempo__day { grid-template-columns: 1fr 38px 1fr; }
	.wf-tempo__day-uv { display: none; }
}