/*
 * Estilos de marca Conettam para los bloques de precio y botón — colores tomados de la web en
 * desarrollo (navbar/CTAs morados, checks/badges de acento). Ajusta las variables si la marca
 * cambia de tono; el resto de reglas no debería necesitar tocarse.
 */
:root {
	--conettam-color-primario: #7b2d8e;
	--conettam-color-primario-oscuro: #5e2270;
	--conettam-color-texto: #1c1b18;
	--conettam-color-texto-secundario: #6e685e;
}

.conettam-precio {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	column-gap: 6px;
	line-height: 1;
	color: var(--conettam-color-texto);
}
.conettam-precio-monto {
	display: inline-flex;
	align-items: baseline;
}
.conettam-precio-entero {
	font-size: 2.75rem;
	font-weight: 800;
}
.conettam-precio-decimales {
	font-size: 1.75rem;
	font-weight: 800;
}
.conettam-precio-sufijo {
	font-size: 1rem;
	font-weight: 400;
	color: var(--conettam-color-texto-secundario);
}
.conettam-precio-caption {
	flex-basis: 100%;
	font-size: 0.8rem;
	font-weight: 400;
	color: var(--conettam-color-texto-secundario);
}

.conettam-btn-contratar {
	display: inline-block;
	padding: 12px 28px;
	border-radius: 8px;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	background-color: var(--conettam-color-primario);
	color: #fff;
	transition: background-color 0.15s ease;
}
.conettam-btn-contratar:hover,
.conettam-btn-contratar:focus {
	background-color: var(--conettam-color-primario-oscuro);
	color: #fff;
}