html, body{margin: 0;padding: 0;}#container{display: flex;flex-direction: column;}#controls .btn,#controls #page-indicator{display: inline-block;}#controls button{padding: 8px 15px;margin: 5px;font-size: 24px;}#magazine-wrapper{position: relative;}#magazine-container{width: 100%;height: 85vh;overflow: hidden !important;position: relative;display: flex;justify-content: center;align-items: center;background-color: #f4f4f4;}.menu-oculto #sidebar-secciones{display: none;}.menu-oculto #magazine-column{flex: 0 0 100%;max-width: 100%;}#magazine{display: none;}.page{position: relative;overflow: hidden !important;background-color: white;-webkit-backface-visibility: hidden;backface-visibility: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);}.page img{width: 100% !important;height: 100% !important;display: block;object-fit: fill;pointer-events: none;user-select: none;}#magazine,#magazine .page{touch-action: none;-ms-touch-action: none;}.zoomed-image{position: absolute;top: 0;left: 0;z-index: 1000;background-repeat: no-repeat;background-size: 100% 100%;user-select: none;touch-action: none;transition: transform 0.3s ease;z-index: 10;pointer-events: none;box-shadow: 0 0 20px rgba(0,0,0,0.5);}#page-hint{display: none;}.loader-wrapper{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100vh;background-color: white;color: #333;font-family: sans-serif;z-index: 9999;}.spinner{border: 6px solid #f3f3f3;border-top: 6px solid #007bff;border-radius: 50%;width: 60px;height: 60px;animation: spin 1s linear infinite;margin-bottom: 20px;}.nav-icons-left,.nav-icons-right{position: absolute;top: 0;bottom: 0;width: 60px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;z-index: 50;pointer-events: auto;padding: 10px 0;}.nav-icons-left{left: -40px;}.nav-icons-right{right: -40px;}.icon{font-size: 2.2rem;opacity: 0.8;color: #212529;padding: 10px;border-radius: 50%;transition: all 0.3s ease;cursor: pointer;}.icon:hover,.icon:focus-visible{opacity: 1;background-color: rgba(0, 0, 0, 0.1);transform: scale(1.1);}.icon:active{background-color: rgba(0, 0, 0, 0.2);}.icon-back1,.icon-back3{margin-top: 10px;}.icon-back2,.icon-back4{margin-bottom: auto;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}@media (max-width: 768px){html, body{height: 100%;margin: 0;padding: 0;overflow: hidden;}#container{display: flex;flex-direction: column;height: 100%;}#controls .btn{display: none;}#controls #page-indicator,#controls .btn-success{display: inline-block;}#controls .row{justify-content: center !important;text-align: center;}#controls #page-indicator{font-size: 16px;margin: 8px 0;}#controls .btn-success{font-size: 14px;}.page img{width: 100%;height: auto;}#page-hint{display: block;}.nav-icons-left,.nav-icons-right{display: none;}.zoomed-image{cursor: grab;}#magazine-container{padding: 5px !important;height: auto !important;min-height: 60vh;display: block !important;}#magazine{margin-top: 0 !important;margin-bottom: 20px;}#magazine-wrapper{padding-top: 0 !important;}#controls button, .btn-seccion{min-height: 48px;min-width: 48px;margin: 10px 5px;}}.modal-modern{background: rgba(255, 255, 255, 0.95);border-radius: 16px;box-shadow: 0 8px 32px rgba(0,0,0,0.2);backdrop-filter: blur(10px);animation: popIn 0.3s ease-in-out;}@keyframes popIn{from{transform: scale(0.9);opacity: 0;}to{transform: scale(1);opacity: 1;}}#estrellas{display: flex;justify-content: center;gap: 10px;font-size: 3rem;cursor: pointer;}#estrellas span{color: #ccc;transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s;}#estrellas span:hover{transform: scale(1.2);}.estrella-activa{color: #ffc107 !important;text-shadow: 0 0 10px rgba(255, 193, 7, 0.5);}@keyframes pulse-star{0%{transform: scale(1);}50%{transform: scale(1.4);}100%{transform: scale(1);}}.estrella-seleccionada{animation: pulse-star 0.4s ease-out;}#comentario{border-radius: 8px;border: 1px solid #ddd;box-shadow: none;resize: none;}#mensaje-calificacion{display: none;animation: fadeInUp 0.6s ease-out;}@keyframes fadeInUp{from{opacity: 0;transform: translateY(10px);}to{opacity: 1;transform: translateY(0);}}#menu-secciones{position: fixed;top: 0;left: 0;bottom: 0;width: 200px;overflow-y: auto;background: #f8f9fa;border-right: 1px solid #ddd;padding: 10px;z-index: 100;display: flex;flex-direction: column;gap: 10px;}.btn-seccion{background: #f4f0f7;color: #4a2d66;padding: 10px;border: 2px solid #886aa4;border-radius: 1rem;font-weight: bold;text-align: left;cursor: pointer;transition: background 0.3s;}.btn-seccion:hover{background-color: #007bff;color: white;transform: scale(1.05);box-shadow: 0 0 10px rgba(0,123,255,0.3);}.btn-seccion.activa{background: #0d6efd;color: white;}#contenedor-secciones .seccion-btn{display: block;width: 100%;padding: 1rem;background-color: #e8e0f0;border: 2px solid #886aa4;border-radius: 1rem;text-align: center;font-weight: bold;transition: all 0.3s ease-in-out;cursor: pointer;}#contenedor-secciones .seccion-btn:hover{background-color: #007bff;color: white;transform: scale(1.05);box-shadow: 0 0 10px rgba(0,123,255,0.3);}img.lazy-page{filter: blur(10px);transition: filter 0.5s ease-in-out;will-change: filter;}img.lazy-page.loaded{filter: blur(0);}.seccion-leida{background-color: #28a745 !important;color: white;border-color: #28a745;}.checkmark-container{display: inline-block;width: 24px;height: 24px;vertical-align: middle;}.checkmark{width: 100%;height: 100%;stroke: #ffffff;stroke-width: 3;stroke-miterlimit: 10;stroke-linecap: round;stroke-linejoin: round;animation: scale .3s ease-in-out forwards;}.checkmark-circle{stroke-dasharray: 166;stroke-dashoffset: 166;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;}.checkmark-check{stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;}@keyframes stroke{to{stroke-dashoffset: 0;}}@keyframes scale{0%, 100%{transform: scale(1);}50%{transform: scale(1.2);}}.menu-colapsado #menu-secciones{display: none !important;}.menu-colapsado .offset-xl-2{margin-left: 0 !important;width: 100% !important;}#toggle-menu{position: fixed;bottom: 20px;left: 20px;z-index: 1000;border-radius: 50%;width: 50px;height: 50px;}#controls .btn-outline-secondary{display: flex;align-items: center;justify-content: center;border-color: #dee2e6;color: #333;background-color: #fff;}body.dark-mode-reader{background-color: #121212 !important;color: #ffffff !important;}body.dark-mode-reader #magazine-wrapper,body.dark-mode-reader #controls,body.dark-mode-reader #magazine-main-row{background-color: #1a1a1a !important;}body.dark-mode-reader #controls .btn-outline-secondary{background-color: #2d2d2d !important;border-color: #757575 !important;color: #ffffff !important;}body.dark-mode-reader #page-indicator,body.dark-mode-reader .text-dark{color: #ffffff !important;}#controls{position: relative;z-index: 1015;}#sidebar-historico{transition: background 0.3s ease;}body.dark-mode-reader #sidebar-secciones,body.dark-mode-reader #sidebar-historico,body.dark-mode-reader .offcanvas{background-color: #1a1a1a !important;color: white !important;}body.dark-mode-reader .list-group-item{background-color: #2d2d2d !important;color: #eee !important;border-color: #444 !important;}body.dark-mode-reader .page img{filter: brightness(0.9) contrast(1.1);transition: filter 0.3s ease;}.menu-oculto #sidebar-secciones, .menu-oculto #sidebar-historico{display: none !important;}.menu-oculto #magazine-column{flex: 0 0 100% !important;max-width: 100% !important;}#sidebar-historico .list-group-item{transition: transform 0.2s ease;}#sidebar-historico .list-group-item:hover{transform: translateY(-5px);background-color: #fff;}#offcanvasHistorico .card-img-top{aspect-ratio: 3/4;object-fit: cover;}#offcanvasHistorico .offcanvas-body{overflow-y: auto;}#sidebar-historico div::-webkit-scrollbar,#menu-secciones::-webkit-scrollbar{width: 5px;}#sidebar-historico div::-webkit-scrollbar-thumb,#menu-secciones::-webkit-scrollbar-thumb{background: #ccc;border-radius: 10px;}#sidebar-historico div::-webkit-scrollbar-thumb:hover{background: #b3b3b3;}.hover-zoom{transition: all 0.2s ease-in-out;}.hover-zoom:hover{transform: scale(1.03);border-color: #0d6efd !important;}.text-muted{color: #595959 !important;}.btn:focus, .icon:focus-visible, .btn-seccion:focus{outline: 3px solid #0d6efd !important;outline-offset: 2px;box-shadow: none !important;}