/* Mago - Preço de Sócio */

.mago-preco {
	--mago-preco-socio: #16a34a;
	--mago-preco-destaque: #522e91;
	line-height: 1.35;
}

.mago-preco p {
	margin: 0 0 .25em;
}

/* Sem margem sobrando na última linha, seja ela qual for. O !important existe
   porque temas e o Elementor costumam impor margem em parágrafos. */
.mago-preco > *:last-child {
	margin-bottom: 0 !important;
}

/* O bloco não deve carregar espaço próprio: quem espaça é o card. */
.mago-preco {
	margin-bottom: 0;
}

/* Blocos em display:block para o alinhamento do container valer para tudo. */
.mago-preco__socio .rotulo,
.mago-preco__socio .valor,
.mago-preco__seu .rotulo,
.mago-preco__seu .valor {
	display: block;
}

.mago-preco__de {
	font-size: .82em;
	font-weight: 600;
	opacity: .65;
	text-transform: uppercase;
}

.mago-preco__de s {
	text-decoration: line-through;
}

.mago-preco__por {
	font-size: .9em;
	font-weight: 600;
	text-transform: uppercase;
}

.mago-preco__por strong {
	font-size: 1.45em;
	font-weight: 800;
	color: var(--mago-preco-destaque);
}

.mago-preco__socio,
.mago-preco__seu {
	margin-top: .45em;
}

.mago-preco__socio .rotulo,
.mago-preco__seu .rotulo {
	font-size: .8em;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--mago-preco-socio);
}

.mago-preco__socio .valor,
.mago-preco__seu .valor {
	font-size: 1.5em;
	font-weight: 800;
	color: var(--mago-preco-socio);
}

.mago-preco__pix {
	font-size: .88em;
	font-weight: 600;
}

.mago-preco__pix strong {
	color: var(--mago-preco-socio);
}

.mago-preco__pix .off {
	font-weight: 700;
	opacity: .75;
}

.mago-preco__parcelamento {
	font-size: .85em;
	font-weight: 600;
	opacity: .9;
}

.mago-preco__economia {
	font-size: .85em;
	opacity: .8;
}

/* ---- Chamada "assine e economize" ---- */

/* line-height e font-size zerados no invólucro eliminam o espaço reservado
   para descendentes embaixo do inline-block; o link devolve os dois. */
.mago-preco__cta-wrap {
	margin: .5em 0 0 !important;
	font-size: .8em;
	line-height: 0;
}

.mago-preco__cta {
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	color: var(--mago-preco-destaque);
	text-decoration: none;
	vertical-align: top;
}

a.mago-preco__cta--texto .mago-preco__cta-texto {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mago-preco__cta--discreto {
	font-weight: 600;
	opacity: .9;
}

.mago-preco__cta--discreto .mago-preco__cta-texto {
	text-decoration: none;
}

.mago-preco__cta--botao {
	padding: .7em 1.2em;
	border-radius: 999px;
	background: var(--mago-preco-destaque);
	color: #fff;
}

.mago-preco__cta--botao .mago-preco__cta-texto {
	text-decoration: none;
}

.mago-preco__cta strong {
	white-space: nowrap;
}

/* ---- Ajustes por contexto (o tamanho base vem inline) ---- */
.mago-preco--card .mago-preco__por strong,
.mago-preco--card .mago-preco__socio .valor,
.mago-preco--card .mago-preco__seu .valor {
	font-size: 1.3em;
}

.mago-preco--produto {
	margin: .5em 0 0;
}

.mago-preco--produto .mago-preco__por strong,
.mago-preco--produto .mago-preco__socio .valor,
.mago-preco--produto .mago-preco__seu .valor {
	font-size: 1.9em;
}

.mago-preco--produto .mago-preco__cta {
	font-size: .9em;
}

/* O preço já vem formatado pelo WooCommerce; evita herança estranha do tema. */
.mago-preco .woocommerce-Price-amount {
	white-space: nowrap;
}

.mago-preco s .woocommerce-Price-amount {
	text-decoration: inherit;
}