@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Montserrat:wght@400;500;600;700;800;900&display=swap";:root{color:#fff;font-synthesis:none;background:#17071f;font-family:Montserrat,Arial,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button{cursor:pointer;font-family:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #ffdf85}.oculto{display:none!important}.bienvenida{text-align:center;isolation:isolate;background:radial-gradient(at 50% 35%,#61216e 0%,#310d43 38%,#17071f 75%,#0b0412 100%);justify-content:center;align-items:center;min-height:100svh;padding:35px 18px;transition:opacity .55s,transform .55s;display:flex;position:relative;overflow:hidden}.bienvenida.desapareciendo{opacity:0;pointer-events:none;transform:scale(1.035)}.bienvenida-contenido{z-index:3;width:100%;max-width:650px;animation:1s both aparecer;position:relative}.etiqueta{color:#f2d58f;letter-spacing:5px;margin-bottom:14px;font-size:11px;font-weight:700}.titulo-principal{color:#f6dfaa;text-shadow:0 3px 20px #d9a44b80;flex-direction:column;gap:4px;margin:0;font-family:Cinzel,Georgia,serif;font-size:clamp(22px,4vw,38px);line-height:1.12;display:flex}.titulo-principal strong{color:#0000;background:linear-gradient(#fff9df 0%,#eac471 55%,#bb8034 100%);-webkit-background-clip:text;background-clip:text;font-size:1.35em}.linea-dorada{background:linear-gradient(90deg,#0000,#ffdf86,#0000);width:190px;height:2px;margin:20px auto}.portada-escenario{perspective:1000px;justify-content:center;align-items:center;margin:12px auto 25px;display:flex;position:relative}.portada-inicial{z-index:2;aspect-ratio:5/7;object-fit:fill;border:2px solid #dbb56b;border-radius:3px;width:min(46vw,245px);animation:5s ease-in-out infinite flotar;display:block;position:relative;box-shadow:0 25px 55px #000a,0 0 35px #d4a74850}.halo-portada{z-index:1;filter:blur(25px);background:radial-gradient(circle,#ffd47755 0%,#b35ac533 40%,#0000 72%);border-radius:50%;width:290px;max-width:85vw;height:290px;animation:5s ease-in-out infinite respirar;position:absolute}.bienvenida-textos .mini-titulo{color:#e3be75;letter-spacing:3px;font-size:10px;font-weight:700}.bienvenida-textos h2{margin:8px 0;font-size:clamp(23px,4vw,32px);font-weight:900}.bienvenida-textos p{color:#e0cfe6;max-width:400px;margin:10px auto 22px;font-size:13px;line-height:1.7}.acciones-bienvenida{flex-direction:column;align-items:center;gap:12px;display:flex}.btn{letter-spacing:.6px;border-radius:9px;width:min(100%,315px);min-height:48px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-dorado{color:#2a0b34;background:linear-gradient(120deg,#c49137,#ffe7a1,#c89137);border:1px solid #f9dc91;box-shadow:0 7px 25px #d5a14644}.btn-transparente{color:#fff5e6;background:#ffffff08;border:1px solid #b68b54}.btn-transparente:hover{background:#ffffff16}.pie-bienvenida{color:#bb9ec2;letter-spacing:2px;margin-top:28px;font-size:9px}.resplandor{z-index:0;filter:blur(85px);opacity:.3;pointer-events:none;border-radius:50%;width:350px;height:350px;position:absolute}.resplandor-uno{background:#e8ab41;top:-170px;left:-140px}.resplandor-dos{background:#ba3bc2;bottom:-170px;right:-140px}.particulas{z-index:1;pointer-events:none;position:absolute;inset:0}.particula{opacity:0;background:#f7d996;border-radius:50%;width:3px;height:3px;animation:5s ease-in-out infinite destello;position:absolute;box-shadow:0 0 9px #ffd07e}@keyframes destello{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.5)}}@keyframes flotar{0%,to{transform:translateY(0)rotateY(-5deg)}50%{transform:translateY(-12px)rotateY(0)}}@keyframes respirar{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@keyframes aparecer{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.lector{background:radial-gradient(at 50% 5%,#532064,#0000 60%),linear-gradient(#240c33,#100617);min-height:100svh;animation:.6s both aparecer}.barra-superior{background:#18071ed9;border-bottom:1px solid #c59b5b55;justify-content:space-between;align-items:center;gap:12px;padding:13px clamp(12px,3vw,45px);display:flex}.marca{align-items:center;gap:12px;display:flex}.marca-seis{color:#f5d37d;background:#4a1858;border:2px solid #d7ac56;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:27px;font-weight:900;display:flex}.marca strong,.marca small{display:block}.marca strong{color:#f5da95;font-size:12px}.marca small{color:#ceb6d6;letter-spacing:1px;margin-top:4px;font-size:9px}.barra-acciones{gap:9px;display:flex}.boton-icono,.boton-texto{color:#fff;background:#ffffff0c;border:1px solid #d4b16d;border-radius:8px;min-height:38px;padding:8px 13px}.boton-icono.activo{color:#270d34;background:#e9c16b}.contenido-lector{text-align:center;padding:16px 10px 35px}.titulo-lector span{color:#eac576;letter-spacing:2px;font-size:9px;font-weight:700}.titulo-lector h2{color:#f5d88a;margin:6px 0;font-size:clamp(19px,3vw,27px)}.titulo-lector p{color:#dbcae4;margin:4px 0 10px;font-size:12px}.escenario-libro{justify-content:center;align-items:center;width:100%;min-height:340px;padding:12px 0;display:flex;overflow:hidden}#libro{margin:0 auto}.pagina{background:#fff;overflow:hidden}.pagina img{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.controles{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:10px;display:flex}.btn-control{color:#2b0b38;background:linear-gradient(135deg,#ffe3a0,#d49a3e);border:0;border-radius:8px;min-height:43px;padding:10px 17px;font-weight:800}#contador{color:#f5e8ff;font-size:13px}.acceso-rapido{justify-content:center;gap:12px;margin-top:18px;display:flex}.acceso-rapido button{color:#e8d6ee;background:0 0;border:1px solid #c7a56a66;border-radius:7px;padding:9px 13px;font-size:11px}.acceso-rapido button:hover{background:#ffffff15}.nota-lector{color:#bca4c5;margin-top:30px;font-size:10px}@media (width<=650px){.bienvenida{padding:25px 14px}.etiqueta{letter-spacing:3px}.portada-inicial{width:min(54vw,210px)}.barra-superior{padding:10px}.marca strong{font-size:9px}.marca small{font-size:8px}.marca-seis{width:35px;height:35px;font-size:22px}.contenido-lector{padding:18px 4px}.escenario-libro{padding:8px 0}.controles{gap:8px}.btn-control{padding:10px 12px;font-size:11px}#contador{font-size:11px}}@media (prefers-reduced-motion:reduce){.portada-inicial,.halo-portada,.particula{animation:none}.bienvenida,.lector{transition:none}}@media (width>=900px) and (height>=650px){.bienvenida{padding:14px 18px}.etiqueta{margin-bottom:7px}.titulo-principal{font-size:clamp(22px,2.3vw,31px)}.linea-dorada{margin:10px auto}.portada-escenario{margin:5px auto 12px}.portada-inicial{aspect-ratio:5/7;width:auto;height:clamp(190px,37vh,285px)}.bienvenida-textos h2{margin:5px 0;font-size:25px}.bienvenida-textos p{margin:5px auto 13px;font-size:12px}.acciones-bienvenida{gap:8px}.btn{min-height:41px}.pie-bienvenida{margin-top:12px}}@media (width<=650px){.bienvenida{padding:20px 12px}.titulo-principal{font-size:clamp(20px,6vw,27px)}.linea-dorada{margin:12px auto}.portada-escenario{margin:8px auto 15px}.portada-inicial{width:auto;max-width:55vw;height:min(34svh,245px)}.bienvenida-textos p{margin:7px auto 15px}.pie-bienvenida{margin-top:15px}}.lector{padding-bottom:90px}.controles{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a0826f5;border:1px solid #e9c16ba6;border-radius:14px;justify-content:center;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 20px);margin:0;padding:9px 14px;display:flex;position:fixed;bottom:15px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #00000080}.btn-control{white-space:nowrap;min-height:40px;padding:9px 15px}#contador{white-space:nowrap}@media (width<=650px){.controles{gap:6px;padding:7px;bottom:8px}.btn-control{padding:9px;font-size:11px}#contador{font-size:10px}}.lector{min-height:100svh;padding-bottom:0}.barra-superior{min-height:65px}.contenido-lector{flex-direction:column;align-items:center;min-height:calc(100svh - 65px);padding:10px 10px 85px;display:flex}.titulo-lector{flex-shrink:0}.escenario-libro{flex:1;width:100%;min-height:0;padding:8px 0}.controles{z-index:1000;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.nota-lector{display:none}.acceso-rapido{margin-top:8px}@media (width<=650px){.contenido-lector{padding:8px 4px 80px}.titulo-lector p{display:none}}.modal-zoom{z-index:5000;background:#0c0414fa;flex-direction:column;display:flex;position:fixed;inset:0}.zoom-barra{color:#f4dc9b;background:#250e35;border-bottom:1px solid #d6ad63;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:13px;font-weight:700;display:flex}.zoom-herramientas{align-items:center;gap:10px;display:flex}.zoom-herramientas button{color:#270d36;background:#e8c16f;border:none;border-radius:6px;width:37px;height:37px;font-size:19px;font-weight:900}#zoom-porcentaje{text-align:center;color:#fff;min-width:48px}.zoom-area{overscroll-behavior:contain;flex:1;justify-content:flex-start;align-items:flex-start;padding:20px;display:flex;overflow:auto}.zoom-area img{object-fit:contain;width:100%;height:auto;margin:0 auto;display:block;box-shadow:0 10px 35px #0008}@media (width>=900px){.zoom-area img{width:65%}}@media (width<=650px){.zoom-barra{padding:10px;font-size:11px}.zoom-herramientas{gap:5px}.zoom-herramientas button{width:32px;height:32px}.zoom-area{padding:10px}}