.modal-fullscreen {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  margin: 0;
  top: 0;
  left: 0;
}

.flipbook-container {
  width: 100%;
  height: 80vh;
  overflow: hidden !important;
  position: relative;
}

body.modal-open {
  overflow: hidden !important;
  position: fixed;
  width: 100%;
  height: 100%;
}

/* Asegurar que el modal esté completamente por encima */
#default-modal {
  z-index: 9999 !important;
}

/* Prevenir interacciones cuando el modal está cerrado */
#default-modal.hidden {
  pointer-events: none !important;
}

/* Limpiar cualquier canvas que pueda quedar flotando */
canvas {
  position: relative !important;
}

/* Resetear estilos del flipbook cuando el modal se cierra */
._df_book {
  position: relative !important;
  overflow: hidden !important;
}

/* Prevenir scroll en el flipbook container */
.flipbook-container::-webkit-scrollbar {
  display: none;
}

.flipbook-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}