.wrapper-horizontal {
	position: relative;
	/* La altura la calcula el JS: viewportH + maxTranslate.
	   Así el espacio de scroll siempre cubre exactamente el ancho del artboard. */
}

.sticky {
	position: sticky;
	top: 0;
	overflow: hidden;
	/* altura y offset del header se calculan en JS para evitar
     el salto de 100svh cuando la barra del navegador aparece/desaparece */
}

/* En móvil el mapa ocupa todo el ancho de pantalla */
@media (max-width: 639px) {
	.sticky {
		width: 100vw;
		margin-left: calc(-50vw + 50%);
	}
}

.sticky #g-lebanon_scroll_horizontal-box {
	margin: 0;
	transform-origin: top left;
}

/* Ancho natural de cada artboard horizontal en Illustrator.
   min-width se anula para que no interfiera con el scale del JS. */
.sticky #g-lebanon_scroll_horizontal-movil2 {
	width: 2000px !important;   /* ancho de referencia para movil (ratio 4 → alto 500px) */
	min-width: unset !important;
	max-width: unset !important;
}

.sticky #g-lebanon_scroll_horizontal-tableta {
	width: 2820px !important;   /* ancho mínimo del artboard tableta (ratio 4.548 → alto 620px) */
	min-width: unset !important;
}

.sticky .g-aiSymbol {
	border: 1px solid white;
}