:root{--navy:#122335;--navy-2:#1c3348;--gold:#e5b86c;--paper:#f5f3ee;--muted:#61707d;--line:#d7d9d8;--white:#fff;--shadow:0 20px 60px rgba(18,35,53,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid #a8670f;outline-offset:4px}
.skip-link{position:fixed;left:12px;top:12px;z-index:20;transform:translateY(-180%);background:var(--navy);color:white;padding:10px 16px}.skip-link:focus{transform:none}
.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:82px;padding:12px clamp(20px,5vw,72px);background:rgba(245,243,238,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{display:inline-flex;align-items:center;font-size:1.15rem;font-weight:750;letter-spacing:.06em;justify-self:start}.monogram{display:inline-grid;place-items:center;width:34px;height:39px;margin-right:10px;border-radius:16px 16px 3px 3px;background:var(--navy);color:var(--gold);font:1.5rem Georgia,serif}.gold-dot{color:#aa7026}
.topbar-copy{text-align:center;line-height:1.25}.topbar-copy strong{display:block;font-size:.78rem;letter-spacing:.16em}.topbar-copy span{font-size:.8rem;color:var(--muted)}.back-link{justify-self:end;font-size:.9rem;text-decoration:underline;text-underline-offset:5px}
main{width:min(1500px,94%);margin:auto}.intro{max-width:850px;margin:50px auto 34px;text-align:center}.eyebrow{margin:0 0 14px;color:#87612f;font-size:.78rem;font-weight:750;letter-spacing:.16em}.intro h1{margin:0 0 18px;font:500 clamp(2.3rem,5vw,4.4rem)/1.08 Georgia,serif;letter-spacing:-.035em}.intro>p:last-child{max-width:680px;margin:auto;color:var(--muted);font-size:1.05rem}
.viewer{margin-bottom:70px}.viewer-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:1200px;margin:auto;padding:14px 0}.nav-button{width:max-content;border:1px solid #aeb7bd;border-radius:5px;background:white;color:var(--navy);padding:11px 18px;font:600 .9rem Arial;cursor:pointer}.nav-button:last-child{justify-self:end}.nav-button:disabled{opacity:.4;cursor:not-allowed}.page-status{text-align:center}.page-status span{display:block;color:var(--muted);font-size:.82rem}.page-status strong{font-size:1rem}
.progress{height:4px;max-width:1200px;margin:0 auto 18px;background:#d5d9dc;overflow:hidden;border-radius:20px}.progress span{display:block;height:100%;background:var(--gold);transition:width .25s ease}
.page-stage{margin:0 auto;max-width:1200px}.page-stage img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#ece9e3;box-shadow:var(--shadow);cursor:e-resize;user-select:none}.page-stage figcaption{margin-top:15px;color:var(--muted);font-size:.8rem;text-align:center}
.page-jump{display:flex;gap:7px;max-width:1200px;margin:24px auto 0;padding:3px 2px 10px;overflow-x:auto}.page-dot{flex:0 0 34px;height:34px;border:1px solid #bdc4c8;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.page-dot[aria-current=page]{background:var(--navy);border-color:var(--navy);color:white}.viewer-help{text-align:center;color:var(--muted);font-size:.82rem}
.visitor-cta{max-width:1050px;margin:0 auto 70px;padding:55px clamp(24px,6vw,72px);background:var(--navy);color:white;border-radius:8px}.visitor-cta .eyebrow{color:var(--gold)}.visitor-cta h2{margin:0 0 18px;font:500 clamp(2rem,4vw,3.3rem)/1.12 Georgia,serif}.visitor-cta>p:not(.eyebrow){max-width:780px;color:#d8e0e6}.cta-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;min-height:49px;padding:12px 18px;border-radius:4px;font-weight:700}.button.gold{background:var(--gold);color:var(--navy)}.button.outline{border:1px solid #738395}.whatsapp{text-decoration:underline;text-underline-offset:5px;padding:10px}.security-note{font-size:.8rem!important;margin:22px 0 0!important;color:#aebbc5!important}
footer{display:flex;justify-content:space-between;gap:20px;width:min(1200px,90%);margin:auto;padding:32px 0;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
@media(max-width:720px){.topbar{grid-template-columns:1fr auto;min-height:70px}.topbar-copy{display:none}.back-link{font-size:.82rem}.intro{margin-top:34px}.viewer-toolbar{grid-template-columns:1fr auto 1fr}.nav-button{padding:10px 12px;font-size:.8rem}.page-stage{width:calc(100% + 4%);margin-left:-2%}.page-stage figcaption{padding:0 14px}.visitor-cta{border-radius:0;margin-left:-3.2%;margin-right:-3.2%}.cta-actions{align-items:stretch;flex-direction:column}.cta-actions>*{width:100%;justify-content:center;text-align:center}footer{flex-direction:column}.viewer-help{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress span{transition:none}}