/* Vertical slides keep the original full-screen presentation layout.
   Only the genuinely horizontal infographics use horizontal scrolling. */
div:has(> div > img:is(
  [src$="/minthy-discotecas-infographics/minthy-discotecas-04-roles-conectados.webp"],
  [src$="/minthy-restaurantes-infographics/minthy-restaurantes-02-plataforma-conectada.webp"],
  [src$="/training-infographics/minthy-training-experiencia-atleta.webp"],
  [src$="/training-infographics/minthy-training-nodo-inteligente.webp"]
)) {
  display: block;
  height: 96dvh !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 14px;
  touch-action: pan-x;
}

div:has(> img:is(
  [src$="/minthy-discotecas-infographics/minthy-discotecas-04-roles-conectados.webp"],
  [src$="/minthy-restaurantes-infographics/minthy-restaurantes-02-plataforma-conectada.webp"],
  [src$="/training-infographics/minthy-training-experiencia-atleta.webp"],
  [src$="/training-infographics/minthy-training-nodo-inteligente.webp"]
)) {
  aspect-ratio: auto !important;
  width: fit-content !important;
  min-width: 100%;
  height: 100% !important;
  max-width: none;
}

img:is(
  [src$="/minthy-discotecas-infographics/minthy-discotecas-04-roles-conectados.webp"],
  [src$="/minthy-restaurantes-infographics/minthy-restaurantes-02-plataforma-conectada.webp"],
  [src$="/training-infographics/minthy-training-experiencia-atleta.webp"],
  [src$="/training-infographics/minthy-training-nodo-inteligente.webp"]
) {
  display: block;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

.infographic-viewer {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #1f2a78 #e8edf8;
}

.infographic-viewer.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.infographic-viewer::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.infographic-viewer::-webkit-scrollbar-track {
  margin: 14px 0;
  background: #e8edf8;
  border-radius: 999px;
}

.infographic-viewer::-webkit-scrollbar-thumb {
  background: #1f2a78;
  border: 3px solid #e8edf8;
  border-radius: 999px;
}

div:has(> div > img:is(
  [src$="/minthy-discotecas-infographics/minthy-discotecas-04-roles-conectados.webp"],
  [src$="/minthy-restaurantes-infographics/minthy-restaurantes-02-plataforma-conectada.webp"],
  [src$="/training-infographics/minthy-training-experiencia-atleta.webp"],
  [src$="/training-infographics/minthy-training-nodo-inteligente.webp"]
))::-webkit-scrollbar {
  height: 12px;
}

div:has(> div > img:is(
  [src$="/minthy-discotecas-infographics/minthy-discotecas-04-roles-conectados.webp"],
  [src$="/minthy-restaurantes-infographics/minthy-restaurantes-02-plataforma-conectada.webp"],
  [src$="/training-infographics/minthy-training-experiencia-atleta.webp"],
  [src$="/training-infographics/minthy-training-nodo-inteligente.webp"]
))::-webkit-scrollbar-track {
  margin: 0 14px;
  background: #e8edf8;
  border-radius: 999px;
}

div:has(> div > img:is(
  [src$="/minthy-discotecas-infographics/minthy-discotecas-04-roles-conectados.webp"],
  [src$="/minthy-restaurantes-infographics/minthy-restaurantes-02-plataforma-conectada.webp"],
  [src$="/training-infographics/minthy-training-experiencia-atleta.webp"],
  [src$="/training-infographics/minthy-training-nodo-inteligente.webp"]
))::-webkit-scrollbar-thumb {
  background: #1f2a78;
  border: 3px solid #e8edf8;
  border-radius: 999px;
}
