/* ── Check List Widget ────────────────────────────────────────────── */

.se-check-list {
	width: 100%;
}

.se-check-list__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

/* ── Item base ────────────────────────────────────────────────────── */

.se-check-list__item {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* icon top (stacked) */
.se-check-list--icon-top .se-check-list__item {
	flex-direction: column;
	align-items: center;
}

/* icon left (inline) */
.se-check-list--icon-left .se-check-list__item {
	flex-direction: row;
	align-items: flex-start;
}

/* ── Icon — CSS mask para permitir cambio de color ───────────────── */

.se-check-list__icon-wrap {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.se-check-list__icon {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	-webkit-mask-image: url('check-icon.svg');
	mask-image: url('check-icon.svg');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

/* ── Text ─────────────────────────────────────────────────────────── */

.se-check-list__text {
	font-family: var(--font-primary, 'Avenir Next Cyr', sans-serif);
	font-size: 15px;
	line-height: 1.45;
	color: #ffffff;
}

/* ── Animation ────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: no-preference) {

	.se-check-list[data-anim="stagger"] .se-check-list__item {
		opacity: 0;
		transform: translateY(24px);
		transition:
			opacity  600ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
			transform 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.se-check-list[data-anim="stagger"] .se-check-list__item.is-visible {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ── Elementor editor: show items immediately ─────────────────────── */

.elementor-editor-active .se-check-list[data-anim="stagger"] .se-check-list__item {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}
