/* Resultados da Loteria GuiaWP — front-end
   @author Negócios Assis
   @since 1.0.0 - 2026-07-22 */

.ltgw-wrapper {
	max-width: 1280px; margin: 32px auto; padding: 0 16px;
}

.ltgw-titulo {
	display: flex; align-items: center; gap: 8px;
	font-size: 24px; font-weight: 800; color: #0f172a;
	margin: 0 0 14px;
}
.ltgw-titulo .material-symbols-outlined { font-size: 22px; color: #94a3b8; }
@media (min-width: 768px) {
	.ltgw-titulo { font-size: 30px; }
}

.ltgw-grid {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
}

.ltgw-card {
	background: #fff; border: 1px solid #e5e7eb; border-radius: 16px;
	padding: 14px 16px;
}

.ltgw-card__topo { display: flex; flex-direction: column; gap: 1px; margin-bottom: 8px; }
.ltgw-card__nome { font-size: 13px; color: #1e293b; }
.ltgw-card__concurso { font-size: 11px; color: #94a3b8; }

.ltgw-dezenas { display: flex; flex-wrap: wrap; gap: 5px; }
.ltgw-bola {
	display: inline-flex; align-items: center; justify-content: center;
	width: 26px; height: 26px; border-radius: 9999px;
	background: #1a3c5e; color: #fff;
	font-size: 11px; font-weight: 700;
}

.ltgw-acumulou {
	margin-top: 8px; font-size: 11px; color: #b45309;
	background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px;
	padding: 6px 8px;
}
.ltgw-acumulou strong { color: #92400e; }

/* Transparência: "Verificado às HH:MM · fonte" — @since 1.1.0 */
.ltgw-card__rodape {
	display: flex; align-items: center; gap: 4px;
	margin-top: 8px; padding-top: 8px; border-top: 1px dashed #e2e8f0;
	font-size: 10px; color: #94a3b8;
}
.ltgw-card__rodape .material-symbols-outlined { font-size: 12px; color: #22c55e; }