/* Plan de Fidelidad – estilos del sitio. Los colores se pueden cambiar con estas variables desde el tema. */
.pf-account,
.pf-earn-message {
	--pf-accent: #2f7d4f;
	--pf-accent-soft: #e8f3ec;
	--pf-border: #e2e2e2;
	--pf-muted: #6b6b6b;
	--pf-radius: 12px;
}

.pf-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
	padding: 24px;
	margin-bottom: 32px;
	border-radius: var(--pf-radius);
	background: var(--pf-accent-soft);
}
.pf-summary__balance {
	display: flex;
	flex-direction: column;
	min-width: 140px;
}
.pf-summary__label { font-size: .85em; text-transform: uppercase; letter-spacing: .05em; color: var(--pf-muted); }
.pf-summary__value { font-size: 2.6em; font-weight: 700; line-height: 1.1; color: var(--pf-accent); }
.pf-summary__unit { color: var(--pf-muted); }
.pf-summary__meta { flex: 1 1 260px; }
.pf-summary__meta p { margin: 0 0 8px; }
.pf-summary__lifetime { font-size: .85em; color: var(--pf-muted); }

.pf-progress { height: 10px; border-radius: 99px; background: #fff; overflow: hidden; margin: 8px 0 6px; }
.pf-progress__bar { height: 100%; background: var(--pf-accent); border-radius: 99px; }
.pf-progress__text { font-size: .9em; }

.pf-title { margin: 32px 0 16px; }

.pf-rewards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}
.pf-reward {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--pf-border);
	border-radius: var(--pf-radius);
	overflow: hidden;
	background: #fff;
}
.pf-reward--locked .pf-reward__image { opacity: .55; }
.pf-reward__image { aspect-ratio: 1 / 1; background: #f6f6f6; display: flex; align-items: center; justify-content: center; }
.pf-reward__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-reward__placeholder { font-size: 3em; }
.pf-reward__body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
/* Anula los márgenes que agregan los temas a títulos, párrafos y formularios dentro de la tarjeta. */
.pf-account .pf-reward__body > *,
.pf-account .pf-reward__form > *,
.pf-account .pf-reward__excerpt p { margin: 0; }
.pf-account .pf-reward__title { font-size: 1.05em; line-height: 1.3; }
.pf-reward__cost { font-weight: 700; color: var(--pf-accent); line-height: 1.3; }
.pf-reward__excerpt p { font-size: .9em; }
.pf-reward__details { font-size: .9em; }
.pf-reward__details summary { cursor: pointer; color: var(--pf-muted); }
.pf-reward__stock { font-size: .8em; color: #b85c00; font-weight: 600; line-height: 1.3; }
.pf-account .pf-reward__form { margin: auto 0 0; padding: 12px 0 0; display: flex; flex-direction: column; gap: 6px; }
.pf-account .pf-reward__form input[type="hidden"] { display: none; }
.pf-reward__form label { font-size: .85em; }
.pf-reward__form textarea { width: 100%; }
.pf-reward__button { width: 100%; }
.pf-account .pf-reward__body > a.pf-reward__button { margin-top: auto; } /* shortcode [plan_fidelidad_premios] */
.pf-account .pf-reward__reason { margin: auto 0 0; padding-top: 12px; font-size: .85em; color: var(--pf-muted); }

.pf-status { display: inline-block; padding: 2px 10px; border-radius: 99px; font-size: .8em; font-weight: 600; background: #eee; }
.pf-status--pending { background: #fff4d6; color: #7a5a00; }
.pf-status--completed { background: var(--pf-accent-soft); color: var(--pf-accent); }
.pf-status--rejected { background: #fde8e8; color: #9b1c1c; }

.pf-plus { color: var(--pf-accent); font-weight: 600; }
.pf-minus { color: #9b1c1c; font-weight: 600; }

.pf-earn-message {
	margin: 12px 0;
	padding: 10px 14px;
	border-radius: 8px;
	background: var(--pf-accent-soft);
	font-size: .95em;
}