/**
 * Estilos especificos del modulo Compliance Test.
 *
 * Lo minimo necesario: bloque del articulo del CP y colores por tier.
 * El CSS comun (jmd-tools-common.css) cubre el resto.
 *
 * @package JMD_Tools
 */

/* --- Bloque del art. 31 bis CP ---------------------------------- */

.jmd-tool--compliance-test .jmd-tool-ct__articulo {
	margin-top: 1.25rem;
	padding: 1rem;
	background-color: rgba(27, 79, 114, 0.05);
	border-radius: 6px;
	border: 1px solid rgba(27, 79, 114, 0.15);
}

.jmd-tool--compliance-test .jmd-tool-ct__articulo .jmd-tool__resultado-texto {
	font-size: 0.8125rem;
	margin: 0;
}

/* --- Resultado: colores por tier --------------------------------- */

.jmd-tool--compliance-test .jmd-tool__resultado--favorable .jmd-tool__resultado-valor {
	color: #27AE60;
}

.jmd-tool--compliance-test .jmd-tool__resultado--intermedio .jmd-tool__resultado-valor {
	color: #F39C12;
}

.jmd-tool--compliance-test .jmd-tool__resultado--desfavorable .jmd-tool__resultado-valor {
	color: #E74C3C;
}

/* --- Checklist: notas en el resultado ---------------------------- */

.jmd-tool--compliance-test .jmd-tool__checklist small {
	display: inline-block;
	margin-top: 0.25rem;
	line-height: 1.4;
}