#fb5 .jm-reader-controls { display:none; }
#fb5 .jm-desktop-status { position:absolute; left:0; right:0; bottom:7px; text-align:center; color:#fff; font:600 12px/1.2 Arial,sans-serif; pointer-events:none; }
#fb5 #fb5-footer { height:84px; }
#fb5 #fb5-logo span { display:none; }
#fb5 .fb5-nav-arrow { cursor:pointer; }
@media (min-width:768px) {
    #fb5 #fb5-logo { visibility:visible !important; }
    #fb5 #fb5-right { visibility:visible !important; }
    #fb5 #fb5-label-page-number { color:#fff; }
    #fb5 .fb5-menu a:focus-visible { outline:3px solid #0099ff; outline-offset:2px; }
}

@media (max-width:767px) {
#fb5 #fb5-footer { height:144px; background:#fff; border-top:1px solid #dedede; box-shadow:0 -2px 12px #0000000d; }
#fb5 #fb5-footer .fb5-bcg-tools,
#fb5 #fb5-center, #fb5 #fb5-right,
#fb5 .fb5-nav-arrow { display:none !important; }
#fb5 .jm-reader-controls { position:relative; padding:10px 12px 0; max-width:620px; margin:auto; font:15px/1.3 Arial,sans-serif; color:#292929; }
#fb5 .jm-reader-navigation { display:flex; align-items:center; justify-content:space-between; gap:8px; }
#fb5 .jm-reader-controls button { appearance:none; box-sizing:border-box; height:44px; min-width:44px; margin:0; padding:0 14px; border:1px solid #d4d4d4; border-radius:8px; background:#fff; color:#333; font:600 15px/1 Arial,sans-serif; cursor:pointer; touch-action:manipulation; }
#fb5 .jm-reader-navigation button { background:#95112f; color:white; border-color:#95112f; }
#fb5 .jm-reader-controls button:hover:not(:disabled) { filter:brightness(.92); }
#fb5 .jm-reader-controls button:disabled { background:#f3f3f3; color:#aaa; border-color:#e4e4e4; cursor:default; }
#fb5 .jm-reader-controls button:focus-visible { outline:3px solid #0099ff; outline-offset:2px; }
#fb5 .jm-page-status { text-align:center; font-size:14px; font-weight:600; }
#fb5 .jm-reader-tools { display:flex; justify-content:center; gap:8px; margin-top:8px; }
#fb5 .jm-reader-tools button:nth-child(-n+2) { font-size:24px; }
#fb5 #fb5-footer #fb5-logo { display:block !important; visibility:visible !important; position:absolute; width:auto; height:12px; left:0; right:0; bottom:7px; top:auto; text-align:center; margin:0; padding:0; color:#777; font:10px/1 Arial,sans-serif; }
#fb5 #fb5-logo img { display:none; }
.boton-volver { left:12px; top:12px; }
.boton-volver img { width:44px; height:44px; }
@media (max-width:767px) {
    #fb5 .jm-reader-controls { padding:8px 8px 0; }
    #fb5 .jm-reader-navigation button { padding:0 10px; font-size:14px; }
    #fb5 .jm-page-status { font-size:12px; }
}
@media (max-width:340px) {
    #fb5 .jm-reader-navigation button span { display:none; }
}

#fb5 .jm-reader-controls { display:block; }
#fb5 .jm-desktop-status { display:none; }
#fb5 #fb5-logo span { display:inline; }
}

/* Índice con desplazamiento nativo: no depende de las dimensiones de imágenes sin cargar. */
#fb5 #fb5-all-pages .fb5-container-pages { box-sizing:border-box; top:50% !important; transform:translateY(-50%); height:auto !important; padding:52px 0 16px; }
#fb5 #fb5-menu-holder { position:relative; box-sizing:border-box; height:auto; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; padding:0 16px 12px; }
#fb5 #fb5-slider { position:relative; display:flex; gap:16px; width:max-content !important; min-width:100%; height:auto; left:0 !important; }
#fb5 #fb5-slider li, #fb5 #fb5-slider li:first-child, #fb5 #fb5-slider li:last-child { float:none; flex:0 0 160px; width:160px; height:auto; box-sizing:border-box; padding:0; margin:0; }
#fb5 #fb5-slider li img { display:block; float:none; width:160px; height:225px; object-fit:contain; background:#222; }
#fb5 #fb5-slider li:focus-visible { outline:3px solid #0099ff; outline-offset:3px; }
#fb5 .jm-thumbnail-number { display:block; padding-top:8px; color:#fff; font:14px/1.3 Arial,sans-serif; }
#fb5 .jm-close-index { position:absolute; right:16px; top:6px; height:40px; padding:0 12px; border:1px solid #888; border-radius:6px; background:#222; color:#fff; font:14px Arial,sans-serif; cursor:pointer; }
@media(max-width:767px) {
    #fb5 #fb5-slider li, #fb5 #fb5-slider li:first-child, #fb5 #fb5-slider li:last-child { flex-basis:112px; width:112px; }
    #fb5 #fb5-slider li img { width:112px; height:158px; }
}