:root{--ink:#223d3b;--paper:#fff8e9;--pink:#eab8ae;--yellow:#edcf81}*{box-sizing:border-box}body{margin:0;background:#ece2d3;color:var(--ink);font-family:Arial,sans-serif;background-image:radial-gradient(#83715a18 .7px,transparent .7px);background-size:5px 5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.toolbar{height:74px;max-width:1320px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.toolbar>a{text-decoration:none;font:bold 27px Georgia}.toolbar span{color:#ae6557;font-style:italic}.toolbar small{font:10px Arial;letter-spacing:2px;margin-left:20px}.toolbar button{border:1px solid #223d3b55;border-radius:30px;background:transparent;padding:10px 16px;font-size:12px}.edition{text-align:center;font-size:10px;letter-spacing:3px;margin:15px 0 25px}.book{position:relative;display:flex;width: min(1000px,92vw);aspect-ratio:1000 / 695;margin:auto;perspective:2400px;filter:drop-shadow(0 24px 22px #39291930)}.page{position:relative;background:var(--paper);width:50%;height:100%;padding:4% 4% 5%;overflow:hidden;border:1px solid #223d3b40;display:none;flex:none}.page.visible{display:block}.page:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#3b2b1710,transparent 5%,transparent 95%,#3b2b1712)}.page:nth-child(even):after{background:linear-gradient(90deg,#3b2b171c,transparent 7%)}.running,.folio{font-size:9px;letter-spacing:1.3px;display:flex;justify-content:space-between}.running{border-bottom:1px solid;padding-bottom:12px;margin-bottom:20px}.folio{position:absolute;bottom:3%;left:8%;right:8%;border-top:1px solid #223d3b55;padding-top:10px;font-size:8px}h1,h2,h3,p{margin:0}h1{font:italic bold clamp(30px,4.2vw,56px)/1.05 Georgia;letter-spacing:-2px;text-align:center;margin:5% -5% 2%}h1 i{font-size:.6em;color:#ac5a4a}h2{font:bold clamp(25px,3.1vw,40px)/1.08 Georgia;letter-spacing:-1px;margin:4% 0}h3{font:bold 22px Georgia;margin:3% 0 2%}p{font-size:14px;line-height:1.5}.panel{border:2px solid var(--ink);position:relative;overflow:hidden;background:#e3d3b6;box-shadow:3px 3px 0 #223d3b}.panel img{width:100%;height:100%;display:block;object-fit:cover}.cover{background:#f5e9ce;padding:3% 3% 4%}.cover-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;border-bottom:2px solid;padding-bottom:9px}.subtitle{text-align:center;font:italic 17px Georgia;margin-bottom:5%}.cover-art{height:66%}.cover-art img{object-position:center 37%}.caption{position:absolute;top:12px;left:12px;right:12px;width:fit-content;background:var(--yellow);border:1.5px solid var(--ink);padding:7px 10px;font-size:11px;font-weight:bold;box-shadow:2px 2px 0 var(--ink)}.bubble{position:absolute;right:12px;top:50px;max-width:75%;padding:12px 16px;background:#fffdf7;border:2px solid var(--ink);border-radius:50%;font:bold italic 15px/1.15 Georgia;text-align:center;box-shadow:2px 2px 0 var(--ink)}.bubble:after{content:'';position:absolute;width:12px;height:13px;background:#fffdf7;border-right:2px solid;border-bottom:2px solid;transform:skewY(-30deg);bottom:-8px;left:28%}.cover-art .bubble{top:auto;bottom:16%;right:10%}.star{position:absolute;bottom:12px;left:12px;background:var(--yellow);width:83px;height:83px;display:grid;align-content:center;text-align:center;border:2px solid;border-radius:50%;transform:rotate(-12deg);font:bold 28px/.8 Georgia}.star small{font:9px/1.3 Arial;margin-top:5px}.cover-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4%;font-size:9px}.cover-bottom strong{letter-spacing:1px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:54%;margin:6% 0}.close img{object-position:43% 62%;width:240%;max-width:none;transform:translateX(-25%)}.embrace img{object-position:56% 32%}.embrace .bubble{font-size:14px;max-width:90%;right:5px;top:auto;bottom:20px}.narration{font:italic 17px/1.5 Georgia;margin-top:5%}.faith-art{height:52%}.faith-art img{object-position:center 40%}.faith blockquote{font:italic 20px/1.3 Georgia;margin:4% 0}.faith cite{display:block;font:9px Arial;letter-spacing:2px;margin-top:9px}.faith .narration{font-size:14px}.church{height:38%;margin:4% 0}.church img{object-position:center 40%}.datecard{display:flex;gap:15px;align-items:center;border-bottom:1px solid #223d3b66;padding-bottom:3%}.datecard>strong{font:bold 60px/.9 Georgia}.datecard>div{font-size:12px;line-height:1.7;letter-spacing:1px}.event p{font-size:13px}.action{display:block;width:100%;text-align:center;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 10px;text-decoration:none;font-size:12px;font-weight:bold;margin-top:5%;box-shadow:3px 3px 0 #ae6557}.action:hover{background:#345a56}.party{height:33%;margin-top:5%}.party .bubble{top:14px;font-size:13px}.entry{height:20%;margin:12px 0 5%}.entry img{object-position:center 60%}.final-art{height:40%;margin:6% 0}.final-art img{object-position:center 25%}.final-art .bubble{top:auto;bottom:18px}.final-page{text-align:center}.final-page h2{font-size:clamp(26px,2.9vw,38px)}.final-page p{font-size:13px}.text-link{display:block;font-size:12px;margin:6% 0}.signature{font:italic 16px Georgia!important}.controls{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:26px auto 30px;max-width:480px;width:90%}.controls button{border:1px solid #223d3b66;background:var(--paper);width:48px;height:48px;border-radius:50%;font-size:24px}.controls button:disabled{opacity:.25;cursor:default}.controls div{text-align:center;font-size:12px}.controls small{display:block;font-size:10px;margin-top:6px;color:#6b7165}.turn-leaf{display:block!important;position:absolute!important;top:0;left:50%;z-index:10;transform-origin:left center;backface-visibility:hidden;pointer-events:none;animation:turn-forward .78s cubic-bezier(.35,.05,.25,1) forwards}.turn-leaf:before{content:'';position:absolute;inset:0;z-index:20;background:linear-gradient(90deg,transparent 30%,#33231050);animation:shade .78s forwards;pointer-events:none}.turn-leaf.backward{left:0;transform-origin:right center;animation-name:turn-back}@keyframes turn-forward{0%{transform:rotateY(0)}100%{transform:rotateY(-180deg)}}@keyframes turn-back{0%{transform:rotateY(0)}100%{transform:rotateY(180deg)}}@keyframes shade{0%{opacity:0}50%{opacity:1}100%{opacity:.1}}dialog{background:var(--paper);color:var(--ink);border:2px solid;width:min(92vw,480px);max-height:90svh;padding:30px;box-shadow:8px 8px 0 #223d3b55}dialog::backdrop{background:#162b2ac9;backdrop-filter:blur(5px)}dialog h2{font-size:40px}dialog p{font-size:12px}.close-dialog{float:right;background:none;border:0;font-size:28px}.eyebrow{letter-spacing:2px;font-size:10px}label{display:block;margin-top:14px;font-size:12px}input,select,textarea{display:block;width:100%;padding:10px;margin-top:6px;background:#fffdf7;color:var(--ink);border:1px solid #223d3b66;font:16px Arial}.honeypot{position:absolute;left:-10000px}#resultado{margin:20px 0}.privacy{font-size:10px;margin:20px 0 10px}dialog>a{font-size:12px}:focus-visible{outline:3px solid #b9573f;outline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){.toolbar{height:62px;padding:0 6%}.toolbar small{font-size:8px;letter-spacing:1px;margin-left:10px}.edition{font-size:8px;letter-spacing:1.7px;margin:8px 0 18px}.book{width:min(94vw,460px);aspect-ratio:500 / 710}.page{width:100%;padding:8% 8% 10%}.cover{padding:6% 6% 8%}.turn-leaf,.turn-leaf.backward{left:0;width:100%}h1{font-size:clamp(30px,10.3vw,49px)}h2{font-size:clamp(25px,8vw,38px)}.final-page h2{font-size:clamp(25px,7.5vw,36px)}.running{font-size:8px;margin-bottom:5%;padding-bottom:9px}.cover-art{height:65%}.subtitle{font-size:16px}.narration{font-size:16px}.event h3{font-size:21px}.controls{margin-top:20px}.folio{font-size:7px}.cover-bottom{font-size:8px}.faith blockquote{font-size:19px}}@media(prefers-reduced-motion:reduce){.turn-leaf{animation:none!important}*{scroll-behavior:auto!important}}
/* Segunda edição — cenas originais e abertura pela capa. */
.book.single{width:min(500px,92vw);aspect-ratio:500 / 695}.book.single .page{width:100%;padding:8% 8% 10%}.book.single .cover{padding:6% 6% 8%}.book.single h1{font-size:clamp(32px,8vw,52px)}.book.single h2{font-size:clamp(28px,7vw,38px)}.book.single .turn-leaf{left:0;width:100%}.book{isolation:isolate;touch-action:pan-y}.cover-art img{object-position:center 65%}.cover-art .bubble{bottom:16%;right:5%;font-size:14px}.cover-art .caption{font-size:10px}.cover-bottom button{border:0;background:transparent;font:bold 11px Georgia;padding:8px 0;border-bottom:1px solid var(--ink)}.panels{grid-template-columns:1fr;grid-template-rows:38% 62%;gap:9px;height:56%;margin:5% 0}.close img{width:100%;height:100%;transform:none;object-position:center 65%;object-fit:cover}.embrace img{object-position:center 20%}.embrace .bubble{right:10px;bottom:18px;max-width:70%}.faith-art{height:52%;background:#f2dfc0}.faith-art img{object-fit:contain;object-position:center}.reception .party{height:47%;margin-bottom:5%}.party img{object-position:center 43%}.party .bubble{top:12px;right:8px;background:#fff8e9ed}.reception-note{font:italic 14px/1.5 Georgia;margin:5% 0}.final-art{height:42%}.final-art img{object-position:center 52%}.final-art .bubble{bottom:auto;top:10px;right:10px;max-width:85%;font-size:14px}.final-page .text-link{margin:5% 0}.controls button:hover:not(:disabled){background:var(--yellow);transform:translateY(-2px)}.controls button{transition:transform .2s,background .2s}.music-note{font-size:10px;letter-spacing:1px;text-align:center;padding:0 20px 25px;color:#6b7165}.close img{object-position:center 71%}.page .narration{margin-top:6%}@media(max-width:700px){.book.single{width:min(94vw,460px);aspect-ratio:500 / 710}.book.single h1{font-size:clamp(30px,10.3vw,49px)}.book.single h2{font-size:clamp(25px,8vw,38px)}.cover-art .bubble{font-size:13px}.reception-note{font-size:13px}.final-art .bubble{font-size:13px}.controls{gap:12px}.controls small{font-size:9px}.toolbar button{font-size:10px;padding:10px 12px}}
/* Capa de HQ e revista fechada */
.book.closed{transform:rotate(-2deg);transition:transform .55s;filter:drop-shadow(14px 20px 18px #39291935)}.book.closed:before{content:'';position:absolute;inset:3px -7px -7px 5px;background:repeating-linear-gradient(#f9efdc 0px,#f9efdc 2px,#bfb097 3px);border:1px solid #776c56;z-index:-1;box-shadow:3px 3px 0 #223d3b}.cover{background:#efc866;border:3px solid #223d3b}.cover-top{font-weight:800;letter-spacing:.9px;border-bottom:2px solid;padding-bottom:8px;font-size:8px}.cover h1,.book.single .cover h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(39px,8vw,64px);letter-spacing:-2px;line-height:.95;color:#fff9e9;text-shadow:2px 2px 0 #223d3b,3px 3px 0 #223d3b,4px 4px 0 #223d3b;-webkit-text-stroke:1.2px #223d3b;transform:rotate(-3deg);margin:6% -2% 3%}.cover h1 i{font-family:Georgia,serif;font-size:.65em;color:#bd594c;-webkit-text-stroke:1px #223d3b;text-shadow:2px 2px 0 #223d3b}.cover .subtitle{font:bold italic 19px Georgia;letter-spacing:-.3px;margin:4% 0 5%}.cover-art{height:65%;box-shadow:4px 4px 0 var(--ink)}.cover-art .caption{top:10px;left:10px;font-size:8px;letter-spacing:1px;transform:rotate(-2deg);background:#fff8e9}.cover-art .bubble{background:#fff9e9;right:8px;bottom:18%;border-radius:45%;transform:rotate(-5deg);font-size:16px}.cover-art .star{border-radius:0;clip-path:polygon(50% 0,61% 13%,79% 5%,83% 24%,100% 27%,90% 45%,100% 60%,82% 68%,80% 91%,59% 86%,49% 100%,37% 85%,16% 94%,15% 72%,0 62%,11% 45%,0 28%,22% 22%,22% 4%,40% 12%);width:96px;height:96px;bottom:8px;left:8px;background:#efc866;padding:12px;font-size:30px}.cover-bottom{margin-top:5%;gap:10px}.cover-bottom strong{font-size:8px;letter-spacing:.5px}.cover-bottom button{background:#223d3b;color:#fff8e9;font:bold 12px Arial;padding:12px 14px;border:1px solid #223d3b;box-shadow:3px 3px 0 #ac5a4a}.turn-leaf.from-single{left:0;width:100%;padding:8% 8% 10%}.turn-leaf.from-single.cover{padding:6% 6% 8%}@media(min-width:701px){.book:not(.single) .turn-leaf.from-single{left:25%;width:50%;padding:4% 4% 5%}.book:not(.single) .turn-leaf.from-single.cover{padding:3% 3% 4%}}@media(max-width:400px){.cover h1,.book.single .cover h1{font-size:11vw}.cover .subtitle{font-size:17px}.cover-art .bubble{font-size:13px}.cover-bottom button{padding:10px;font-size:11px}}@media(prefers-reduced-motion:reduce){.book.closed{transition:none}}
.cover.visible,.cover.turn-leaf{display:flex!important;flex-direction:column}.cover .cover-top{flex-shrink:0}.cover h1,.book.single .cover h1{margin:5% -2% 2%;flex-shrink:0}.cover .subtitle{margin:3% 0 5%;flex-shrink:0}.cover .cover-art{height:auto;flex:1;min-height:0}.cover .cover-bottom{flex-shrink:0;margin-top:4%;min-height:40px}.cover .cover-art img{object-position:center 62%}
.reception .party{height:43%;margin-bottom:3%}.reception-note{margin:3% 0}.party .bubble{top:auto;bottom:12px;right:12px;font-size:13px}.party img{object-position:center 33%}
.final-art img{object-position:center 25%}.final-art .bubble{top:auto;bottom:12px;right:10px;font-size:13px}
/* Correções das páginas internas. A capa aprovada permanece intacta. */
.page:not(.cover).visible,.page:not(.cover).turn-leaf{display:flex!important;flex-direction:column;gap:12px}
.page:not(.cover)>.running{margin:0;padding:0 0 10px;flex-shrink:0;line-height:1.35;gap:8px}
.page:not(.cover)>h2{margin:0;flex-shrink:0;line-height:1.12;font-size:clamp(25px,3vw,38px)}
.page:not(.cover)>.folio{position:static;margin-top:auto;padding-top:10px;min-height:23px;flex-shrink:0;line-height:1.4;gap:10px}
.page:not(.cover)>.narration{margin:0;flex-shrink:0;font-size:14px;line-height:1.5}
.page:not(.cover) .panel{display:flex;flex-direction:column;min-height:0;flex-shrink:1}
.page:not(.cover) .panel img{flex:1;width:100%;height:0;min-height:0;object-fit:cover}
.page:not(.cover) .panel>.caption{position:static;order:-1;flex-shrink:0;margin:0;width:100%;max-width:none;padding:7px 9px;border:0;border-bottom:1px solid var(--ink);box-shadow:none;font-size:10px;line-height:1.35}
.page:not(.cover) .panel>.bubble{position:static;flex-shrink:0;align-self:flex-end;max-width:calc(100% - 16px);margin:8px 8px 10px;padding:8px 14px;border-radius:16px;font-size:13px;line-height:1.25;box-shadow:2px 2px 0 var(--ink)}
.page:not(.cover) .panel>.bubble:after{display:none}
.page:not(.cover) .panels{flex:1;min-height:220px;height:auto;margin:0;grid-template-rows:minmax(0,1fr) minmax(0,1.9fr);gap:12px}
.page:not(.cover) .close img{object-position:center 57%;transform:none;width:100%}
.page:not(.cover) .embrace img{object-position:center 20%}
.page.faith .faith-art{height:auto;flex:1;min-height:180px;margin:0}
.page.faith .faith-art img{object-fit:contain;object-position:center}
.page.faith blockquote{flex-shrink:0;margin:0;font:italic 19px/1.35 Georgia}
.page.faith cite{font:9px/1.4 Arial;letter-spacing:1.5px;margin-top:8px}
.page.event .church{height:auto;flex:1;min-height:135px;margin:0}
.page.event .datecard{flex-shrink:0;padding-bottom:10px;gap:12px}
.page.event .datecard>strong{font-size:48px;line-height:1}
.page.event .datecard>div{font-size:11px}
.page.event h3{flex-shrink:0;margin:0;font-size:21px;line-height:1.2}
.page.event p{flex-shrink:0;font-size:12px;line-height:1.45}
.page:not(.cover)>.action{flex-shrink:0;margin:0;padding:12px 8px;font-size:12px;line-height:1.4}
.page.reception .party{height:auto;flex:1;min-height:180px;margin:0}
.page.reception .party img{object-position:center 25%}
.page.reception .reception-note{margin:0;font:italic 13px/1.45 Georgia;flex-shrink:0}
.page.final-page .final-art{height:auto;flex:1;min-height:180px;margin:0}
.page.final-page .final-art img{object-position:center 25%}
.page.final-page>h2,.book.single .page.final-page>h2{font-size:clamp(25px,3vw,34px);line-height:1.12;margin:0}
.page.final-page>p{flex-shrink:0;font-size:12px;line-height:1.45}
.page.final-page>.text-link{flex-shrink:0;margin:0;padding:4px 0;font-size:12px}
.page.final-page>.signature{font-size:14px!important;margin:0;line-height:1.4}
@media(max-width:700px){
.page:not(.cover).visible,.page:not(.cover).turn-leaf{gap:10px;padding:6% 7% 6%}
.book.single .page:not(.cover){padding:6% 7% 6%}
.page:not(.cover)>h2,.book.single .page:not(.cover)>h2{font-size:clamp(24px,7vw,34px)}
.page:not(.cover)>.running{font-size:7px;letter-spacing:.9px;padding-bottom:8px}
.page:not(.cover)>.folio{font-size:7px;letter-spacing:.7px;padding-top:7px;min-height:20px}
.page:not(.cover)>.narration{font-size:12px;line-height:1.4}
.page.faith blockquote{font-size:17px}
.page.event h3{font-size:19px}
.page.event .datecard>strong{font-size:42px}
.page:not(.cover)>.action{font-size:11px;padding:10px 6px}
.page:not(.cover) .panel>.bubble{font-size:12px;margin:6px 7px 8px;padding:7px 12px}
.page.final-page>h2,.book.single .page.final-page>h2{font-size:clamp(23px,6.5vw,30px)}
}
@media(max-width:360px){
.book:not(.closed){min-height:540px;aspect-ratio:auto}
.page:not(.cover)>.running{font-size:6.5px}
}
@media(max-width:700px){.book:not(.closed){height:max(570px,min(133.48vw,653px));min-height:0;aspect-ratio:auto}}
