/* Scroll para la ventana de información en dispositivos móviles */

@media (max-width: 768px) {
  /* Ajustes para la ventana de información en dispositivos móviles */
  #window-info {
    /* Asegurar que la ventana ocupe un espacio adecuado en móviles */
    width: 90% !important;
    height: 70vh !important;
    top: 15vh !important;
    left: 5% !important;
    transform: none !important;
  }

  #window-info .window-content {
    /* Activar el scroll en la ventana de contenido */
    overflow-y: auto !important;
    max-height: calc(70vh - 60px) !important; /* Altura total menos cabecera y pie */
  }

  #window-info .info-text {
    /* Asegurar que el contenido de texto sea scrollable */
    height: auto !important;
    padding: 10px !important;
    /* Restaurar el scroll que podría estar desactivado */
    overflow: visible !important;
  }

  /* Estilo para la barra de desplazamiento en móviles */
  #window-info .window-content::-webkit-scrollbar {
    width: 6px !important;
  }

  #window-info .window-content::-webkit-scrollbar-thumb {
    background-color: #888 !important;
    border-radius: 3px !important;
  }

  /* Mejorar la experiencia táctil para el desplazamiento */
  #window-info .window-content {
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important; /* Para Firefox */
  }
}