/* Only the working copy: preserve the original art and Margaret's layout. */
.original-card-frame{aspect-ratio:2721/4838!important;max-height:calc(100dvh - 64px)!important;max-width:100%!important;overflow:visible!important}
.original-card{display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;cursor:zoom-in}
.card-slot{opacity:1!important}
.card-slot [data-framer-name="Text"]{max-width:100%}
.card-caption [data-framer-component-type="RichTextContainer"]{opacity:1!important}
[data-card-action]{cursor:pointer;touch-action:manipulation}
[data-card-action][aria-disabled="true"]{opacity:.35;cursor:default}
.card-slot .framer-PkwJS{max-height:calc(100dvh - 64px)}
@media(min-width:1200px){.card-slot .framer-PkwJS{width:min(58%,calc((100dvh - 64px)*2721/4838))!important}.original-card-frame{width:100%!important;height:auto!important}}
@media(min-width:810px) and (max-width:1199.98px){.original-card-frame{height:min(100%,calc(100dvh - 160px))!important;width:auto!important}.original-card{max-height:calc(100dvh - 160px)}}
@media(max-width:809.98px){.card-slot .framer-PkwJS{width:min(65%,calc((100dvh - 210px)*2721/4838))!important}.original-card-frame{width:100%!important;height:auto!important}}
dialog.card-zoom{border:0;padding:0;background:transparent;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;overflow:hidden}
dialog.card-zoom::backdrop{background:rgba(255,255,255,.97)}
.card-zoom img{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-out}
.card-zoom button{position:fixed;right:16px;top:max(16px,env(safe-area-inset-top));background:white;color:black;border:1px solid #ddd;border-radius:50%;font:24px serif;width:40px;height:40px;cursor:pointer}
@media(prefers-reduced-motion:no-preference){.original-card{animation:card-in .2s ease} @keyframes card-in{from{opacity:.5}to{opacity:1}}}
.card-caption{display:none!important}
.card-slot .framer-PkwJS{width:100%!important}
@media(min-width:1200px){.card-slot>.framer-ksdarm-container{width:min(58%,calc((100dvh - 64px)*2721/4838))!important}}
@media(max-width:809.98px){.card-slot>.framer-ksdarm-container{width:min(65%,calc((100dvh - 210px)*2721/4838))!important}}
/* Modelo 1: mobile gains the space previously occupied by the title. */
@media(max-width:809.98px){
 body[data-modelo="1"] .framer-smg0ux{display:none!important}

 body[data-modelo="1"] .framer-fPy9W>[data-framer-name="Content Wrapper"]{--border-left-width:0px!important;--border-right-width:0px!important;--border-top-width:0px!important;--border-bottom-width:0px!important;padding:0 12px!important}
 body[data-modelo="1"] .framer-fPy9W .framer-1ycx8k2{display:none!important}
 body[data-modelo="1"] .framer-fPy9W{height:calc(100dvh - 96px - env(safe-area-inset-bottom))!important;min-height:0!important}
 body[data-modelo="1"] .framer-fPy9W>[data-framer-name="Content Wrapper"]{height:100%!important;flex:1!important}
 body[data-modelo="1"] .card-slot>.framer-ksdarm-container{width:min(100%,calc((100dvh - 112px - env(safe-area-inset-bottom))*2721/4838))!important}
 body[data-modelo="1"] .original-card-frame,body[data-modelo="1"] .card-slot .framer-PkwJS{max-height:calc(100dvh - 112px - env(safe-area-inset-bottom))!important}
 body[data-modelo="1"] .framer-1a4pt2a-container{height:56px!important;bottom:env(safe-area-inset-bottom)!important}
 body[data-modelo="1"] .framer-fPy9W .framer-1s0k2h9{bottom:0!important}
}

.view-toggle{position:fixed;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:20;width:32px;height:32px;padding:10px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.view-toggle::before{content:"";width:7px;height:7px;border-radius:50%;background:#555}.view-toggle:focus-visible{outline:1px solid #555;border-radius:50%}

/* Exact background palette and central circle from the supplied reference. */
:root{--page-bg:#FFFBF3;--page-ink:#222}
html[data-fundo="escuro"],html[data-fundo="marrom"],html[data-fundo="vinho"]{--page-ink:#FFFBF3}
html,body,body:has(.original-card) .framer-1RJol,body:has(.original-card) .framer-fPy9W,body:has(.original-card) [data-framer-name="Item Selector Unit"],body:has(.original-card) [data-framer-name="Selector Block"],body:has(.original-card) [data-framer-name="Navigation Top"],body:has(.original-card) .framer-AEo8t,dialog.card-zoom{background-color:var(--page-bg)!important}
body:has(.original-card) [data-framer-name="Divider Line"]{background-color:color-mix(in srgb,var(--page-ink) 14%,transparent)!important}

.background-dot{position:fixed;right:23px;top:13px;width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center;z-index:30}
.background-dot svg{width:13px;height:13px;display:block}.background-dot circle{fill:#D9902F}
.background-dot:focus-visible{outline:1px solid var(--page-ink);border-radius:50%}.view-toggle::before{background:var(--page-ink)}
.card-zoom::backdrop{background:var(--page-bg)!important}
@media(max-width:700px){.background-dot{right:7px;top:calc(7px + env(safe-area-inset-top))}}
@media(prefers-reduced-motion:no-preference){body:has(.original-card),body:has(.original-card) .framer-fPy9W,body:has(.original-card) [data-framer-name="Navigation Top"]{transition:background-color .3s ease}.background-dot:hover svg{transform:scale(1.1)}}
/* Every interface element follows the selected background; artwork is excluded. */
:root,html[data-fundo="claro"]{--page-ink:#9A9082;--page-line:#D8D0C2}
html[data-fundo="escuro"]{--page-ink:#85858A;--page-line:#303034}
html[data-fundo="marrom"]{--page-ink:#B28D76;--page-line:#654332}
html[data-fundo="vinho"]{--page-ink:#C28D9E;--page-line:#79374B}
body:has(.original-card) .framer-text,body:has(.original-card) [data-card-action],body:has(.original-card) [data-card-counter]{color:var(--page-ink)!important;-webkit-text-fill-color:var(--page-ink)!important}
body:has(.original-card) [data-card-action],body:has(.original-card) [data-card-action] div{background-color:var(--page-bg)!important}
body:has(.original-card) [data-border]{--border-color:var(--page-line)!important}
body:has(.original-card) [data-framer-name="Divider Line"]{background-color:var(--page-line)!important}
.card-zoom button{color:var(--page-ink);background:var(--page-bg);border-color:var(--page-line)}
.view-toggle:focus-visible,.background-dot:focus-visible{outline-color:var(--page-ink)}
@media(prefers-reduced-motion:no-preference){body:has(.original-card) .framer-text{transition:color .3s ease,-webkit-text-fill-color .3s ease}}

.background-dot circle{fill:var(--page-ink)!important;transition:fill .3s ease}
@media(prefers-reduced-motion:reduce){.background-dot circle{transition:none}}

/* Author-specified type color, identical to the original card border. */
html body:has(.original-card) .framer-text,html body:has(.original-card) [data-card-counter]{color:#FFF7E9!important;-webkit-text-fill-color:#FFF7E9!important}
/* Mobile reader: constrain the stage, never the artwork's aspect ratio. */
@media(max-width:809.98px){
 body[data-modelo="1"] .framer-fPy9W>[data-framer-name="Content Wrapper"]{position:fixed!important;top:calc(44px + env(safe-area-inset-top))!important;bottom:calc(112px + env(safe-area-inset-bottom))!important;left:0!important;right:0!important;width:100%!important;height:auto!important;max-height:none!important;padding:0 12px!important;overflow:visible!important;box-sizing:border-box!important}
 body[data-modelo="1"] .framer-fPy9W [data-framer-name="Content Container"]{position:relative!important;width:100%!important;height:100%!important;overflow:visible!important}
 body[data-modelo="1"] .card-slot{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}
 body[data-modelo="1"] .card-slot>.framer-ksdarm-container,body[data-modelo="1"] .card-slot .framer-PkwJS{width:100%!important;height:100%!important;max-height:none!important;min-height:0!important}
 body[data-modelo="1"] .original-card-frame{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important}
 body[data-modelo="1"] .original-card-frame>[data-framer-background-image-wrapper]{position:absolute!important;inset:0!important}
 body[data-modelo="1"] .original-card{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
}
/* Match the visible diameter of the 13px SVG's 6.2/16 central circle. */
.view-toggle::before{width:5.0375px!important;height:5.0375px!important}
@media(max-width:809.98px){body[data-modelo="1"] .framer-fPy9W>[data-framer-name="Content Wrapper"]{bottom:calc(128px + env(safe-area-inset-bottom))!important}}
@media(max-width:809.98px){
 .background-dot{left:7px!important;right:auto!important;top:calc(7px + env(safe-area-inset-top))!important}
 .view-toggle{left:auto!important;right:7px!important;top:calc(7px + env(safe-area-inset-top))!important;bottom:auto!important;width:44px!important;height:44px!important;padding:0!important}
}
/* Identical menu position in both mobile views. */
@media(max-width:809.98px){
 body:has(.original-card) .framer-1a4pt2a-container{position:fixed!important;left:0!important;right:0!important;width:100%!important;height:56px!important;top:auto!important;bottom:env(safe-area-inset-bottom)!important}
}

.view-toggle::before{width:3px!important;height:3px!important}
.background-dot svg circle{r:1.846154px}
@media(max-width:809.98px){
 .background-dot{left:7px!important;right:auto!important}
 .view-toggle{left:39px!important;right:auto!important}
}
.view-toggle::before{width:4px!important;height:4px!important}
.background-dot svg circle{r:2.461538px}
@media(max-width:809.98px){
 .background-dot,.view-toggle{left:13px!important;right:auto!important;width:32px!important;height:24px!important;padding:0!important}
 .background-dot{top:calc(17px + env(safe-area-inset-top))!important}
 .view-toggle{top:calc(41px + env(safe-area-inset-top))!important;bottom:auto!important}
}
/* Two close cream tones, with a restrained halo around each control. */
.background-dot svg circle{fill:#FFF7E9!important;filter:drop-shadow(0 0 1.5px rgba(255,247,233,.35))}
.view-toggle::before{background:#E7D8C1!important;box-shadow:0 0 3px rgba(231,216,193,.3)}
@media(max-width:809.98px){
 .background-dot{top:calc(35px + env(safe-area-inset-top))!important;height:12px!important}
 .view-toggle{top:calc(47px + env(safe-area-inset-top))!important;height:12px!important}
}
/* Soft points with a separate blurred breathing halo. */
.background-dot svg{overflow:visible;opacity:.5}
.background-dot svg circle{filter:none}
.view-toggle::before{opacity:.48;box-shadow:none}
.background-dot::after,.view-toggle::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);background:#FFF7E9;filter:blur(5px);opacity:.12;pointer-events:none}
.view-toggle::after{background:#E7D8C1}
@media(prefers-reduced-motion:no-preference){
 .background-dot::after,.view-toggle::after{animation:cream-breathe 3.6s ease-in-out infinite}
 .view-toggle::after{animation-delay:-1.8s}
 @keyframes cream-breathe{0%,100%{opacity:.07;filter:blur(5px);transform:translate(-50%,-50%) scale(.8)}50%{opacity:.34;filter:blur(7px);transform:translate(-50%,-50%) scale(1.6)}}
}
@media(max-width:809.98px){
 .background-dot{top:calc(29px + env(safe-area-inset-top))!important;height:24px!important}
 .view-toggle{top:calc(57px + env(safe-area-inset-top))!important;height:24px!important}
}
/* Scale the pair as one visual unit (80%), keeping independent touch targets. */
@media(max-width:809.98px){
 .background-dot,.view-toggle{left:11.6px!important;width:32px!important;height:24px!important}
 .background-dot{top:calc(20px + env(safe-area-inset-top))!important}
 .view-toggle{top:calc(42.4px + env(safe-area-inset-top))!important}
 .background-dot svg{width:10.4px!important;height:10.4px!important}
 .view-toggle::before{width:3.2px!important;height:3.2px!important}
 .background-dot::after,.view-toggle::after{width:7.2px!important;height:7.2px!important;filter:blur(4px)}
}

/* No visible close control may cover the original artwork. */
dialog.card-zoom button{display:none!important}
/* One explicit text color per theme, including every navigation label. */
html[data-fundo="claro"]{--interface-text:var(--page-line)}
html[data-fundo="escuro"],html[data-fundo="marrom"],html[data-fundo="vinho"]{--interface-text:#FFF7E9}
html[data-fundo] body:has(.original-card) .framer-text,
html[data-fundo] body:has(.original-card) [data-card-counter],
html[data-fundo] body:has(.original-card) [data-card-action],
html[data-fundo] body:has(.original-card) [data-card-action] *,
html[data-fundo] body:has(.original-card) [data-framer-name="Navigation Wrapper"] *,
html[data-fundo] body:has(.original-card) .framer-smg0ux a *{color:var(--interface-text)!important;-webkit-text-fill-color:var(--interface-text)!important}
/* Expanded art retains a breathing margin on every side. */
dialog.card-zoom{box-sizing:border-box!important;position:fixed!important;inset:0!important;margin:auto!important;width:100%!important;height:100dvh!important;max-width:100%!important;max-height:100dvh!important;padding:24px!important;padding-top:max(24px,env(safe-area-inset-top))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
.card-zoom img{width:100%!important;height:100%!important;object-fit:contain!important}
/* Visible warm points on the cream background, closer as a vertical pair. */
html[data-fundo="claro"] .background-dot svg circle{fill:#9A9082!important}
html[data-fundo="claro"] .view-toggle::before{background:#B7AA96!important}
html[data-fundo="claro"] .background-dot::after{background:#9A9082}
html[data-fundo="claro"] .view-toggle::after{background:#B7AA96}
@media(max-width:809.98px){
 .background-dot{height:18px!important;top:calc(23px + env(safe-area-inset-top))!important}
 .view-toggle{height:18px!important;top:calc(41px + env(safe-area-inset-top))!important}
}
/* Close visual points, separate 44px touch areas extending away from the pair. */
@media(max-width:809.98px){
 .background-dot,.view-toggle{left:5.6px!important;width:44px!important;height:44px!important;display:block!important}
 .background-dot{top:calc(-3px + env(safe-area-inset-top))!important}
 .view-toggle{top:calc(41px + env(safe-area-inset-top))!important}
 .background-dot svg{position:absolute!important;left:50%!important;top:35px!important;transform:translate(-50%,-50%)!important}
 .view-toggle::before{position:absolute!important;left:50%!important;top:9px!important;transform:translate(-50%,-50%)!important}
 .background-dot::after{top:35px!important}
 .view-toggle::after{top:9px!important}
}
/* Both mobile views share the same footer: menu first, card navigation below. */
@media(max-width:809.98px){
 body:has(.original-card) .framer-1a4pt2a-container{bottom:calc(44px + env(safe-area-inset-bottom))!important;height:56px!important}
 body:has(.original-card) .framer-fPy9W .framer-1s0k2h9{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:env(safe-area-inset-bottom)!important;width:100%!important;height:44px!important;z-index:8!important;display:flex!important;align-items:center!important}
 body:has(.original-card) .framer-fPy9W .framer-rcv8ow{width:100%!important}
}

html{color-scheme:only light;-webkit-text-size-adjust:100%}

/* The card navigation has identical geometry in both mobile views. */
@media(max-width:809.98px){
 body:has(.original-card) .framer-fPy9W .framer-1s0k2h9{padding:0 16px!important;box-sizing:border-box!important}
 body:has(.original-card) .framer-fPy9W .framer-rcv8ow{position:relative!important;width:100%!important;min-width:0!important}
 body:has(.original-card) .framer-fPy9W [data-framer-name="Divider Line Block (Absolute)"]{position:absolute!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;width:auto!important;height:1px!important;display:block!important;z-index:0!important;pointer-events:none!important}
 body:has(.original-card) .framer-fPy9W [data-framer-name="Divider Line"]{display:block!important;width:100%!important;height:1px!important;opacity:1!important;background:var(--page-line)!important}
 body:has(.original-card) .framer-fPy9W .framer-rcv8ow>div:not([data-framer-name="Divider Line Block (Absolute)"]){position:relative!important;z-index:1!important}
}

/* Mobile navigation lives outside the card's clipping and sizing containers. */
.mobile-card-navigation{display:none!important}
@media(max-width:809.98px){
 body:has(.original-card) .framer-fPy9W .framer-1s0k2h9{display:none!important}
 .mobile-card-navigation{position:fixed!important;inset:auto 0 env(safe-area-inset-bottom)!important;width:100%!important;height:44px!important;box-sizing:border-box!important;padding:0 16px!important;display:flex!important;align-items:center!important;z-index:12!important;background:var(--page-bg)!important}
 .mobile-card-navigation .framer-rcv8ow{position:relative!important;width:100%!important;height:24px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:0!important}
 .mobile-card-navigation [data-framer-name="Divider Line Block (Absolute)"]{position:absolute!important;inset:50% 0 auto!important;height:1px!important;width:100%!important;z-index:0!important;pointer-events:none}
 .mobile-card-navigation [data-framer-name="Divider Line"]{display:block!important;width:100%!important;height:1px!important;background:var(--page-line)!important}
 .mobile-card-navigation .framer-rcv8ow>div:not([data-framer-name="Divider Line Block (Absolute)"]){position:relative!important;z-index:1!important;background:var(--page-bg)!important}
 .mobile-card-navigation [data-framer-name="Selector Block"]{padding:0 8px!important}
}
@media(max-width:809.98px){
 .mobile-card-navigation .framer-rcv8ow>div{flex:0 0 auto!important}
 .mobile-card-navigation [data-framer-name="Selector Block"]{width:auto!important;height:auto!important;display:flex!important;align-items:center!important}
 .mobile-card-navigation .framer-text{white-space:nowrap!important;font-size:12px!important;line-height:1.2!important;margin:0!important}
 .mobile-card-navigation [data-card-counter]{width:auto!important;height:auto!important;white-space:nowrap!important}
}
@media(max-width:809.98px){
 body[data-modelo="0"] .framer-3Yp2Z{height:100dvh!important;min-height:100dvh!important;width:100%!important}
 body[data-modelo="0"] .framer-fPy9W>[data-framer-name="Content Wrapper"]{position:fixed!important;inset:calc(170px + env(safe-area-inset-top)) 0 calc(128px + env(safe-area-inset-bottom))!important;width:100%!important;height:auto!important;padding:0 16px!important;box-sizing:border-box!important;overflow:visible!important}
 body[data-modelo="0"] .framer-fPy9W [data-framer-name="Content Container"]{position:relative!important;width:100%!important;height:100%!important;overflow:visible!important}
 body[data-modelo="0"] .card-slot{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
 body[data-modelo="0"] .card-slot>.framer-ksdarm-container{width:65%!important;height:100%!important}
 body[data-modelo="0"] .card-slot .framer-PkwJS,body[data-modelo="0"] .original-card-frame{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important}
}
.mobile-card-navigation .framer-text{font-family:"Newsreader","Newsreader Placeholder",serif!important}