.ehs-wrapper {
	width: 100%;
	max-width: 100%;
}

.ehs-container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	gap: 48px;
	cursor: grab;
	scrollbar-width: thin;
	scrollbar-color: #999 transparent;
}

.ehs-container:active {
	cursor: grabbing;
}

.ehs-container.ehs-dragging {
	cursor: grabbing;
	user-select: none;
}

/* Scrollbar Webkit (Chrome, Safari, Edge) */
.ehs-container::-webkit-scrollbar {
	height: 6px;
}
.ehs-container::-webkit-scrollbar-track {
	background: transparent;
}
.ehs-container::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: 10px;
}

/* Ocultar barra de scroll por completo si se desactiva en los ajustes */
.ehs-container.ehs-hide-scrollbar {
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.ehs-container.ehs-hide-scrollbar::-webkit-scrollbar {
	display: none;
}

.ehs-item {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 12px;
	white-space: normal;
}

/* Elemento real (no pseudo-elemento) que reserva el hueco derecho del
   relleno del contenedor, para que se respete también al llegar al
   final del scroll. */
.ehs-spacer {
	flex: 0 0 auto;
	width: 0;
	height: 1px;
}

.ehs-number {
	display: inline-block;
	font-weight: 700;
	font-size: 56px;
	line-height: 1;
	color: #ffffff;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.ehs-text {
	font-size: 16px;
	line-height: 1.3;
	color: #e5e5e5;
	max-width: 220px; /* valor por defecto; se sobrescribe desde el control de Elementor */
}

@media (max-width: 767px) {
	.ehs-number {
		font-size: 40px;
	}
	.ehs-container {
		gap: 32px;
	}

	/* En móvil la barra de scroll nunca se muestra, aunque el ajuste
	   "Mostrar barra de scroll" esté activado (el scroll táctil sigue
	   funcionando igual, solo se oculta la barra visual). */
	.ehs-container {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.ehs-container::-webkit-scrollbar {
		display: none;
	}
}

/* En escritorio, si el ajuste "Mostrar barra de scroll" está activado,
   la barra es la nativa del navegador: solo aparece cuando el contenido
   realmente desborda el ancho disponible. Si cabe todo, no se muestra. */