/* Wide adaptation uses the approved mobile's assets and visual vocabulary.
   The original composition below 600px keeps its measured geometry. */
.mobile-layout { display:contents; }
.wide-layout { display:none; }
@media (min-width:600px) {
 .page-shell { max-width:none; }
 .approved-page { --u:1px; --asset-scale:1; }
 .art-layers,.mobile-layout { display:none; }
 .wide-layout { display:block; }
 .composition { height:auto!important; scroll-margin-top:24px; }
 .wide-container { width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
 .wide-title { font-family:'Gloock',serif; font-size:clamp(44px,4.6vw,66px); line-height:1.05; letter-spacing:-1.7px; font-weight:400; }
 .wide-title em { color:var(--wine); font-family:'Cormorant Garamond',serif; font-weight:700; font-size:1.36em; line-height:.86; letter-spacing:-2.5px; }
 .wide-red { color:var(--red); }
 .wide-eyebrow { font-size:15px; text-transform:uppercase; letter-spacing:2.4px; color:var(--red); margin-bottom:20px; }
 .wide-lead { font-size:20px; line-height:1.35; font-weight:700; letter-spacing:-.4px; }
 .wide-note { font-size:13px; line-height:1.45; }
 .wide-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:66px; padding:18px 28px; border:1px solid #ed161f; border-radius:10px; background:var(--button); color:#fcf6f0; text-decoration:none; font-weight:700; font-size:16px; line-height:1.2; text-transform:uppercase; letter-spacing:-.3px; transition:background .2s,box-shadow .2s; }
 .wide-button > img { width:28px; height:auto; flex-shrink:0; }
 .wide-button:hover { background:#c20b13; box-shadow:0 6px 30px #f7131930; }
 .wide-button--pale { background:var(--cream); color:#000; border-color:var(--cream); }
 .wide-button--pale:hover { background:#fff; }
 .wide-header { display:flex; align-items:center; justify-content:space-between; gap:32px; min-height:112px; position:relative; z-index:2; }
 .wide-header > a:first-child img { width:193px; height:auto; }
 .wide-header nav { display:flex; gap:32px; margin-left:auto; }
 .wide-header nav a { color:var(--cream); text-decoration:none; font-size:14px; }
 .wide-header nav a:hover { color:var(--red); }
 .wide-header-cta { background:var(--button); border:1px solid #ed161f; color:var(--cream); border-radius:9px; padding:14px 24px; font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; }
 .wide-header-cta:hover { background:#c20b13; }
 .wide-hero { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding:8px 0 64px; }
 .wide-hero-copy { color:#fff; position:relative; z-index:1; padding-bottom:24px; }
 .wide-hero-title { position:relative; width:fit-content; font-family:'Gloock',serif; font-size:clamp(64px,6.1vw,88px); line-height:.99; letter-spacing:-.8px; }
 .wide-hero-title em { display:inline-block; font-family:'Cormorant Garamond',serif; color:var(--red); font-size:1.83em; line-height:.83; font-weight:700; padding-top:12px; letter-spacing:-6px; }
 .wide-hero-title > img { width:63%; height:auto; margin:0 0 22px 13%; transform:rotate(2.66deg); }
 .wide-hero-copy > .wide-lead { margin:26px 0 32px; }
 .wide-hero-copy > .wide-note { color:#b7ada7; margin-top:16px; max-width:365px; }
 .wide-hero-video { position:relative; border:0; background:#000; padding:0; width:100%; height:650px; overflow:hidden; color:var(--cream); }
 .wide-hero-video > img { width:100%; height:100%; object-fit:cover; object-position:50% 58%; }
 .wide-hero-video::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#000 0,transparent 18%),linear-gradient(0deg,#000 0,transparent 20%); pointer-events:none; }
 .wide-play { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; transition:box-shadow .2s; }
 .wide-play img { width:70px; height:70px; }
 button:hover .wide-play { box-shadow:0 0 0 7px #f6f2e826; }
 .wide-video-caption { position:absolute; bottom:26px; inset-inline:0; z-index:1; font-size:13px; font-weight:600; }
 #batalha { background:#000; color:var(--cream); }
 .wide-battle { position:relative; text-align:center; padding:36px 0 90px; }
 .wide-battle > .wide-title { position:relative; z-index:1; }
 .wide-battle-scene { position:relative; height:560px; margin-top:10px; }
 .wide-battle-scene > img { position:absolute; width:640px; height:800px; left:50%; top:-125px; transform:translateX(-50%); object-fit:cover; object-position:50% 56%; mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(0deg,transparent,#000 22%,#000 76%,transparent); mask-composite:intersect; }
 .wide-battle-scene::after { content:''; position:absolute; inset:-125px -2px -90px; background:linear-gradient(0deg,#000 0,transparent 25%,transparent 77%,#000 100%); pointer-events:none; }
 .wide-voices { position:absolute; z-index:1; top:115px; display:grid; gap:18px; }
 .wide-voices--left { left:4%; text-align:left; }
 .wide-voices--right { right:3%; text-align:left; }
 .wide-voice { position:relative; width:var(--voice-width); height:65.52px; }
 .wide-voice > img { position:absolute; inset:0; width:100%; height:100%; }
 .wide-voice > span { display:block; position:relative; padding:7px 15px 7px 26px; font-size:19px; line-height:1.15; font-weight:600; letter-spacing:-.4px; }
 .wide-voice > span::before { content:'“'; position:absolute; left:10px; top:2px; font-family:'DM Serif Display',serif; font-size:28px; color:var(--red); }
 .wide-voice b { color:var(--red); font-weight:600; }
 .wide-voices--left .wide-voice:last-child { height:87.92px; }
 .wide-battle-close { position:relative; z-index:1; }
 .wide-battle-close .wide-title { font-size:52px; }
 .wide-battle-close .wide-button { margin-top:30px; }
 #passos { background:var(--cream); }
 #passos .wide-layout { position:relative; overflow:hidden; }
 .wide-thread { position:absolute; top:0; right:-100px; width:720px; height:520px; opacity:.7; pointer-events:none; mask-image:linear-gradient(0deg,transparent,black 65%); }
 .wide-thread img { width:100%; height:100%; object-fit:cover; }
 .wide-steps { position:relative; padding:108px 0 96px; text-align:center; }
 .wide-steps .wide-eyebrow { color:var(--wine); }
 .wide-underline { width:300px; margin:18px auto 24px; }
 .wide-underline img { width:100%; height:auto; }
 .wide-step-list { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:50px 0 28px; list-style:none; padding:0; text-align:left; }
 .wide-step-list li { display:flex; align-items:center; gap:22px; padding:26px 24px; border:1px solid #3a35304d; border-radius:27px; background:var(--cream); }
 .wide-step-number { font-family:'Gloock',serif; font-size:46px; color:var(--wine); border-right:1px solid #b6aaa3; padding-right:20px; line-height:1.2; }
 .wide-step-list h3 { font-size:18px; font-weight:700; line-height:1.2; margin-bottom:6px; letter-spacing:-.5px; }
 .wide-step-list p { font-size:16px; line-height:1.3; color:#3a3530; letter-spacing:-.3px; }
 .wide-steps > .wide-button { margin-top:28px; }
 #autor { background:var(--cream); }
 .wide-author { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:80px; padding:80px 0 110px; border-top:1px solid #500c1126; }
 .wide-family { align-self:center; }
 .wide-family > img { width:100%; height:auto; border-radius:24px; }
 .wide-family figcaption { font-size:14px; color:#3a3530; text-align:center; margin-top:12px; }
 .wide-author-copy .wide-title { font-size:48px; }
 .wide-author-copy .wide-title em { font-size:1.45em; }
 .wide-author-quote-end { font-size:.78em; letter-spacing:-.9px; }
 .wide-author-copy .wide-underline { margin-left:0; }
 .wide-author-copy h3 { font-family:'Gloock',serif; font-size:30px; line-height:1.15; margin-top:30px; }
 .wide-role { font-weight:700; margin:8px 0 24px; font-size:15px; }
 .wide-story { font-size:17px; line-height:1.4; letter-spacing:-.3px; }
 .wide-story p + p { margin-top:16px; }
 .wide-author-copy .wide-button { margin-top:32px; }
 #leitores { background:var(--wine); color:var(--cream); }
 .wide-readers { padding:96px 0 90px; }
 .wide-readers-heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:42px; }
 .wide-reader-controls { display:flex; gap:20px; align-items:center; }
 .wide-reader-controls button { border:1px solid #f6f2e899; border-radius:50%; background:transparent; color:var(--cream); width:48px; height:48px; font-size:25px; line-height:1; }
 .wide-reader-controls button:disabled { opacity:.35; }
 .wide-reader-controls button:hover:not(:disabled) { background:#f6f2e81a; }
 .wide-reader-status { font-size:14px; min-width:34px; text-align:center; }
 .wide-reader-window { overflow:hidden; }
 .wide-reader-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 28px) / 2); gap:28px; transition:transform .5s cubic-bezier(.22,1,.36,1); }
 .wide-reader-card { background:var(--cream); color:#000; border-radius:16px; overflow:hidden; display:grid; grid-template-columns:.95fr 1fr; min-width:0; }
 .wide-reader-card > button { position:relative; padding:0; border:0; background:#ddd0c2; min-width:0; }
 .wide-reader-card > button > img { width:100%; height:100%; object-fit:cover; object-position:47% 50%; }
 .wide-reader-card .wide-play img { width:60px; height:60px; }
 .wide-reader-quote { padding:38px 26px; min-height:350px; display:flex; flex-direction:column; justify-content:center; }
 .wide-reader-quote > img { width:130px; height:auto; align-self:center; margin-bottom:24px; }
 .wide-reader-quote blockquote { margin:0; font-family:'Cormorant Garamond',serif; font-weight:700; font-style:italic; font-size:34px; line-height:.95; color:var(--wine); letter-spacing:-1px; }
 .wide-reader-quote p { margin-top:24px; font-size:14px; line-height:1.35; }
 .wide-reader-quote strong,.wide-reader-quote p span { display:block; }
 .wide-reader-quote p span { color:#75665a; font-size:12px; margin-top:4px; }
 .wide-readers > .wide-button { display:flex; width:fit-content; margin:40px auto 0; }
 #oferta { background:radial-gradient(ellipse at 20% 40%,#de1420 0,#a80910 44%,#500c11 100%); color:var(--cream); }
 .wide-offer { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; padding:96px 0 100px; }
 .wide-offer-book { text-align:center; }
 .wide-offer-book .wide-title { font-size:50px; }
 .wide-offer-book .wide-title em { color:var(--cream); }
 .wide-kindle { width:280px; height:412px; margin:38px auto 0; overflow:hidden; filter:drop-shadow(0 24px 28px #0005); }
 .wide-kindle img { width:110.7%; max-width:none; height:111.47%; transform:translate(-4.69%,-4.82%); }
 .wide-offer-card { background:var(--cream); padding:32px; border-radius:22px; color:#000; }
 .wide-checks { margin:0 0 28px; padding:0; list-style:none; display:grid; gap:14px; }
 .wide-checks li { display:flex; align-items:center; gap:12px; font-size:15px; font-weight:700; }
 .wide-checks img { width:17px; height:17px; }
 .wide-price-box { border:1px solid var(--red); border-radius:15px; text-align:center; padding:28px 20px 20px; }
 .wide-promotion { font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:-.3px; margin-bottom:24px; }
 .wide-price-line { display:flex; align-items:center; justify-content:center; gap:20px; color:var(--wine); text-align:left; margin-bottom:24px; }
 .wide-price { font-family:'Inter',sans-serif; font-weight:900; font-size:54px; letter-spacing:-2px; line-height:1; white-space:nowrap; }
 .wide-cash { font-size:12px; margin-top:6px; }
 .wide-installments { font-family:'Inter',sans-serif; font-size:12px; line-height:1.25; }
 .wide-price-box > .wide-button { width:100%; margin:20px 0 18px; padding-inline:16px; font-size:14px; }
 .wide-payments { width:260px; height:25px; overflow:hidden; margin:0 auto 18px; }
 .wide-payments img { width:260px; height:86.67px; object-fit:cover; transform:translateY(-32px); }
 .wide-secure { display:flex; align-items:center; justify-content:center; gap:8px; font-size:12px; font-weight:700; }
 .wide-secure img { width:12px; height:auto; }
 .wide-fineprint { font-size:10px; line-height:1.35; margin-top:12px; color:#66534c; }
 #duvidas { background:var(--cream); }
 .faq-section::before { display:none; }
 .wide-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; padding:100px 0 80px; align-items:start; }
 .wide-faq .wide-title { font-size:54px; }
 .wide-faq .wide-lead { margin:26px 0; font-size:18px; }
 .wide-faq .wide-button { font-size:14px; padding-inline:20px; }
 .wide-question { border:1px solid #3a35304d; border-radius:15px; margin-bottom:10px; }
 .wide-question summary { cursor:pointer; position:relative; padding:22px 60px 22px 26px; list-style:none; font-size:18px; font-weight:700; line-height:1.25; letter-spacing:-.4px; }
 .wide-question summary::-webkit-details-marker { display:none; }
 .wide-question summary img { position:absolute; right:24px; top:calc(50% - 7px); width:18px; height:auto; transition:rotate .25s; }
 .wide-question[open] summary { color:var(--wine); }
 .wide-question[open] summary img { rotate:90deg; }
 .wide-question p { padding:0 26px 24px; font-size:16px; line-height:1.45; color:#3a3530; max-width:560px; }
 .wide-question::details-content { block-size:0; overflow:clip; transition:block-size .3s ease,content-visibility .3s allow-discrete; }
 .wide-question[open]::details-content { block-size:auto; }
 .wide-footer { display:flex; justify-content:space-between; align-items:center; padding:36px 0; border-top:1px solid #500c1126; }
 .wide-footer > a img { width:248px; height:auto; }
 .wide-social { position:relative; width:91.478px; height:25.5383px; }
 .wide-social > img { width:100%; height:100%; }
 .wide-social button { position:absolute; width:30%; inset-block:0; border:0; padding:0; background:transparent; }
 .wide-social button:nth-of-type(1) { left:0; }
 .wide-social button:nth-of-type(2) { left:35%; }
 .wide-social button:nth-of-type(3) { right:0; }
 .copyright { height:80px; font-size:14px; }
}
@media (min-width:600px) and (max-width:1199px) {
 .wide-container { width:calc(100% - 64px); }
 .wide-header { gap:24px; }
 .wide-header nav { gap:20px; }
 .wide-header > a:first-child img { width:165px; }
 .wide-hero { gap:24px; }
 .wide-hero-title { font-size:66px; }
 .wide-hero-video { height:580px; }
 .wide-hero-copy .wide-button { font-size:14px; padding-inline:20px; }
 .wide-step-list { gap:16px; }
 .wide-step-list li { padding:24px 18px; gap:16px; flex-direction:column; align-items:start; }
 .wide-step-number { border:0; padding:0; }
 .wide-author { gap:44px; }
 .wide-author-copy .wide-title { font-size:42px; }
 .wide-offer { gap:40px; }
 .wide-offer-card { padding:24px; }
 .wide-price-box { padding-inline:16px; }
 .wide-price { font-size:46px; }
 .wide-price-line { gap:14px; }
 .wide-readers-heading .wide-title { font-size:56px; }
 .wide-reader-card { display:block; }
 .wide-reader-card > button { display:block; width:100%; height:280px; }
 .wide-reader-card > button > img { object-position:50% 28%; }
 .wide-reader-quote { min-height:240px; padding:26px 28px; text-align:center; }
 .wide-faq { gap:48px; }
 .wide-faq .wide-title { font-size:46px; }
 .wide-faq .wide-button { font-size:12px; padding-inline:14px; gap:10px; }
}
@media (min-width:600px) and (max-width:899px) {
 .wide-header { min-height:92px; flex-wrap:wrap; gap:16px; padding-block:24px; }
 .wide-header nav { display:flex; order:3; width:100%; justify-content:center; gap:28px; margin:0; }
 .wide-hero { grid-template-columns:1fr; padding-top:36px; gap:12px; }
 .wide-hero-copy { text-align:center; padding-bottom:0; }
 .wide-hero-title { margin-inline:auto; font-size:72px; }
 .wide-hero-copy > .wide-note { max-width:none; }
 .wide-hero-video { width:min(500px,100%); margin:auto; height:580px; }
 .wide-hero-video::after { background:linear-gradient(0deg,#000,transparent 20%,transparent 80%,#000),linear-gradient(90deg,#000,transparent 15%,transparent 85%,#000); }
 .wide-title { font-size:48px; }
 .wide-battle { padding-top:24px; }
 .wide-battle-scene { height:570px; }
 .wide-battle-scene > img { width:570px; height:790px; }
 .wide-voices { top:210px; gap:14px; }
 .wide-voices--left { left:0; }
 .wide-voices--right { right:0; }
 .wide-voice { width:calc(var(--voice-width) * .85); height:55.69px; }
 .wide-voice > span { font-size:16px; padding:6px 8px 6px 22px; }
 .wide-voices--left .wide-voice:last-child { height:74.73px; }
 .wide-battle-close .wide-title { font-size:44px; }
 .wide-steps { padding:88px 0 80px; }
 .wide-thread { width:580px; right:-160px; }
 .wide-step-list { grid-template-columns:1fr; max-width:500px; margin-inline:auto; gap:18px; }
 .wide-step-list li { flex-direction:row; align-items:center; padding:26px; gap:26px; }
 .wide-step-number { padding-right:24px; border-right:1px solid #b6aaa3; }
 .wide-author { grid-template-columns:1fr; padding:64px 0 80px; max-width:600px; }
 .wide-family { order:2; }
 .wide-author-copy { text-align:center; }
 .wide-author-copy .wide-title { font-size:48px; }
 .wide-author-copy .wide-underline { margin-inline:auto; }
 .wide-story { text-align:left; max-width:490px; margin:auto; }
 .wide-offer { grid-template-columns:1fr; max-width:590px; gap:40px; padding:80px 0; }
 .wide-offer-book .wide-title { font-size:48px; }
 .wide-offer-card { padding:30px; }
 .wide-price { font-size:58px; }
 .wide-faq { grid-template-columns:1fr; padding:80px 0 64px; gap:40px; }
 .wide-faq > div:first-child { text-align:center; }
 .wide-faq .wide-title { font-size:52px; }
 .wide-faq .wide-button { font-size:15px; padding-inline:28px; }
}
@media (prefers-reduced-motion:reduce) { .wide-layout *, .wide-layout *::after { transition:none!important; } }
