/* ==========================================================
   Amenities List para Elementor
   ========================================================== */

.al-list {
	--al-columns: 3;
	--al-icon: 40px;

	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 22px;
	row-gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Cada <li> estira su caja para que en columnas todas midan igual */
.al-list .al-li {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	min-width: 0;
}

.al-list .al-li::before,
.al-list .al-li::marker {
	content: none;
}

.al-item {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	column-gap: 14px;
	box-sizing: border-box;
	min-width: 0;
	padding: 14px 24px 14px 22px;
	border: 1px solid #1f4fbf;
	border-radius: 12px;
	background: transparent;
	color: inherit;
	text-decoration: none;
	transition: background-color .2s, border-color .2s, box-shadow .2s;
}

a.al-item:hover,
a.al-item:focus {
	color: inherit;
	text-decoration: none;
}

/* Caja fija para el icono: todos ocupan lo mismo y el texto queda alineado */
.al-icon {
	flex: 0 0 var(--al-icon);
	width: var(--al-icon);
	height: var(--al-icon);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1f4fbf;
	line-height: 1;
	transition: color .2s;
}

.al-icon i {
	font-size: calc(var(--al-icon) * .8);
}

.al-icon svg,
.al-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.al-icon svg {
	fill: currentColor;
	transition: fill .2s;
}

.al-text {
	min-width: 0;
	color: #555a62;
	font-size: 15px;
	line-height: 1.3;
	transition: color .2s;
}