/* main.css */

/* Importa el CSS del libro aquí */
@import url('libro.css');

/* Estilos para el scrollbar (personalizado para un toque moderno) */
body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    background: #f1f1f1; /* Fondo claro */
    @apply dark:bg-gray-800; /* Fondo oscuro en modo oscuro */
}

body::-webkit-scrollbar-thumb {
    background: #888; /* Color de la barra */
    border-radius: 6px;
    @apply hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-gray-500; /* Color en modo oscuro y hover */
}

/*
  Reglas para responsividad:
  - Oculta el botón en pantallas de tablet y escritorio (ancho >= 768px).
  - Muestra el libro en pantallas de tablet y escritorio (ancho >= 768px).
*/
@media (min-width: 768px) {
    #mobile-projects-button {
        display: none !important;
    }
    .book-wrapper {
        display: block !important;
    }
}

/*
  Reglas para móviles:
  - Muestra el botón en pantallas de móvil (ancho < 768px).
  - Oculta el libro en pantallas de móvil (ancho < 768px).
*/
@media (max-width: 767px) {
    #mobile-projects-button {
        display: block !important;
    }
    .book-wrapper {
        display: none !important;
    }
}