/* Card de condição de pico — reutilizado por Favoritos e Próximos. */
.wf-card {
	--wf-ink: #1a1e2a;
	--wf-mut: #7a8294;
	--wf-line: #eceef2;
	--wf-red: #fe0000;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
	border: 1px solid var(--wf-line);
	border-radius: 16px;
	background: #fff;
	color: var(--wf-ink);
	font-family: inherit;
}
.wf-card__head { display: flex; align-items: flex-start; gap: 8px; }
.wf-card__title { flex: 1 1 auto; min-width: 0; }
.wf-card__name { margin: 0; font-size: 16px; font-weight: 800; line-height: 1.2; }
.wf-card__loc { font-size: 12px; color: var(--wf-mut); }
.wf-card__main { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #fff; background: var(--wf-red); padding: 3px 8px; border-radius: 999px; white-space: nowrap; }
.wf-card__heart {
	width: 30px; height: 30px; flex: 0 0 auto; border: 0; cursor: pointer;
	background: transparent; border-radius: 50%;
	-webkit-mask: center/20px no-repeat; mask: center/20px no-repeat;
}
.wf-card__heart {
	background-color: #d0d6e3;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-10-9.2C.3 8.4 1.8 4.7 5.3 4.2 7.4 3.9 9.3 5 12 7.6c2.7-2.6 4.6-3.7 6.7-3.4 3.5.5 5 4.2 3.3 7.6C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-10-9.2C.3 8.4 1.8 4.7 5.3 4.2 7.4 3.9 9.3 5 12 7.6c2.7-2.6 4.6-3.7 6.7-3.4 3.5.5 5 4.2 3.3 7.6C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");
}
.wf-card__heart.is-fav { background-color: var(--wf-red); }

.wf-card__body { display: flex; gap: 14px; align-items: center; }
.wf-card__score { display: flex; flex-direction: column; align-items: center; min-width: 64px; }
.wf-card__score-val { font-size: 32px; font-weight: 800; line-height: 1; color: var(--wf-score-color, #9ca3af); }
.wf-card__score-lbl { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--wf-mut); margin-top: 2px; }
.wf-card__metrics { flex: 1 1 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; margin: 0; }
.wf-card__metric { display: flex; flex-direction: column; }
.wf-card__metric dt { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--wf-mut); }
.wf-card__metric dd { margin: 0; font-size: 13px; font-weight: 700; }
.wf-card__wtype { font-style: normal; font-weight: 700; color: var(--wf-red); font-size: 11px; }

.wf-card__cta {
	display: inline-block; text-align: center; font-size: 13px; font-weight: 700;
	padding: 9px 12px; border-radius: 10px; text-decoration: none;
	color: var(--wf-ink); background: #f4f5f7;
}
.wf-card__cta:hover { background: #eceef2; }

@media (max-width: 420px) {
	.wf-card__metrics { grid-template-columns: 1fr 1fr; }
}