/* Multielectro · Ahorro visible, debajo del precio de la ficha.
   Va DENTRO de <p class="price"> (que trae letra de 37 px y color naranja),
   por eso aquí se fija todo: tamaño, color, fuente y alto de línea.
   .mea-ahorro es un bloque de ancho completo (hereda la alineación del precio)
   y .mea-pill la pastilla. Verde = ahorro: no compite con el azul del precio
   ni con el naranja del tachado. */
.price .mea-ahorro {
	display: block;
	margin: 6px 0 2px;
	font-size: 0;
	line-height: 1;
	text-decoration: none;
}
.price .mea-ahorro .mea-pill {
	display: inline-block;
	padding: 5px 7px 5px 14px;
	border-radius: 999px;
	background: #e6f6ec;
	color: #0b6b35;
	font-family: Poppins, Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}
.price .mea-ahorro strong {
	font-weight: 700;
	color: #0b6b35;
}
.price .mea-ahorro .mea-pct {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 8px;
	border-radius: 999px;
	background: #0b8a44;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	vertical-align: 1px;
}
@media (max-width: 767.98px) {
	.price .mea-ahorro .mea-pill {
		font-size: 14px;
	}
}