.layout-grid {
    display: grid;
}

/* Optimizaciones para dispositivos móviles */
@media (max-width: 768px) {
  /* Forzar aceleración por hardware */
  .cornerstone-canvas {
    transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  /* Optimizar scroll en dispositivos móviles */
  .explorer-container {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  
  /* Reducir animaciones en dispositivos antiguos */
  .MuiDialog-root {
    transition: none !important;
  }
  
  .MuiDialog-paper {
    transition: none !important;
  }
}

/* Optimizaciones específicas para dispositivos iOS antiguos */
@media screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 768px) {
  /* Detectar dispositivos iOS antiguos */
  .cornerstone-enabled-image {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  /* Reducir la calidad de renderizado en dispositivos antiguos */
  canvas {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
  }
}

/* Optimizaciones para dispositivos con poca memoria */
@media (max-device-memory: 2gb) {
  .cornerstone-canvas {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
  }
}