/* Identidade alinhada ao CSS público da loja Aliança, consultado em 10/11/2026. */
@font-face{font-family:'Varela Round';font-style:normal;font-weight:400;font-display:swap;src:url('assets/varela-round.ttf') format('truetype')}
:root{--green:#23376d;--ink:#23376d;--muted:#6e6e6e;--paper:#fff;--line:#e3e6ec;--gold:#2675bc;font-family:'Varela Round',Arial,sans-serif;background:#fff}
.client-strip{height:30px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:#23376d;color:#fff;font-size:10px;letter-spacing:.35px}.client-strip a{color:#fff;text-decoration:none}.client-strip a:hover{text-decoration:underline}
.topbar{height:100px;background:#fff;border-bottom:3px solid #23376d}.brand{display:block;line-height:0}.client-logo{display:block;width:214px;height:82px;object-fit:contain}.edition{font-size:11px;letter-spacing:1px}.dot{background:#2675bc}.badge{color:#23376d;border-color:#d3dcea;background:#f2f6fc}.text-button{color:#23376d}
main{padding-top:18px}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:10px;color:#6e6e6e;margin-bottom:22px}.breadcrumb a{color:#2675bc;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.eyebrow{font-size:10px;color:#2675bc;font-weight:400;letter-spacing:1.2px}h1{font-family:'Varela Round',Arial,sans-serif;font-size:clamp(23px,2.3vw,33px);font-weight:400;letter-spacing:-.7px}.intro{margin-bottom:23px}.intro-note{font-size:12px}.reader{border-radius:4px;box-shadow:0 4px 18px #23376d0b}.reader-toolbar{background:#f8f9fc}.reader-toolbar>span{color:#6e6e6e}.workspace{background:radial-gradient(ellipse at 50% 40%,#f5f7fa,#e5e9f0);height:clamp(360px,calc(100dvh - 405px),850px)}.book{filter:drop-shadow(0 12px 16px #182b5129)}.edge{color:#23376d;background:#ffffffed;box-shadow:0 2px 10px #23376d14}.edge:hover:not(:disabled){background:#23376d;color:#fff}button:hover:not(:disabled){background:#e9eff8}.bottom-toolbar{background:#fff}.reading-label{color:#2675bc}#drawer,.drawer-heading{background:#f7f9fc}#drawer{box-shadow:8px 0 30px #23376d22}#thumbGrid button{border-color:#dbe2ec}.page-error{color:#23376d}footer{color:#6e6e6e}
@media(max-width:700px){.client-strip{height:26px;padding:0 17px;font-size:8px}.topbar{height:82px;padding:0 17px;gap:10px}.client-logo{width:162px;height:62px}.edition{font-size:0}.badge{font-size:8px}main{padding-top:12px}.breadcrumb{font-size:9px;margin:0 5px 19px;gap:7px}.intro{margin-bottom:17px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:23px;letter-spacing:-.8px}.workspace{height:calc(100dvh - 368px);min-height:330px}.reader-toolbar{background:#f8f9fc}}
.book{display:block;perspective:none;position:relative;flex:none}.sheet{background:#fff;overflow:hidden}.sheet img{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.viewport:not(.zoomed){touch-action:pan-y pinch-zoom}.viewport.zoomed{touch-action:pan-x pan-y pinch-zoom}.viewport.zoomed .stf__wrapper{pointer-events:none}.magnifier{position:fixed;z-index:1000;pointer-events:none;border:3px solid #fff;border-radius:50%;background-color:#fff;background-repeat:no-repeat;box-shadow:0 0 0 1px #23376d55,0 9px 28px #13264755}.magnifier:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:#23376d70;font:18px Arial}#lensToggle[aria-pressed=true]{background:#e2ebf8;color:#23376d}#lensToggle{display:grid;place-items:center;margin-right:4px}@media(hover:none){#lensToggle{display:none}}
.viewport.zoomed #book{pointer-events:none}
.viewport:not(.zoomed){overflow:hidden} .sheet{cursor:grab} body:has(#lensToggle[aria-pressed="true"]) .sheet img{cursor:zoom-in}

#fullscreen{flex:0 0 auto;min-width:44px;min-height:44px;padding:0 6px;font-size:23px;line-height:1;color:#23376d}
body.reader-expanded{overflow:hidden}
.reader-expanded .reader{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;border:0;border-radius:0;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.reader-expanded .workspace{flex:1 1 auto;height:auto;min-height:0}
.reader-expanded .reader-toolbar,.reader-expanded .bottom-toolbar,.reader-expanded .progress{flex-shrink:0}
@media(max-width:700px){.reader-expanded .viewport{padding:4px 8px}.reader-expanded .bottom-toolbar{height:44px}}