/* Reader v2.0 - Estilos Modo Webtoon */

/* Estilos para modo webtoon */
.webtoon-mode {
    max-width: 800px;
    margin: 60px auto 0; /* ✅ Margen superior para separar del header */
    padding: 0;
    overflow-y: auto !important; /* Restaurar scroll para webtoon */
    height: auto !important; /* Permitir altura automática en webtoon */
}

.webtoon-mode .page-image {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    display: block;
}

/* Espacio entre páginas para MANGA/COMIC leídos en modo webtoon */
.manga-as-webtoon .webtoon-mode .page-image {
    margin-bottom: 10px;
}

.manga-as-webtoon .webtoon-mode .page-image:last-child {
    margin-bottom: 0;
}

/* Optimizaciones específicas para scroll continuo en móviles */
@media (max-width: 768px) {
    .webtoon-mode {
        max-width: 100%;
        padding: 0;
    }

    /* Mejorar performance de scroll en móviles */
    .webtoon-mode .page-image {
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
}

/* Optimización para pantallas pequeñas */
@media (max-width: 480px) {
    .webtoon-mode {
        padding: 0;
    }
}