/**
 * "GRATIS" en lugar de un importe a cero.
 *
 * Va en verde y no en el azul de los precios a propósito: no es un precio más
 * barato, es otra cosa, y el color lo dice antes de que se lea la palabra.
 */

.cm-gratis {
	display: inline-block;

	color: #12864A;
	font-weight: 800;
	font-size: 1.02em;
	letter-spacing: .4px;
	text-transform: uppercase;
	line-height: 1.2;

	/* WooCommerce y el tema tachan el precio viejo dentro de <del>; si esta
	   palabra cae ahí dentro, no debe salir tachada. */
	text-decoration: none;
}

/* Dentro del bloque de comprados juntos las tarjetas son pequeñas: se le da un
   poco de presencia sin que grite. */
.wd-fbt-wrapper .cm-gratis,
.wd-fbt-bundle .cm-gratis {
	padding: 1px 8px;
	border-radius: 4px;
	background: rgba(18, 134, 74, .10);
}

/* En la lista de casillas de la derecha el espacio es aún menor. */
.wd-fbt-products .cm-gratis,
.wd-fbt-list .cm-gratis {
	font-size: .95em;
	padding: 0 6px;
}

/* La etiqueta de la foto la pinta el tema con su propio fondo; aquí solo se
   ajusta el texto para que quepa cuando dice una palabra y no un porcentaje. */
.product-label.onsale.cm-label-gratis,
.wd-product-label.onsale.cm-label-gratis {
	letter-spacing: .3px;
}