:root{--navy:#0a1035;--yellow:#ffea00;--ink:#141b38;--muted:#7f8796}*{box-sizing:border-box}body{margin:0;background:#f4f5f8;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #d2bd00;outline-offset:4px}header{height:92px;background:var(--navy);display:flex;justify-content:space-between;align-items:center;padding:0 max(5%,calc((100vw - 1400px)/2));color:white;border-bottom:3px solid var(--yellow)}.brand{display:flex;align-items:center;gap:14px}.emblem{width:54px;height:56px;background:url('assets/marca.png') -22px -16px/469px auto no-repeat}.brand b{display:block;letter-spacing:1px;font-size:31px;color:var(--yellow);line-height:1}.brand small{display:block;font-size:9px;letter-spacing:1.7px;margin-top:7px}nav{display:flex;align-items:center;gap:30px;font-size:13px}.contact span{color:var(--yellow);margin-left:10px}.download{display:flex;gap:12px;align-items:center;background:var(--yellow);color:var(--navy);padding:13px 20px;font-weight:bold;border-radius:5px}main{max-width:1400px;margin:auto;padding:40px 5% 0}.heading{display:flex;align-items:center;gap:55px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;background:#b7a800;border-radius:50%}h1{font-size:46px;line-height:1;margin:11px 0 0;letter-spacing:-2px}h1 span{color:#b5a500}.heading p{font-size:14px;line-height:1.8;margin:19px 0 0}.heading p span{color:#707789}.edition{margin-left:auto;text-align:right;font-size:9px;letter-spacing:2px;color:#777e8d}.edition b{display:block;color:var(--navy);font-size:18px;letter-spacing:1px;margin-top:8px}.reader{border-radius:12px;background:#e4e7ed;overflow:hidden;border:1px solid #dce0e7;box-shadow:0 12px 40px #1523490b}.reader-top{height:45px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px}.dot{display:inline-block;width:5px;height:5px;background:#929aaa;border-radius:100%;margin-right:8px}.muted{color:#8c91a0;margin-left:7px}.reader-top button{border:0;background:none;color:var(--navy);font-size:24px}.stage{min-height:350px;height:calc(100dvh - 370px);max-height:900px;position:relative;display:flex;align-items:center;justify-content:center;padding:22px 65px;background:radial-gradient(ellipse at 50% 25%,#f0f1f5,#dce0e8);perspective:2200px;overflow:hidden}.book{height:100%;max-height:100%;aspect-ratio:1.414;width:auto;max-width:100%;position:relative;filter:drop-shadow(0 10px 12px #12172b30);perspective:2200px;touch-action:pan-y}.paper{position:absolute;width:50%;height:100%;top:0;border:0;padding:0;background:white;display:block;cursor:zoom-in;overflow:hidden}.paper img{width:100%;height:100%;display:block;object-fit:fill;user-select:none;-webkit-user-drag:none}.left{left:0}.right{right:0}.paper.left:after,.paper.right:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,#00000015,transparent 7%)}.paper.right:after{background:linear-gradient(to right,#00000012,transparent 7%)}.spine{position:absolute;left:50%;width:1px;height:100%;background:#0002;z-index:4;pointer-events:none}.side{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:48px;border:1px solid #fff8;background:#fff9;color:var(--navy);font-size:31px;border-radius:7px;z-index:10;box-shadow:0 3px 8px #00000006}.side:hover:not(:disabled){background:var(--yellow)}.side:disabled{opacity:.28;cursor:default}.prev{left:16px}.next{right:16px}.controls{height:53px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.controls button{background:none;border:0;color:#50576b;font-size:13px;padding:8px}.controls button:hover{color:#000}.controls button span{margin-left:5px}.pager{display:flex;align-items:center;gap:18px}.pager button{font-size:19px}.pager #counter{font-size:12px;font-weight:bold;letter-spacing:1px;min-width:105px;text-align:center}.pager em{font-style:normal;color:#969cab;font-weight:normal;margin-left:8px}.thumbs{background:#f7f8fa;padding:15px;display:flex;gap:14px;justify-content:center;border-top:1px solid #e7e9ee}.thumbs[hidden]{display:none}.thumbs button{background:none;border:2px solid transparent;padding:4px;border-radius:4px;color:#555d6d;font-size:10px}.thumbs button.active{border-color:#bfaf00;background:#fff}.thumbs img{width:55px;display:block;margin-bottom:5px}.reading-hint{text-align:center;color:#838a99;font-size:11px;margin:18px 0 28px}.reading-hint span{font-size:15px;margin-right:10px;color:#555e72}footer{border-top:1px solid #dddfe5;padding:20px 0;display:flex;justify-content:space-between;color:#818797;font-size:10px}footer a{color:#4c556a}.flipper{position:absolute;left:50%;width:50%;height:100%;top:0;z-index:6;transform-style:preserve-3d;transform-origin:left center;pointer-events:none}.face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:white}.face img{width:100%;height:100%;display:block}.face.back{transform:rotateY(180deg)}.face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 25%,#00000009)}dialog{padding:0;border:0;width:min(1000px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;border-radius:10px;background:#e6e9ee;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#070c24cf;backdrop-filter:blur(4px)}.zoom-bar{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:var(--navy);color:white;font-size:13px}.zoom-bar div{display:flex;align-items:center;gap:14px}.zoom-bar button{border:0;background:transparent;color:white;font-size:22px}.zoom-bar span{font-size:11px}.zoom-scroll{height:calc(100% - 54px);overflow:auto;padding:20px;text-align:center}.zoom-scroll img{width:100%;max-width:none;display:block;margin:auto}.reader:fullscreen{border-radius:0;width:100%;display:flex;flex-direction:column}.reader:fullscreen .stage{flex:1;max-height:none;height:auto}.reader:fullscreen .book{height:calc(100dvh - 150px)}@media(max-width:700px){header{height:76px;padding:0 20px}.brand b{font-size:25px}.brand small{font-size:7px}.emblem{display:none}nav{gap:0}.contact{display:none}.download{padding:10px 13px;font-size:12px}main{padding:28px 14px 0}.heading{gap:10px;margin-bottom:23px;align-items:flex-end}h1{font-size:39px}.heading p{display:none}.edition{font-size:8px}.edition b{font-size:15px}.reader{border-radius:8px}.reader-top{padding:0 13px;font-size:10px}.reader-top .muted{display:none}.stage{height:calc(100dvh - 320px);min-height:420px;padding:14px 25px}.book{aspect-ratio:.707}.paper{width:100%}.paper.right,.spine{display:none}.side{width:26px;height:43px;border-radius:4px;font-size:26px}.prev{left:0}.next{right:0}.controls{padding:0 7px}.controls button{font-size:12px}.pager{gap:2px}.pager #counter{min-width:76px;font-size:11px}.reading-hint{font-size:10px;line-height:1.6;margin:15px 15px 22px}footer{font-size:9px;gap:12px}.flipper{left:0;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
