*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    height:100%;
    overflow:hidden;
    background:#111;
    font-family:Arial,sans-serif;
}

/* TOOLBAR */
.toolbar{
    position:fixed;
    top:15px;
    left:50%;
    transform:translateX(-50%);
    z-index:9999;

    display:flex;
    gap:15px;
    align-items:center;

    padding:10px 20px;
    border-radius:50px;

    background:rgba(0,0,0,.7);
    backdrop-filter:blur(8px);
}

.toolbar button{
    border:none;
    cursor:pointer;
    padding:10px 20px;
    border-radius:25px;
    font-weight:bold;
}

.toolbar span{
    color:white;
}

/* CONTENEDOR */
.magazine-container{
    width:100vw;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#111;
}

/* FLIPBOOK */
#flipbook{
    width:95vw;
    height:92vh;

    background:#111; /* 🔥 elimina líneas blancas */
}

/* PÁGINAS */
.page{
    background:#111; /* 🔥 clave para evitar bordes blancos */
    overflow:hidden;

    margin:0;
    padding:0;

    box-shadow:none !important;
    border:none !important;
}

/* IMAGENES */
.page img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover; /* 🔥 importante: elimina espacios blancos */
}

/* MOBILE */
@media(max-width:900px){

    #flipbook{
        width:100vw;
        height:100vh;
    }

}