/**
 * Pantalla de gracias del pago al contado. Los bloques de precio de la
 * ficha están en ficha-precios.css.
 */

/* ------------------------------------------------------------------ */
/* Pantalla de gracias                                                 */
/* ------------------------------------------------------------------ */

.cm-contado-gracias {
	margin: 0 0 28px;
	padding: 24px;

	border: 1px solid #cfe3d4;
	border-radius: 16px;

	background: #f2fbf5;

	text-align: center;
}

.cm-contado-gracias h2 {
	margin: 0 0 8px;

	font-size: 20px;
	font-weight: 700;
	color: #1d1d1f;
}

.cm-contado-gracias p {
	max-width: 46em;
	margin: 0 auto 16px;

	color: #4a5a50;

	font-size: 14.5px;
	line-height: 1.55;
}

.cm-contado-gracias__btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;

	padding: 15px 30px;

	border-radius: 999px;

	background: #25d366;

	color: #fff !important;

	font-size: 16px;
	font-weight: 700;
	text-decoration: none !important;

	transition: background .15s ease;
}

.cm-contado-gracias__btn::before {
	content: "";

	width: 20px;
	height: 20px;

	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 2.1.55 4.06 1.6 5.8L2 22l4.4-1.68a9.86 9.86 0 0 0 5.64 1.74h.01c5.46 0 9.91-4.45 9.91-9.91C21.96 6.45 17.5 2 12.04 2Zm5.8 14.06c-.24.68-1.42 1.3-1.95 1.34-.52.05-.99.24-3.33-.7-2.8-1.1-4.56-3.95-4.7-4.14-.14-.19-1.12-1.49-1.12-2.84 0-1.35.71-2.01.96-2.29.25-.28.54-.35.72-.35h.52c.17 0 .4-.06.62.47.24.57.8 1.97.87 2.11.07.14.12.31.02.5-.1.19-.14.3-.28.47-.14.16-.3.36-.42.49-.14.14-.29.29-.12.57.16.28.73 1.2 1.56 1.95 1.08.96 1.98 1.26 2.26 1.4.28.14.45.12.61-.07.17-.19.71-.83.9-1.11.19-.28.38-.24.63-.14.26.09 1.65.78 1.93.92.28.14.47.21.54.33.07.11.07.66-.17 1.33Z'/></svg>") center/contain no-repeat;
}

.cm-contado-gracias__btn:hover {
	background: #1fb958;
	color: #fff !important;
}

.cm-contado-gracias__nota {
	margin: 14px auto 0 !important;

	font-size: 13px;
}

@media (max-width: 767px) {
	.cm-contado-gracias {
		padding: 20px 16px;
	}

	.cm-contado-gracias__btn {
		width: 100%;
		justify-content: center;
	}
}