        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            user-select: none; /* Padrão para a maioria dos navegadores */
            -webkit-user-select: none; /* Safari e iOS */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            -webkit-touch-callout: none; /* Impede menu de contexto no iOS */
        }
        body, html {
            height: 100%;
            overflow: hidden;
            background-color: #515558;
            -webkit-overflow-scrolling: touch; /* Melhora o scroll no iOS */
        }
        .flipbook-container {
            position: relative;
            height: 100vh;
            width: 100vw;
            overflow: hidden;
            transform: translateZ(0);
            -webkit-transform: translateZ(0); /* Para iOS */
        }
        .flipbook {
            display: flex;
            width: 300vw;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            will-change: transform;
        }
        .flipbook img {
            width: 100vw;
            object-fit: contain;
            flex-shrink: 0;
            opacity: 1;
            transition: opacity 0.3s ease;
            transform-origin: center center;
            cursor: grab;
            -webkit-user-drag: none; /* Impede arrastar nativo no iOS */
        }
        .flipbook img.dragging {
            cursor: grabbing;
        }
        .nav-buttons {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 15px;
            z-index: 10;
        }
        .nav-buttons button {
            width: 40px;
            height: 40px;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            border: none;
            border-radius: 50%;
            font-size: 18px;
            cursor: pointer;
            transition: background 0.3s;
        }
        .nav-buttons button:hover {
            background: rgba(0, 0, 0, 0.9);
        }
        .thumbnails-container {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 110px;
            background: rgba(0, 0, 0, 0.8);
            z-index: 5;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            padding-bottom: 10px;
        }
        .thumbnails-container::-webkit-scrollbar {
            height: 6px;
        }
        .thumbnails-container::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            margin: 0 10px;
        }
        .thumbnails-container::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.3);
            border-radius: 10px;
        }
        .thumbnails-container::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.5);
        }
        .thumbnails {
            display: flex;
            gap: 5px;
            padding: 10px 10px 0 10px;
        }
        .thumbnails img {
            width: 80px;
            height: 90px;
            object-fit: cover;
            opacity: 0.6;
            cursor: pointer;
        }
        .thumbnails img:hover {
            opacity: 1;
        }
        .thumbnails .active {
            opacity: 1;
            border: 2px solid #fff;
        }
        .page-indicator {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #fff;
            font-size: 14px;
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 10px;
            border-radius: 3px;
            z-index: 15;
        }
        #zoomBtn {
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 15;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            border: none;
            padding: 5px 10px;
            border-radius: 3px;
            cursor: pointer;
        }
        #zoomBtn:hover {
            background: rgba(0, 0, 0, 0.9);
        }

        /* Desktop */
        @media (min-width: 769px) {
            .flipbook {
                height: calc(100vh - 110px);
            }
            .flipbook img {
                height: calc(100vh - 110px);
            }
        }

        /* Mobile */
        @media (max-width: 768px) {
            .flipbook {
                height: calc(100vh - 60px); /* Espaço para as setas */
                position: relative;
                z-index: 5; /* Garante que a imagem fique acima das setas */
            }
            .flipbook img {
                height: calc(100vh - 60px);
                max-height: calc(100vh - 60px); /* Evita overflow no iOS */
            }
            .nav-buttons {
                top: auto;
                bottom: 0;
                height: 60px;
                padding: 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
                background: rgba(0, 0, 0, 0.8);
                z-index: 10; /* Acima da imagem */
                position: fixed; /* Garante visibilidade no iOS */
                width: 100vw;
                -webkit-transform: translateZ(0); /* Força renderização no iOS */
            }
            .nav-buttons button {
                width: 50%;
                height: 100%;
                border-radius: 0;
                font-size: 24px;
                margin: 0;
                background: transparent;
                -webkit-tap-highlight-color: transparent; /* Remove destaque ao tocar no iOS */
            }
            .nav-buttons button:hover {
                background: rgba(255, 255, 255, 0.1);
            }
            .thumbnails-container {
                display: none;
            }
            .page-indicator {
                font-size: 12px;
                padding: 3px 8px;
                z-index: 15; /* Acima das setas */
            }
            #zoomBtn {
                z-index: 15; /* Acima das setas */
            }
        }