/* 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="Divider Line Block (Absolute)"],body[data-modelo="1"] .framer-fPy9W [data-framer-name="Divider Line"]{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}}

[data-card-action]{text-decoration:none!important}

/* 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}
