/* CSS para ocultar elementos después del décimo */
.kb-radio-check-item:nth-child(n+11) {
	display: none !important;
}

/* Estilos para el botón de ver más */
.cl-show-more-btn {
	background-color: transparent;
	color: #1094cd !important;
	border: none;
	padding: 0;
	margin: 5px 0;
	cursor: pointer;
	font-size: 1rem;
	font-weight: bold;
	text-align: left;
	transition: background-color 0.3s ease;
	text-decoration: underline;

	&:hover {
		color: var(--global-palette1) !important;
		background-color: transparent;
	}

	&:focus {
		color: var(--global-palette1) !important;
		background-color: transparent;
	}
}

/* Cuando se muestran todos los elementos */
.show-all .kb-radio-check-item:nth-child(n+11) {
	display: flex !important;
}

.cl-show-more-btn + .cl-show-more-btn {
	display: none;
}