/* Media Queries para dispositivos móviles */

@media (max-width: 768px) {
    .magazine {
        width: 100%;
        height: 80vh; /* Ajusta la altura al 80% del viewport */
        margin: 2px auto;
    }

    .page {
        width: 76%;
        height: 100%;
        margin: 70px;
    }
}

@media (max-width: 480px) {
    .magazine {
        width: 100%;
        height: 92vh; /* Usa toda la altura de la pantalla */
        margin: 0;
    }

    .page {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .page img {
        max-width: 100%; /* Reduce un poco el tamaño de las imágenes */
    }
}