:root{color-scheme:light;--paper:#f8f5ee;--ink:#282b25;--olive:#536345;--edge:#ddd6c8;--cream:#fffdfa;--muted:#6f7169;--shadow:0 16px 44px #251d1214;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{background-image:radial-gradient(circle at 12% 3%,#dbc9a32b,transparent 32%),radial-gradient(circle at 90% 82%,#d4c49d28,transparent 36%)}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.32;cursor:not-allowed}button:focus-visible,select:focus-visible,.stage:focus-visible{outline:3px solid #a18448;outline-offset:3px}.app{min-height:100dvh;display:flex;flex-direction:column;width:min(100%,1260px);margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}.site-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 2px 16px}.heading{min-width:0}.eyebrow{font-size:.63rem;letter-spacing:.19em;color:var(--olive);font-weight:800}.heading h1{font-family:Georgia,"Times New Roman",serif;text-transform:uppercase;font-size:clamp(1.5rem,5.1vw,3.15rem);letter-spacing:-.035em;line-height:1.08;margin:5px 0 7px}.heading h1 span{color:var(--olive)}.heading p{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#56584e;font-size:clamp(.82rem,2.8vw,1.14rem);margin:0}.icon-button{display:grid;place-items:center;min-width:42px;min-height:42px;background:var(--cream);border:1px solid var(--edge);border-radius:12px;flex-shrink:0}.icon-button svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reader{min-height:0;flex:1;display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--edge);border-radius:17px;box-shadow:var(--shadow);padding:10px;gap:8px}.reader-top{display:flex;justify-content:space-between;align-items:center;padding:0 5px;min-height:23px;font-size:.76rem;color:var(--muted)}.page-label{font-weight:750;color:var(--olive)}.counter{font-variant-numeric:tabular-nums}.stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1;min-height:340px;height:62dvh;max-height:calc(100dvh - 225px);background:#e5e0d5;border-radius:11px;touch-action:none;user-select:none;cursor:grab;overscroll-behavior:contain}.stage.is-dragging{cursor:grabbing}.stage img{display:block;max-width:none;max-height:none;will-change:transform;transform-origin:center center;pointer-events:none;box-shadow:0 3px 18px #1e1e1e24}.stage .message{position:absolute;inset:auto 12px 12px;background:#fffdf9ee;color:#703e2c;padding:16px;border-radius:10px;text-align:center;box-shadow:0 5px 20px #0002}.message[hidden]{display:none}.toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.nav-button,.small-button,.zoom-percent{height:46px;border:1px solid var(--edge);border-radius:10px;background:#f7f5ef;color:#292d25;font-weight:700}.nav-button{min-width:0;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--olive);color:#fff;border-color:var(--olive)}.nav-button>span:first-child:not(.nav-copy),.nav-button>span:last-child:not(.nav-copy){font-size:1.75rem;line-height:0}.zoom-group{display:flex;align-items:center;gap:4px}.small-button{width:40px;font-size:1.45rem}.zoom-percent{min-width:59px;font-size:.8rem;font-variant-numeric:tabular-nums}.page-jump{display:flex;align-items:center;gap:9px;padding:3px 5px 4px;font-size:.77rem;color:var(--muted)}.page-jump select{max-width:170px;min-height:38px;border:1px solid var(--edge);background:#fff;border-radius:8px;color:var(--ink);padding:0 10px}.hint{margin-left:auto;text-align:right}.site-footer{text-align:center;color:var(--muted);font-family:Georgia,serif;font-size:.8rem;padding:14px 0 2px}.reader:fullscreen{border:0;border-radius:0;padding:12px;background:var(--cream)}.reader:fullscreen .stage{max-height:none;height:auto}.reader:fullscreen .stage{flex:1}@media(max-width:520px){.app{padding-left:7px;padding-right:7px}.site-header{padding:6px 7px 13px}.reader{padding:7px;border-radius:12px}.stage{height:63dvh;min-height:290px;max-height:calc(100dvh - 236px)}.nav-copy{display:none}.nav-button{height:48px}.zoom-group{gap:2px}.small-button{width:37px}.zoom-percent{min-width:54px}.hint{font-size:.68rem;max-width:48%}.site-footer{font-size:.72rem}.page-jump select{max-width:150px}}@media(min-width:900px){.app{padding:24px}.stage{height:70dvh;min-height:400px;max-height:none}.reader{padding:13px}.toolbar{gap:18px}.nav-button{min-width:155px}.site-header{padding-bottom:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* BOTÕES DE ACESSO AO PATRIMÔNIO */

.botoes-patrimonio {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-width: 900px;
    margin: 35px auto 25px;
    padding: 0 20px;
}

.botao-patrimonio {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 75px;
    padding: 20px;

    background-color: #536746;
    color: #ffffff;
    border: 1px solid #536746;
    border-radius: 12px;

    font-family: inherit;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;

    transition: background-color 0.2s ease,
                transform 0.2s ease;
}

.botao-patrimonio:hover {
    background-color: #394b30;
    color: #ffffff;
    transform: translateY(-2px);
}

.botao-patrimonio:focus-visible {
    outline: 3px solid #b28c4b;
    outline-offset: 4px;
}

.botao-icone {
    font-size: 27px;
    flex-shrink: 0;
}

/* VERSÃO PARA CELULARES */

@media (max-width: 600px) {
    .botoes-patrimonio {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 0 16px;
    }

    .botao-patrimonio {
        min-height: 75px;
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .botao-patrimonio {
        transition: none;
    }
}