/* UVZA — Vitrine editorial v3. Sem dependências externas. */
:root{color-scheme:dark;--gold:#e8b972;--cream:#f4e9d4;--muted:#dfd4c6;--line:rgba(243,225,198,.36);font-synthesis:none}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{height:100%;margin:0;background:#10131c;color:var(--cream);font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f4ca80;outline-offset:4px}a{color:inherit}
.skip-link{position:absolute;z-index:50;top:-100px;left:16px;padding:10px;background:#f2c17b;color:#17181c}.skip-link:focus{top:12px}
.backgrounds{position:fixed;inset:0;overflow:hidden;z-index:-2;background:#11151d}.background{position:absolute;inset:0;opacity:0;transition:opacity .85s ease}.background.active{opacity:1}.background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.background-vignette{position:absolute;inset:0;background:linear-gradient(to right,rgba(3,6,12,.94) 0%,rgba(5,9,16,.88) 19%,rgba(8,11,18,.58) 33%,rgba(10,14,23,.20) 53%,rgba(0,0,0,.04) 78%),linear-gradient(to bottom,rgba(5,8,15,.16) 0%,transparent 42%,rgba(5,7,12,.44) 100%);pointer-events:none}
.page{height:100svh;display:flex;flex-direction:column;overflow:hidden}.main{flex:1;display:flex;align-items:center;justify-content:flex-start;min-height:0;overflow:hidden}.showcase{width:min(1460px,100%);height:100%;margin:auto;display:grid;grid-template-columns:minmax(210px,350px) minmax(300px,450px);align-items:center;gap:clamp(24px,4vw,78px);padding:18px clamp(24px,4vw,76px) 10px;position:relative}.showcase::before{content:"";position:absolute;inset:-4% 38% -10% -10%;background:linear-gradient(90deg,rgba(4,8,16,.88) 0%,rgba(7,11,19,.72) 24%,rgba(9,13,21,.40) 46%,rgba(9,13,21,0) 76%);pointer-events:none;z-index:-1}
.visual-column{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}.book-mockup{--bw:clamp(215px,22vw,320px);position:relative;width:var(--bw);aspect-ratio:0.625;perspective:1200px;transform:rotateZ(-1.2deg);filter:drop-shadow(10px 20px 19px rgba(0,0,0,.72));transition:transform .3s ease,filter .3s ease;isolation:isolate}.book-mockup:hover{transform:translateY(-5px) rotateZ(-.5deg);filter:drop-shadow(14px 24px 20px rgba(0,0,0,.78))}.book-front{position:absolute;inset:0;border-radius:1px 3px 4px 1px;overflow:hidden;box-shadow:inset 7px 0 13px rgba(0,0,0,.28),2px 2px 4px rgba(0,0,0,.6);transform:perspective(1300px) rotateY(-7deg);transform-origin:left center;background:#181b27}.book-front img{width:100%;height:100%;object-fit:cover;display:block}.book-front::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(255,255,255,.08) 3%,transparent 10%,transparent 95%,rgba(0,0,0,.33) 100%);pointer-events:none}.book-spine{position:absolute;top:0;bottom:1px;width:22px;left:-19px;background:linear-gradient(90deg,#060a12,#2d3440 40%,#080b13 70%,#242c37);transform:skewY(-9deg);transform-origin:right center;border-radius:3px 0 0 2px;box-shadow:inset -4px 0 7px #05070b}.book-pages{position:absolute;top:9px;bottom:5px;right:-7px;width:12px;background:repeating-linear-gradient(90deg,#a49c86 0px,#e0d4bc 1px,#817d71 2px);transform:skewY(3deg);border-radius:0 3px 3px 0}
.cover-soon{width:100%;height:100%;background:linear-gradient(160deg,rgba(8,16,34,.55),rgba(18,25,36,.5)),url('img/livro-2-mobile.webp') center/cover;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:11% 7%;color:#f6e2b9;letter-spacing:.12em}.cover-soon .cover-series{font-size:clamp(11px,1.1vw,17px);line-height:1.4}.cover-soon .cover-volume{font-size:clamp(12px,1.3vw,17px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}.cover-soon strong{font-weight:400;font-size:clamp(24px,3vw,43px);line-height:1.14;letter-spacing:.035em;text-shadow:0 3px 5px black}.cover-soon .cover-draft{font-size:clamp(9px,1vw,12px);line-height:1.6;letter-spacing:.10em}.cover-soon .cover-byline{font-size:clamp(11px,1vw,14px)}
.carousel-controls{display:flex;gap:clamp(24px,3vw,42px);align-items:center;justify-content:center;user-select:none}.carousel-arrow{width:50px;height:50px;border:1px solid rgba(250,235,207,.82);border-radius:50%;background:rgba(3,6,12,.24);color:#fff8e9;font-size:38px;font-family:Georgia;line-height:1;display:grid;place-items:center;padding:0 0 5px;transition:.2s}.carousel-arrow:hover{background:rgba(232,185,114,.24);border-color:#ffcf85}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:12px}.carousel-dot{border:1px solid rgba(250,229,198,.65);padding:0;width:11px;height:11px;border-radius:50%;background:transparent;transition:.25s}.carousel-dot.active{background:var(--gold);border-color:var(--gold);transform:scale(1.08)}
.copy-column{text-shadow:0 2px 8px rgba(0,0,0,.65);padding-bottom:6px;min-width:0;max-width:445px}.series-heading{text-align:center;letter-spacing:.08em;font-size:clamp(17px,1.75vw,27px);line-height:1.35;color:#f4e3c8}.series-heading span{font-size:1.15em;letter-spacing:.055em}.flourish,.title-underline{display:flex;justify-content:center;align-items:center;gap:13px;color:var(--gold);font-size:18px}.flourish{margin:10px 0 14px}.flourish span{width:72px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.flourish span:last-child{transform:scaleX(-1)}.volume{text-align:center;letter-spacing:.20em;color:#f0c987;font-size:clamp(14px,1.3vw,19px);margin:0 0 10px}.copy-column h1{font-weight:400;font-size:clamp(38px,3.65vw,58px);letter-spacing:-.035em;line-height:1.01;text-align:center;margin:0;color:#fff4e4;white-space:normal}.title-underline{margin:12px 0 18px}.title-underline span{background:var(--line);height:1px;width:65px}.book-hook{font-size:clamp(16px,1.5vw,22px);line-height:1.36;margin:0 0 13px;white-space:normal}.book-copy,.book-tagline{font-size:clamp(13px,1.02vw,17px);line-height:1.5;margin:0 0 12px;color:#f5eee2}.book-tagline{margin-bottom:16px}.amazon-button{border:1px solid rgba(253,224,165,.75);padding:14px 18px;border-radius:4px;background:linear-gradient(#f4d298,#d8a45d);box-shadow:0 5px 16px rgba(0,0,0,.24);color:#14100d;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Georgia,serif;font-size:clamp(15px,1.35vw,20px);font-weight:500;max-width:360px;text-decoration:none;text-shadow:none;min-height:56px;transition:filter .2s,transform .2s}.amazon-button:not(.disabled):hover{filter:brightness(1.1);transform:translateY(-2px)}.amazon-mark{font:bold 34px/1 Georgia,serif;position:relative}.amazon-mark::after{content:'';position:absolute;left:3px;right:-3px;bottom:-4px;height:7px;border-bottom:3px solid #332717;border-radius:0 0 75% 70%;transform:rotate(-9deg)}.amazon-button.disabled{background:linear-gradient(#c1ab89,#b39b7d);color:#332b25;cursor:not-allowed;opacity:.88}.availability{display:block;font:12px/1.5 system-ui,sans-serif;letter-spacing:.04em;color:#e6d5bd;margin-top:8px;min-height:18px}
.footer{min-height:58px;padding:0 clamp(22px,3vw,44px);border-top:1px solid rgba(255,224,182,.25);background:rgba(8,8,12,.70);backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;font-size:17px;letter-spacing:.015em}.year{white-space:nowrap}.footer-action{color:#f5eadb;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;background:none;font-family:Georgia,serif;font-size:inherit;padding:8px 12px;white-space:nowrap}.footer-action:hover{text-decoration:underline;text-decoration-color:#cba772;text-underline-offset:5px}.author-avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font:13px/1 system-ui,sans-serif;letter-spacing:.02em;color:#eac99b;background:linear-gradient(135deg,#182235,#4b3c36);border:1px solid #c7aa78;border-radius:50%}.support-trigger{justify-self:end}
.modal{width:min(600px,calc(100% - 24px));max-height:min(91svh,850px);padding:0;border:1px solid #705b46;border-radius:10px;color:#f7e9d6;background:#141b28;box-shadow:0 32px 100px #000c;overflow:auto}.modal::backdrop{background:rgba(3,6,12,.77);backdrop-filter:blur(6px)}.modal-panel{position:relative;padding:clamp(22px,4vw,39px)}.modal-close{position:absolute;right:15px;top:10px;background:none;border:0;color:#ffebd2;font-family:system-ui,sans-serif;font-size:33px;width:40px;height:40px;line-height:1}.modal-kicker{font:12px/1 system-ui,sans-serif;letter-spacing:.23em;color:var(--gold);margin:0 0 15px}.modal h2{font-size:clamp(25px,3.5vw,35px);font-weight:400;margin:0 0 19px}.modal p{font-size:16px;line-height:1.65;color:#ecddc9}.author-modal-grid{display:grid;grid-template-columns:165px minmax(0,1fr);gap:28px;align-items:start}.author-picture{width:165px;aspect-ratio:3/4;background:#212737;border:1px solid #a28662;border-radius:5px;overflow:hidden}.author-picture img{width:100%;height:100%;object-fit:cover}.author-picture img:not([hidden]){display:block}#author-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:radial-gradient(ellipse at top,#4d3d39,#131e30)}#author-placeholder>span{font-size:48px;letter-spacing:-.07em;color:#e3bc81}#author-placeholder>small{text-align:center;font:12px/1.5 system-ui;color:#cabbac}.modal-description{margin-top:-8px;margin-bottom:20px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-fields label{display:block;font:13px/1.5 system-ui,sans-serif;color:#e9d7be}.form-fields label span{color:#eac184}.form-fields .full{grid-column:1/-1}.form-fields input,.form-fields select,.form-fields textarea{display:block;margin-top:6px;width:100%;background:#0d131e;border:1px solid #536073;color:#fff7eb;border-radius:5px;font:15px/1.4 system-ui,sans-serif;padding:12px;outline-offset:1px}.form-fields input::placeholder,.form-fields textarea::placeholder{color:#a8a4a3}.form-fields textarea{resize:vertical;min-height:105px}.privacy-note{font:12px/1.5 system-ui,sans-serif!important;color:#c8bbad!important;margin:14px 0}.privacy-note a{color:#f1c586}.form-submit{padding:13px 20px;background:#e7b978;color:#251c13;border:0;border-radius:4px;font:600 15px/1.3 system-ui,sans-serif;width:100%;display:flex;justify-content:space-between}.form-submit:disabled{opacity:.6;cursor:wait}.form-status{font:13px/1.5 system-ui,sans-serif!important;min-height:18px;margin:12px 0 0!important}.form-status.error{color:#ffafaf!important}.form-status.success{color:#afe3ae!important}.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1150px){.showcase{grid-template-columns:minmax(205px,285px) minmax(295px,410px);gap:clamp(20px,3.5vw,45px);padding-top:14px;padding-bottom:8px}.book-mockup{--bw:clamp(190px,22vw,275px)}.series-heading{font-size:19px}.copy-column h1{font-size:44px}.book-hook{font-size:17px}.book-copy,.book-tagline{font-size:14px}.amazon-button{min-height:52px;max-width:340px}.footer{font-size:15px;min-height:54px}}
@media(max-width:700px){body{overflow:auto}.page{height:auto;min-height:100svh;overflow:visible}.main{display:block;overflow:visible}.background img{object-position:center top}.background-vignette{background:linear-gradient(to bottom,rgba(5,9,16,.51) 0%,rgba(7,11,19,.78) 36%,rgba(7,9,16,.82) 100%)}.showcase{display:flex;flex-direction:column;align-items:center;gap:25px;padding:30px 22px 28px;max-width:560px;height:auto}.showcase::before{display:none}.visual-column{gap:18px}.book-mockup{--bw:clamp(175px,50vw,240px)}.carousel-arrow{height:43px;width:43px;font-size:31px}.carousel-controls{gap:25px}.copy-column{width:100%;max-width:440px;padding-bottom:0}.series-heading{font-size:18px}.flourish{margin:9px 0 13px}.volume{font-size:15px;margin-bottom:9px}.copy-column h1{font-size:clamp(40px,10vw,53px)}.title-underline{margin:10px 0 18px}.book-hook{font-size:18px}.book-copy,.book-tagline{font-size:15px;line-height:1.52}.amazon-button{max-width:100%;min-height:54px;font-size:19px}.footer{grid-template-columns:1fr auto;row-gap:5px;min-height:82px;padding:12px 18px;font-size:13px}.footer .year{grid-column:1/2;grid-row:1/2}.author-trigger{grid-column:1/2;grid-row:2/3;justify-self:start;padding:0;gap:8px}.footer .support-trigger{grid-column:2/3;grid-row:1/3;justify-self:end}.author-avatar{width:26px;height:26px;font-size:10px}.author-modal-grid{grid-template-columns:1fr;gap:15px}.author-picture{width:130px;aspect-ratio:3/3;justify-self:center}.modal-panel{padding:24px}.form-fields{grid-template-columns:1fr;gap:11px}.form-fields .full{grid-column:1}.form-fields input,.form-fields select,.form-fields textarea{padding:10px}.modal h2{font-size:27px}.modal p{font-size:14px}}
@media(max-height:820px) and (min-width:701px){.showcase{padding-top:10px;padding-bottom:6px}.visual-column{gap:12px}.book-mockup{--bw:clamp(180px,19vw,258px)}.carousel-arrow{width:40px;height:40px;font-size:28px}.flourish{margin:5px 0 7px}.title-underline{margin:8px 0 11px}.copy-column h1{font-size:clamp(34px,3.15vw,50px)}.book-hook{font-size:16px;margin-bottom:9px}.book-copy,.book-tagline{font-size:13px;line-height:1.44;margin-bottom:10px}.amazon-button{min-height:50px;font-size:18px;padding:12px 16px}.availability{font-size:11px}.footer{min-height:52px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media(max-height:700px) and (min-width:701px){.showcase{grid-template-columns:minmax(190px,255px) minmax(280px,395px);gap:20px;padding-inline:18px}.book-mockup{--bw:clamp(170px,18vw,230px)}.series-heading{font-size:18px}.copy-column h1{font-size:clamp(31px,3vw,44px)}.book-hook{font-size:15px}.book-copy,.book-tagline{font-size:12.5px}.carousel-controls{gap:20px}.carousel-arrow{width:38px;height:38px;font-size:24px}.footer{font-size:14px;min-height:48px}}


/* ===== UVZA v4 · polimento editorial (preserva a composição da v3) ===== */
:root{--gold-strong:#f2c981;--midnight:#080d17;--stage-fit:1}
body{overflow-x:hidden}
.background{transition:opacity 1100ms cubic-bezier(.22,1,.36,1)}
.background img{filter:saturate(1) contrast(1.04);transform:scale(1.004);transition:transform 11s ease-out,filter 1.2s ease}
.background.active img{transform:scale(1)}
.background-vignette{
 background:
 linear-gradient(90deg,rgba(4,7,14,.98) 0%,rgba(5,9,17,.94) 14%,rgba(6,10,19,.83) 26%,rgba(7,11,20,.47) 40%,rgba(8,12,19,.12) 59%,rgba(7,8,12,0) 83%),
 linear-gradient(0deg,rgba(4,6,10,.53) 0%,transparent 28%,transparent 77%,rgba(4,7,13,.20) 100%);
 z-index:2;
}
.background-glow{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.54;mix-blend-mode:soft-light;background:radial-gradient(ellipse at 76% 58%,rgba(255,193,105,.22),transparent 48%)}
.backgrounds:has([data-background="1"].active) .background-vignette{background:
 linear-gradient(90deg,rgba(3,7,15,.98) 0%,rgba(5,9,19,.95) 15%,rgba(7,12,22,.82) 29%,rgba(8,13,23,.46) 44%,rgba(9,12,21,.08) 65%,transparent 83%),
 linear-gradient(0deg,rgba(5,7,13,.54) 0%,transparent 30%,rgba(6,8,15,.16) 100%)}
.backgrounds:has([data-background="1"].active) .background-glow{opacity:.28}
.showcase{isolation:isolate}
.showcase::before{display:none}
.visual-column,.copy-column{transform:scale(var(--stage-fit));transition:transform .28s ease;transform-origin:center center}
.visual-column{position:relative}
.visual-column::after{content:"";height:25px;position:absolute;bottom:58px;left:7%;right:7%;background:radial-gradient(ellipse,rgba(1,1,2,.82),transparent 73%);filter:blur(15px);z-index:-1;pointer-events:none}
.book-mockup{filter:drop-shadow(12px 19px 23px rgba(0,0,0,.75));transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s}
.book-mockup:hover{transform:translateY(-5px) rotateZ(-.5deg) rotateY(-1deg);filter:drop-shadow(14px 25px 27px rgba(0,0,0,.87))}
.book-front{border:1px solid rgba(255,235,200,.12);box-shadow:inset 7px 0 16px rgba(0,0,0,.4),1px 0 8px rgba(0,0,0,.5),0 25px 36px rgba(0,0,0,.25)}
.book-front::before{content:"";position:absolute;inset:0;width:46%;left:-115%;z-index:2;background:linear-gradient(105deg,transparent 3%,rgba(255,235,197,.04) 24%,rgba(255,250,230,.18) 52%,transparent 85%);transform:skewX(-15deg);transition:left .72s cubic-bezier(.22,1,.36,1);pointer-events:none}
.book-mockup:hover .book-front::before{left:148%}
.book-spine{width:23px;left:-20px;background:linear-gradient(90deg,#060910,#202b3a 38%,#0a0d15 71%,#2c3443);border-left:1px solid rgba(236,186,114,.24)}
.book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;inset:12px 3px 12px auto;font:8px/.95 Georgia,serif;letter-spacing:.10em;color:rgba(246,209,151,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.book-pages{width:10px;right:-6px}
.carousel-controls{gap:clamp(24px,2.8vw,42px)}
.carousel-arrow{border-color:rgba(242,210,164,.73);background:rgba(7,11,20,.48);box-shadow:0 0 0 4px rgba(255,207,142,.027),inset 0 0 0 1px rgba(255,255,255,.025);transition:background .25s,border .25s,transform .3s,box-shadow .3s}
.carousel-arrow:hover{background:rgba(240,191,117,.24);box-shadow:0 0 0 5px rgba(234,191,133,.10),0 0 19px rgba(246,197,107,.10);transform:translateY(-2px)}
.carousel-arrow:active{transform:translateY(0) scale(.96)}
.carousel-dots{gap:13px}.carousel-dot{width:10px;height:10px;border-color:rgba(251,222,171,.62);transition:background .35s,border .35s,transform .35s,box-shadow .35s}
.carousel-dot.active{box-shadow:0 0 0 4px rgba(241,199,130,.095),0 0 12px rgba(232,185,114,.25)}
.series-heading{text-shadow:0 2px 18px rgba(0,0,0,.58);color:#f3e8d9;letter-spacing:.102em}
.flourish,.title-underline{color:var(--gold-strong)}
.flourish span,.title-underline span{opacity:.8}
.volume{font-variant:small-caps;color:#eecb92}
.copy-column{text-shadow:0 2px 13px rgba(1,3,8,.85)}
.copy-column h1{color:#fff6e9;text-shadow:0 3px 22px rgba(0,0,0,.45);font-weight:400}
.book-hook{color:#fff1dc}
.book-copy,.book-tagline{color:#eee3d3;text-wrap:pretty}
.book-tagline{font-style:italic;color:#f3d7ae;opacity:.93}
.amazon-button{position:relative;overflow:hidden;border:1px solid #f3d6a0;background:linear-gradient(118deg,#f8dea9 0%,#eabf7a 44%,#cc9754 100%);box-shadow:0 8px 26px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,248,226,.65);border-radius:5px;transition:filter .24s,transform .26s,box-shadow .26s}
.amazon-button::before{content:"";position:absolute;inset:0;left:-150%;width:80%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .65s ease;pointer-events:none}
.amazon-button:not(.disabled):hover::before{left:150%}
.amazon-button:not(.disabled):hover{filter:brightness(1.07);transform:translateY(-3px);box-shadow:0 13px 28px rgba(0,0,0,.47),0 0 17px rgba(242,200,129,.20)}
.amazon-button.disabled{background:linear-gradient(120deg,#c9b18c,#af9470);border-color:rgba(235,209,161,.50);opacity:.86;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 5px 18px rgba(0,0,0,.19)}
.availability{letter-spacing:.05em;opacity:.92}
.availability::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold-strong);vertical-align:middle;margin-right:8px;box-shadow:0 0 6px rgba(243,205,138,.38)}
.footer{border-top-color:rgba(250,225,187,.29);box-shadow:0 -7px 22px rgba(0,0,0,.08);z-index:1}
.footer-action{transition:color .23s,transform .23s}.footer-action:hover{color:#f2c98a;text-decoration:none;transform:translateY(-1px)}
.footer-action span:last-child{position:relative}.footer-action span:last-child::after{content:"";position:absolute;bottom:-4px;left:0;right:100%;height:1px;background:#eabb7a;transition:right .25s}.footer-action:hover span:last-child::after{right:0}
.author-avatar{box-shadow:0 0 0 3px rgba(243,208,147,.08)}
.modal{background:linear-gradient(135deg,#1a2130 0%,#0e1726 100%);border-color:rgba(225,184,123,.65);box-shadow:0 38px 110px rgba(0,0,0,.8),inset 0 1px 0 rgba(244,216,168,.12)}
.modal[open]{animation:modal-appear .28s cubic-bezier(.22,1,.36,1) both}
.modal::backdrop{background:rgba(3,6,13,.77);backdrop-filter:blur(7px)}
.modal-close{color:#ffdfb0;border-radius:50%;transition:background .2s,transform .2s}
.modal-close:hover{background:rgba(250,212,150,.13);transform:rotate(90deg)}
.modal-kicker{color:#eac48e}
.modal h2{color:#fff0d8}
.form-fields input,.form-fields select,.form-fields textarea{transition:border-color .2s,box-shadow .2s;background:#0d1522}
.form-fields input:focus,.form-fields select:focus,.form-fields textarea:focus{border-color:#e6be83;box-shadow:0 0 0 3px rgba(239,197,131,.13);outline:none}
.form-submit{background:linear-gradient(90deg,#f4d39b,#ddb076);transition:filter .2s,transform .2s}
.form-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
@keyframes modal-appear{from{opacity:0;transform:translateY(12px) scale(.982)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes reveal-v4{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.showcase.is-entering .copy-column>*{animation:reveal-v4 .55s cubic-bezier(.22,1,.36,1) both}
.showcase.is-entering .copy-column>*:nth-child(n+4){animation-delay:55ms}
.showcase.is-entering .copy-column>*:nth-child(n+7){animation-delay:100ms}
.showcase.is-entering .book-front{animation:reveal-v4 .55s cubic-bezier(.22,1,.36,1) both}
/* Área de trabalho sem rolagem, inclusive em telas de notebook; os modais podem rolar. */
@media(min-width:701px){html,body{height:100%;overflow:hidden}.page{height:100svh;overflow:hidden}.main{overflow:hidden}.showcase{max-height:100%}}
@media(max-width:1150px) and (min-width:701px){.book-mockup{--bw:clamp(180px,21vw,270px)}.copy-column h1{font-size:clamp(36px,3.7vw,49px)}.background-vignette{background:linear-gradient(90deg,rgba(3,6,13,.97) 0%,rgba(4,8,16,.88) 21%,rgba(6,10,18,.70) 38%,rgba(7,11,18,.18) 70%,transparent 100%),linear-gradient(0deg,rgba(3,5,9,.45),transparent 35%)}}
@media(max-height:700px) and (min-width:701px){.copy-column h1{font-size:clamp(29px,2.8vw,43px)}.series-heading{font-size:clamp(15px,1.6vw,19px)}.visual-column{gap:9px}.book-tagline{margin-bottom:8px}.volume{margin-bottom:5px}.book-hook{margin-bottom:7px}.footer{min-height:46px}}
@media(max-width:700px){
 body{overflow-y:auto}.background-vignette{background:linear-gradient(180deg,rgba(5,8,15,.40) 0%,rgba(6,10,19,.70) 34%,rgba(5,8,16,.90) 76%,rgba(5,7,12,.94) 100%)}
 .background-glow{opacity:.30}
 .visual-column,.copy-column{transform:none}
 .showcase{padding-top:24px;gap:20px}
 .book-mockup{--bw:clamp(156px,43vw,226px)}
 .series-heading{font-size:clamp(16px,4.8vw,21px)}
 .book-hook{text-wrap:balance}
 .footer-action span:last-child::after{display:none}
}
@media(prefers-reduced-motion:reduce){.showcase.is-entering .copy-column>*,.showcase.is-entering .book-front,.modal[open]{animation:none!important}.background img{transform:none!important}}
/* Livro II: transição contínua entre a área escura do texto e a paisagem. */
@media(min-width:701px){
 .backgrounds:has([data-background="1"].active) .background-vignette{
  background:linear-gradient(90deg,rgba(3,7,15,1) 0%,rgba(3,7,15,.99) 31%,rgba(4,9,18,.91) 39%,rgba(6,10,19,.67) 50%,rgba(7,10,18,.26) 70%,rgba(7,10,18,.02) 86%),linear-gradient(0deg,rgba(5,7,13,.55) 0%,transparent 30%,rgba(6,8,15,.10) 100%);
 }
}


/* UVZA v5 — feitiço visual por livro, sutil e premium. */
.page[data-book-theme="1"]{--spell-main:rgba(236,188,102,.90);--spell-soft:rgba(248,214,145,.58);--spell-glow:rgba(247,183,81,.34);--spell-shadow:rgba(152,92,19,.32)}
.page[data-book-theme="2"]{--spell-main:rgba(124,158,255,.92);--spell-soft:rgba(190,163,255,.52);--spell-glow:rgba(101,123,255,.30);--spell-shadow:rgba(43,58,148,.32)}
.book-mockup{will-change:transform,filter}
.book-magic{position:absolute;inset:-13%;pointer-events:none;z-index:0;filter:drop-shadow(0 0 18px rgba(0,0,0,.20));mix-blend-mode:screen}
.book-magic span{position:absolute;display:block}
.book-front,.book-pages,.book-spine{z-index:2}
.book-front{z-index:3}
.magic-halo{inset:18% 10% 7%;border-radius:46% 42% 44% 40%;background:radial-gradient(circle at 50% 42%,var(--spell-soft) 0%,var(--spell-glow) 28%,rgba(255,255,255,.08) 48%,rgba(255,255,255,0) 70%);filter:blur(20px);opacity:.88;animation:haloFloat 8.8s ease-in-out infinite}
.magic-ring{inset:10% 14% 12%;border-radius:50%;border:1px solid color-mix(in srgb,var(--spell-main) 55%, transparent);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 22px color-mix(in srgb,var(--spell-main) 22%, transparent);opacity:.66;transform:rotate(0deg) scale(1);animation:ringRotate 18s linear infinite}
.magic-ring::before,.magic-ring::after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--spell-soft) 70%, transparent);opacity:.65}
.magic-ring::after{inset:20%;border-style:solid;opacity:.34}
.magic-pulse{inset:18% 17% 15%;border-radius:50%;background:radial-gradient(circle,var(--spell-glow) 0%,rgba(255,255,255,.08) 33%,transparent 68%);opacity:.34;transform:scale(.72);animation:pulseWave 6.6s ease-out infinite}
.magic-sigil{left:50%;top:52%;width:72%;height:72%;transform:translate(-50%,-50%) rotate(0deg);opacity:.54;background:
 radial-gradient(circle at 50% 50%,transparent 0 17%,color-mix(in srgb,var(--spell-main) 58%, transparent) 17.4% 18.3%,transparent 18.5% 30%,color-mix(in srgb,var(--spell-soft) 55%, transparent) 30.4% 31.1%,transparent 31.3% 100%),
 conic-gradient(from 0deg,transparent 0 5%,color-mix(in srgb,var(--spell-main) 48%, transparent) 5% 8%,transparent 8% 17%,color-mix(in srgb,var(--spell-main) 54%, transparent) 17% 20%,transparent 20% 30%,color-mix(in srgb,var(--spell-soft) 42%, transparent) 30% 33%,transparent 33% 42%,color-mix(in srgb,var(--spell-main) 54%, transparent) 42% 45%,transparent 45% 55%,color-mix(in srgb,var(--spell-soft) 42%, transparent) 55% 58%,transparent 58% 67%,color-mix(in srgb,var(--spell-main) 54%, transparent) 67% 70%,transparent 70% 80%,color-mix(in srgb,var(--spell-main) 48%, transparent) 80% 83%,transparent 83% 92%,color-mix(in srgb,var(--spell-soft) 40%, transparent) 92% 95%,transparent 95% 100%);
 filter:blur(.2px);animation:sigilTurn 26s linear infinite}
.magic-sigil::before,.magic-sigil::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid color-mix(in srgb,var(--spell-main) 60%, transparent)}
.magic-sigil::before{width:22%;height:22%;opacity:.70}
.magic-sigil::after{width:9%;height:9%;opacity:.55;background:radial-gradient(circle,var(--spell-soft),transparent 72%)}
.magic-particles{inset:5%;opacity:.90}
.magic-particles::before,.magic-particles::after{content:"";position:absolute;inset:0;background-repeat:no-repeat}
.magic-particles-a::before{background-image:
 radial-gradient(circle at 12% 72%,rgba(255,255,255,.85) 0 1.2px,transparent 1.8px),
 radial-gradient(circle at 22% 40%,color-mix(in srgb,var(--spell-main) 90%, white 8%) 0 1.4px,transparent 2px),
 radial-gradient(circle at 33% 21%,rgba(255,255,255,.82) 0 1.1px,transparent 1.8px),
 radial-gradient(circle at 66% 16%,color-mix(in srgb,var(--spell-soft) 98%, white 2%) 0 1.3px,transparent 2px),
 radial-gradient(circle at 81% 34%,rgba(255,255,255,.82) 0 1.2px,transparent 1.9px),
 radial-gradient(circle at 74% 66%,color-mix(in srgb,var(--spell-main) 86%, white 5%) 0 1.5px,transparent 2.1px),
 radial-gradient(circle at 42% 81%,rgba(255,255,255,.76) 0 1px,transparent 1.7px),
 radial-gradient(circle at 58% 55%,color-mix(in srgb,var(--spell-soft) 88%, white 6%) 0 1.5px,transparent 2.1px);
 animation:motesDriftA 11s ease-in-out infinite}
.magic-particles-a::after{background-image:
 radial-gradient(circle at 17% 18%,rgba(255,255,255,.86) 0 1px,transparent 1.6px),
 radial-gradient(circle at 48% 33%,color-mix(in srgb,var(--spell-main) 86%, white 7%) 0 1.3px,transparent 1.9px),
 radial-gradient(circle at 69% 81%,rgba(255,255,255,.76) 0 1px,transparent 1.6px),
 radial-gradient(circle at 87% 52%,color-mix(in srgb,var(--spell-soft) 88%, white 6%) 0 1.3px,transparent 1.9px);
 animation:motesDriftB 14s linear infinite}
.magic-particles-b::before{background-image:
 linear-gradient(180deg,transparent 0 32%,color-mix(in srgb,var(--spell-main) 30%, transparent) 45%,transparent 60%),
 linear-gradient(180deg,transparent 0 48%,color-mix(in srgb,var(--spell-soft) 25%, transparent) 58%,transparent 68%);
 background-size:2px 100%,1px 100%;background-position:24% 0,78% 0;filter:blur(1.2px);opacity:.65;animation:threadsRise 9s linear infinite}
.magic-particles-b::after{background-image:
 radial-gradient(circle at 34% 57%,color-mix(in srgb,var(--spell-main) 44%, transparent) 0 7%,transparent 9%),
 radial-gradient(circle at 64% 41%,color-mix(in srgb,var(--spell-soft) 44%, transparent) 0 7%,transparent 9%);
 filter:blur(8px);opacity:.45;animation:blurBreath 7.8s ease-in-out infinite}
.page[data-book-theme="1"] .magic-ring{clip-path:ellipse(46% 48% at 50% 50%)}
.page[data-book-theme="1"] .magic-sigil{background:
 radial-gradient(circle at 50% 50%,transparent 0 17%,rgba(239,202,128,.48) 17.4% 18.2%,transparent 18.4% 29.8%,rgba(248,214,145,.34) 30.2% 30.9%,transparent 31.1% 100%),
 conic-gradient(from 0deg,transparent 0 12%,rgba(245,214,154,.18) 12% 15%,transparent 15% 24%,rgba(235,183,93,.24) 24% 27%,transparent 27% 39%,rgba(247,212,154,.15) 39% 42%,transparent 42% 54%,rgba(235,183,93,.24) 54% 57%,transparent 57% 69%,rgba(245,214,154,.18) 69% 72%,transparent 72% 84%,rgba(235,183,93,.22) 84% 87%,transparent 87% 100%)}
.page[data-book-theme="1"] .magic-particles-b::before{background-image:
 linear-gradient(180deg,transparent 0 28%,rgba(239,194,109,.22) 44%,transparent 64%),
 linear-gradient(180deg,transparent 0 52%,rgba(247,218,160,.18) 62%,transparent 74%);background-size:2px 100%,1px 100%;background-position:23% 0,77% 0}
.page[data-book-theme="2"] .book-magic{transform:rotate(-3deg)}
.page[data-book-theme="2"] .magic-halo{background:radial-gradient(circle at 50% 50%,rgba(170,175,255,.42) 0%,rgba(116,119,255,.32) 24%,rgba(84,108,255,.12) 46%,transparent 71%);filter:blur(24px);opacity:.92}
.page[data-book-theme="2"] .magic-ring{border-color:rgba(154,175,255,.58);box-shadow:0 0 0 1px rgba(170,190,255,.06) inset,0 0 26px rgba(96,123,255,.24)}
.page[data-book-theme="2"] .magic-sigil{opacity:.62;transform:translate(-50%,-50%) rotate(8deg) scale(1.02)}
.page[data-book-theme="2"] .magic-particles-b::before{background-image:
 linear-gradient(180deg,transparent 0 24%,rgba(141,163,255,.24) 43%,transparent 66%),
 linear-gradient(180deg,transparent 0 49%,rgba(199,174,255,.18) 58%,transparent 72%);background-size:1px 100%,2px 100%;background-position:20% 0,81% 0}
.page[data-book-theme="2"] .magic-particles-b::after{opacity:.56}
.carousel-dot.active{box-shadow:0 0 0 1px rgba(0,0,0,.35),0 0 12px color-mix(in srgb,var(--spell-main) 52%, transparent)}
@keyframes haloFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}
@keyframes ringRotate{from{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.02)}to{transform:rotate(360deg) scale(1)}}
@keyframes pulseWave{0%{opacity:.14;transform:scale(.68)}35%{opacity:.32}100%{opacity:0;transform:scale(1.18)}}
@keyframes sigilTurn{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes motesDriftA{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(4px)}}
@keyframes motesDriftB{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(10px) translateX(-4px)}100%{transform:translateY(0) translateX(0)}}
@keyframes threadsRise{from{transform:translateY(12px);opacity:.10}40%{opacity:.55}to{transform:translateY(-12px);opacity:.10}}
@keyframes blurBreath{0%,100%{transform:scale(.92);opacity:.24}50%{transform:scale(1.06);opacity:.52}}
@media(max-width:700px){
 .book-magic{inset:-10%}.magic-sigil{width:64%;height:64%;opacity:.42}.magic-ring{inset:14% 16% 15%}.magic-halo{inset:22% 15% 11%;filter:blur(16px)}
}
@media(prefers-reduced-motion:reduce){.book-magic span,.magic-ring::before,.magic-ring::after{animation:none!important}}

/* V6 — Livro III, retrato real do autor e detalhes de interface. */
.page[data-book-theme="3"]{--spell-main:rgba(173,137,238,.87);--spell-soft:rgba(184,172,234,.47);--spell-glow:rgba(116,88,180,.31);--spell-shadow:rgba(37,34,87,.42)}
.page[data-book-theme="3"] .magic-ring{border-color:rgba(183,158,233,.59)}
.page[data-book-theme="3"] .magic-particles-b::before{opacity:.7}
.background[data-background="1"] img{object-position:56% 50%;filter:brightness(.83) saturate(1.03) contrast(1.05);transform:scale(1.004)}
.background-third img{object-position:58% 44%;filter:brightness(.78) saturate(1.03) contrast(1.07);transform:scale(1.005)}
.backgrounds:has([data-background="2"].active) .background-vignette{background:linear-gradient(90deg,rgba(4,5,15,.98) 0%,rgba(5,7,17,.94) 25%,rgba(6,9,20,.78) 41%,rgba(7,8,17,.47) 60%,rgba(5,5,10,.26) 100%),linear-gradient(0deg,rgba(5,5,12,.65) 0%,transparent 55%,rgba(5,6,13,.20) 100%)}
.author-biography p{margin:0 0 12px;font-size:15px;line-height:1.58}
.modal#modal-autor{width:min(760px,calc(100% - 24px))}
@media(max-width:700px){.background-third img{object-position:54% 40%}.backgrounds:has([data-background="2"].active) .background-vignette{background:linear-gradient(180deg,rgba(3,5,13,.40) 0%,rgba(4,5,13,.72) 32%,rgba(5,6,15,.93) 80%,rgba(6,7,14,.97) 100%)}}