@charset "UTF-8";
/* ============================================================
   O PAI QUE VOCÊ AINDA NÃO CONHECE — Daiane Talita Bonze
   Identidade visual derivada da capa do livro.
   ============================================================ */

/* ---------- FONTES (self-hosted) ---------- */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(../assets/fonts/playfair-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(../assets/fonts/playfair-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 700;font-display:swap;
  src:url(../assets/fonts/playfair-italic-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 700;font-display:swap;
  src:url(../assets/fonts/playfair-italic-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../assets/fonts/ebgaramond-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../assets/fonts/ebgaramond-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400 500;font-display:swap;
  src:url(../assets/fonts/ebgaramond-italic-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400 500;font-display:swap;
  src:url(../assets/fonts/ebgaramond-italic-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- TOKENS ---------- */
:root{
  /* extraídos da capa: parede creme, tinta marrom, foil dourado, madeira da porta */
  --color-background:#F7EFE5;
  --color-surface:#FDFAF4;
  --color-surface-2:#F1E5D5;
  --color-surface-3:#E9DAC5;
  --color-primary:#38230F;
  --color-secondary:#4E3822;
  --color-text:#4E3822;
  --color-muted:#745C3E;
  --color-accent:#A87C22;
  --color-accent-deep:#7A5715;
  --color-accent-light:#E6D090;
  --color-line:#DFCDB4;
  --color-line-soft:#EADCC7;
  --color-wood:#D79F62;
  --color-deep:#2B1A0A;

  --grad-gold:linear-gradient(103deg,#8A6520 0%,#C09A3C 26%,#EFDFA8 48%,#B98F2E 68%,#8A6520 100%);
  --grad-gold-btn:linear-gradient(165deg,#A87C22 0%,#8A6520 55%,#6E4C12 100%);

  --font-display:'Playfair Display',"Iowan Old Style",Georgia,'Times New Roman',serif;
  --font-body:'EB Garamond',"Iowan Old Style",Georgia,'Times New Roman',serif;
  --font-ui:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  --wrap:1240px;
  --gutter:clamp(1.25rem,5vw,4.5rem);
  --section-y:clamp(5.5rem,13vh,10.5rem);
  --arch-radius:50% 50% 5px 5px / 34% 34% 4px 4px;

  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.75s;
}

/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;
  background:var(--color-background);
  color:var(--color-text);
  font-family:var(--font-body);
  font-size:clamp(1.0625rem,.55vw + .93rem,1.1875rem);
  line-height:1.66;
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
cite{font-style:italic}
:focus-visible{outline:2px solid var(--color-accent-deep);outline-offset:3px;border-radius:2px}

.skip-link{
  position:absolute;left:1rem;top:-6rem;z-index:200;
  background:var(--color-surface);color:var(--color-primary);
  padding:.7rem 1.1rem;border-radius:999px;font-family:var(--font-ui);font-size:.85rem;
  box-shadow:0 8px 26px rgba(56,35,15,.18);transition:top .2s var(--ease);
}
.skip-link:focus{top:1rem}

/* ---------- LAYOUT ---------- */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--narrow{max-width:820px}
section{position:relative}

/* ---------- TIPOGRAFIA ---------- */
.eyebrow{
  font-family:var(--font-ui);
  font-size:.72rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;
  color:var(--color-muted);margin-bottom:1.25rem;
}
.eyebrow::after{
  content:"";display:block;width:34px;height:1px;margin-top:.85rem;
  background:var(--color-line);
}
.section-head--center{text-align:center}
.section-head--center .eyebrow::after{margin-inline:auto}

.display{
  font-family:var(--font-display);
  font-weight:500;
  font-size:clamp(2.05rem,4.4vw,3.5rem);
  line-height:1.06;
  letter-spacing:-.012em;
  color:var(--color-primary);
  text-wrap:balance;
}
.display--lg{font-size:clamp(2.3rem,5.4vw,4.15rem);line-height:1.03}
.display--xl{font-size:clamp(2.45rem,6.2vw,4.9rem);line-height:.99;letter-spacing:-.018em}
.display em,.gold{
  font-style:italic;font-weight:500;
  background:var(--grad-gold);
  -webkit-background-clip:text;background-clip:text;
  color:var(--color-accent-deep);
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .display em,.gold{color:transparent}
}
.ink-soft{color:var(--color-muted)}
.nowrap{white-space:nowrap}

.lead{font-size:clamp(1.15rem,1.1vw + .95rem,1.4rem);line-height:1.6;color:var(--color-secondary)}
.lead + .lead{margin-top:1.1rem}
.lead em{font-style:italic;color:var(--color-primary)}

.rule{border:0;border-top:1px dashed var(--color-line);margin:0}

/* ---------- BOTÕES ---------- */
.btn{
  --btn-y:1.02rem;--btn-x:2rem;
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  min-height:52px;padding:var(--btn-y) var(--btn-x);
  font-family:var(--font-ui);font-size:.9rem;font-weight:500;letter-spacing:.055em;
  text-transform:uppercase;text-decoration:none;
  border-radius:999px;border:1px solid transparent;
  cursor:pointer;position:relative;isolation:isolate;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);
}
.btn--sm{--btn-y:.6rem;--btn-x:1.25rem;min-height:40px;font-size:.76rem;letter-spacing:.07em}
.btn--lg{--btn-y:1.18rem;--btn-x:2.6rem;min-height:60px;font-size:.95rem}

.btn--gold{
  background:var(--grad-gold-btn);color:#FFF7E9;
  box-shadow:0 12px 30px -14px rgba(90,63,16,.7),inset 0 1px 0 rgba(255,244,214,.28);
}
.btn--gold:hover,.btn--gold:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 20px 40px -16px rgba(90,63,16,.75),inset 0 1px 0 rgba(255,244,214,.4);
}
.btn--gold:active{transform:translateY(0)}

.btn--ghost{
  background:transparent;color:var(--color-primary);border-color:var(--color-line);
}
.btn--ghost:hover,.btn--ghost:focus-visible{
  border-color:var(--color-accent);color:var(--color-accent-deep);transform:translateY(-2px);
}

.btn--cream{
  background:#FBF4E6;color:#3A2410;
  box-shadow:0 14px 34px -16px rgba(0,0,0,.55);
}
.btn--cream:hover,.btn--cream:focus-visible{transform:translateY(-2px);background:#FFFCF4}

/* ---------- HEADER ---------- */
.site-header{
  position:fixed;inset:0 0 auto;z-index:100;
  padding-top:env(safe-area-inset-top);
  transition:background-color .45s var(--ease),box-shadow .45s var(--ease),backdrop-filter .45s var(--ease);
}
.site-header.is-scrolled{
  background:rgba(247,239,229,.82);
  -webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);
  box-shadow:0 1px 0 var(--color-line-soft);
}
.site-header__inner{
  max-width:var(--wrap);margin-inline:auto;
  padding:1.05rem var(--gutter);
  display:flex;align-items:center;gap:1.5rem;
}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.25;flex:0 0 auto}
.brand__name{
  font-family:var(--font-ui);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--color-muted);
}
.brand__book{
  font-family:var(--font-display);font-size:.98rem;color:var(--color-primary);letter-spacing:-.005em;
}
.brand__short{display:none}
.site-nav{margin-left:auto;display:flex;gap:1.9rem}
.site-nav a{
  font-family:var(--font-ui);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--color-secondary);text-decoration:none;position:relative;padding-block:.35rem;
}
.site-nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--color-accent);transform:scaleX(0);transform-origin:right;
  transition:transform .4s var(--ease);
}
.site-nav a:hover::after,.site-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.site-header .btn{flex:0 0 auto}

@media (max-width:1024px){
  .site-nav{display:none}
  .site-header__inner{justify-content:space-between;padding-block:.85rem}
  .brand__name{display:none}
  .brand__book{
    font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    max-width:min(48vw,22rem);
  }
}
@media (max-width:560px){
  .brand__book{display:none}
  .brand__short{
    display:block;font-family:var(--font-ui);font-size:.7rem;letter-spacing:.19em;
    text-transform:uppercase;color:var(--color-primary);white-space:nowrap;
  }
  .site-header .btn--sm{--btn-x:1rem;font-size:.7rem;letter-spacing:.06em}
}
@media (max-width:360px){
  .brand__short{font-size:.62rem;letter-spacing:.13em}
  .site-header .btn--sm{--btn-x:.85rem;font-size:.66rem}
}

/* ---------- HERO ---------- */
.hero{
  min-height:100svh;display:flex;align-items:center;isolation:isolate;
  padding:calc(clamp(5.5rem,10vh,7.5rem) + env(safe-area-inset-top)) 0 clamp(2.5rem,6vh,4.5rem);
  overflow:hidden;
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(72% 58% at 78% 34%,rgba(255,241,206,.72),transparent 62%),
    radial-gradient(58% 46% at 8% 8%,rgba(255,252,246,.9),transparent 60%);
}
.hero__grid{
  position:relative;z-index:1;width:100%;
  max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:center;
}
.hero__type{max-width:34rem}

.hero__title{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(2.9rem,6.2vw,4.375rem);
  line-height:.9;letter-spacing:-.022em;
  color:var(--color-primary);
  margin:.15rem 0 1.25rem;
}
.hero__title .ln{display:block}
.hero__title .ln-2{padding-left:.14em}
.hero__title .ln-3{padding-left:.52em}
.hero__title .ln-4{padding-left:.30em}
.hero__title .ln-5{padding-left:.62em}
.hero__title .ln-6{padding-left:0}
.hero__title em{
  font-style:italic;font-weight:500;
  background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;
  color:var(--color-accent-deep);
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero__title em{color:transparent}
}

.hero__lede{
  font-size:clamp(1.14rem,1.05vw + .9rem,1.34rem);line-height:1.46;
  color:var(--color-primary);max-width:32rem;
}
.hero__lede em{font-style:italic;color:var(--color-accent-deep)}
.hero__sub{
  margin-top:1.05rem;color:var(--color-muted);max-width:30rem;
  font-size:.97rem;line-height:1.55;
}
.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}

/* palco: arco + livro */
.hero__stage{position:relative;display:flex;justify-content:center;align-items:flex-end}
.arch{
  position:relative;overflow:hidden;border-radius:var(--arch-radius);
  background:var(--color-surface-2);
}
.arch::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),inset 0 -60px 90px -60px rgba(80,54,22,.28);
}
.arch img{width:100%;height:100%;object-fit:cover}
.arch--hero{
  width:min(100%,26rem);aspect-ratio:1100/1647;
  box-shadow:0 46px 90px -50px rgba(83,56,22,.55);
}
/* telas altas e largas ganham o titulo em escala de capa */
@media (min-width:1280px) and (min-height:960px){
  .hero__title{font-size:5rem}
  .arch--hero{width:min(100%,29rem)}
}
/* notebooks de tela baixa: mantem o CTA na primeira dobra */
@media (min-width:861px) and (max-height:820px){
  .hero{padding-top:calc(4.5rem + env(safe-area-inset-top));padding-bottom:2rem}
  .hero__title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem}
  .hero__lede{font-size:1.1rem}
  .hero__sub{margin-top:.85rem;font-size:.92rem}
  .hero__actions{margin-top:1.2rem}
  .arch--hero{width:min(100%,22rem)}
  .book{width:min(38%,12rem)}
}

/* livro em perspectiva (CSS puro, usa a capa real) */
.book{position:absolute;left:2%;bottom:-3%;width:min(46%,15.5rem);perspective:1600px;z-index:2}
.book__inner{
  position:relative;aspect-ratio:780/1151;transform-style:preserve-3d;
  transform:rotateY(-11deg) rotateX(1.6deg);
  will-change:transform;
}
.book__face{
  position:absolute;inset:0;overflow:hidden;
  border-radius:2px 6px 6px 2px;
  box-shadow:0 34px 56px -26px rgba(60,40,16,.62),0 3px 10px rgba(60,40,16,.18);
}
/* luz que atravessa a capa — sugere o dourado hot stamping pegando reflexo */
.book__face::after{
  content:"";position:absolute;top:-10%;bottom:-10%;left:-60%;width:55%;
  pointer-events:none;border-radius:inherit;
  background:linear-gradient(100deg,
    rgba(255,255,255,0) 0%,
    rgba(255,250,232,.34) 42%,
    rgba(255,255,255,.62) 50%,
    rgba(255,250,232,.30) 58%,
    rgba(255,255,255,0) 100%);
  transform:translateX(0);
}
.book__face img{width:100%;height:100%;object-fit:cover}
.book__spine{
  position:absolute;left:0;top:0;bottom:0;width:7%;border-radius:2px 0 0 2px;pointer-events:none;
  background:linear-gradient(90deg,rgba(58,37,14,.30),rgba(58,37,14,.06) 55%,rgba(255,255,255,.16));
}
.book__pages{
  position:absolute;top:1.4%;bottom:1.4%;right:0;width:14px;
  transform-origin:right center;transform:rotateY(-90deg);
  background:repeating-linear-gradient(90deg,#FBF5EA 0 1.5px,#E4D6BE 1.5px 3px);
  box-shadow:inset -3px 0 6px -2px rgba(90,64,26,.35);
}
.book::after{
  content:"";position:absolute;left:6%;right:2%;bottom:-4%;height:26px;z-index:-1;
  background:radial-gradient(50% 50% at 50% 50%,rgba(70,46,18,.42),transparent 72%);
  filter:blur(9px);
}
@media (prefers-reduced-motion:no-preference){
  .book__inner{animation:flutuar 12s ease-in-out infinite}
  .book__face::after{animation:brilho 9s ease-in-out infinite}
  .arch--hero img{transform:scale(1.07);transition:transform 1.8s var(--ease)}
  .arch--hero.is-visible img{transform:none}
}
@keyframes flutuar{
  0%,100%{transform:rotateY(-12deg) rotateX(1.4deg) translateY(0)}
  28%    {transform:rotateY(-8.5deg) rotateX(2.4deg) translateY(-10px)}
  52%    {transform:rotateY(-6.5deg) rotateX(1.6deg) translateY(-15px)}
  76%    {transform:rotateY(-10deg)  rotateX(2.2deg) translateY(-7px)}
}
@keyframes brilho{
  0%,58%  {transform:translateX(0);opacity:0}
  62%     {opacity:1}
  88%     {opacity:1}
  92%,100%{transform:translateX(330%);opacity:0}
}
/* o livro entra com presença */
.book.reveal{transform:translateY(26px) scale(.93)}

.edge-label{
  position:absolute;right:calc(var(--gutter) * .34);top:52%;
  transform:translateY(-50%) rotate(90deg);transform-origin:right center;
  font-family:var(--font-ui);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--color-muted);opacity:.72;white-space:nowrap;pointer-events:none;
}
@media (max-width:1380px){.edge-label{display:none}}

/* HERO — mobile: o livro abre a página; o texto vem depois */
@media (max-width:860px){
  .hero{
    min-height:0;
    padding:calc(5.5rem + env(safe-area-inset-top)) 0 clamp(2.5rem,6vh,4rem);
  }
  .hero__grid{grid-template-columns:1fr;gap:0;justify-items:center;text-align:center}
  .hero__type{display:contents}

  .hero__stage{
    order:1;position:relative;width:100%;max-width:24rem;
    margin:0 auto clamp(1.9rem,5.5vw,2.6rem);justify-content:flex-start;
  }
  .arch--hero{width:68%}
  .book{left:auto;right:4%;bottom:3%;width:44%}

  .hero__type > .eyebrow{order:2;margin-bottom:.9rem}
  .eyebrow::after{margin-inline:auto}
  /* a capa acima ja entrega o titulo em escala de cartaz:
     aqui ele volta a ser texto corrido, dando a vez a promessa */
  .hero__title{
    order:3;margin:0 0 1.1rem;
    font-size:clamp(2.25rem,9.2vw,3rem);line-height:1.04;letter-spacing:-.015em;
    max-width:15ch;margin-inline:auto;
  }
  .hero__title .ln{display:inline;padding-left:0 !important}
  .hero__lede{order:4;max-width:none;margin-inline:auto;text-wrap:balance}
  .hero__sub{order:5;max-width:38ch;margin-inline:auto;margin-top:1.1rem;text-wrap:balance}
  .hero__actions{order:6;width:100%;justify-content:center;margin-top:1.8rem}
  .hero__actions .btn{flex:1 1 auto;min-width:14rem}
}
@media (min-width:600px) and (max-width:860px){
  .hero__stage{max-width:27rem}
  .hero__title{font-size:3.1rem;max-width:16ch}
}
@media (max-width:400px){
  .hero__title{font-size:clamp(2.1rem,9vw,2.6rem)}
  .arch--hero{width:69%}
  .book{width:46%}
}

/* ---------- 2. IDENTIFICAÇÃO ---------- */
.identificacao{padding:var(--section-y) 0 calc(var(--section-y) * .8)}
.identificacao .display{font-size:clamp(2rem,3.6vw,3.05rem);line-height:1.1}
.ainda{margin-top:clamp(2.4rem,5vw,3.6rem);border-top:1px dashed var(--color-line)}
.ainda li{
  font-family:var(--font-display);
  font-size:clamp(1.18rem,1.7vw + .8rem,1.85rem);
  line-height:1.42;color:var(--color-secondary);
  padding:clamp(1rem,2vw,1.5rem) 0;
  border-bottom:1px dashed var(--color-line);
  padding-left:1.9rem;position:relative;
}
.ainda li::before{
  content:"";position:absolute;left:.25rem;top:calc(50% - 2.5px);
  width:5px;height:5px;border-radius:50%;background:var(--color-accent);opacity:.85;
}
.ainda li:last-child{color:var(--color-primary)}

/* ---------- 3. GRANDE IDEIA ---------- */
.grande-ideia{padding:calc(var(--section-y) * .7) 0}
.statement{padding:clamp(3rem,7vw,5.5rem) 0;text-align:center}
.statement p{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.7rem,3.9vw,3.15rem);
  line-height:1.18;letter-spacing:-.014em;color:var(--color-primary);
  max-width:23ch;margin-inline:auto;text-wrap:balance;
}
.statement em{
  font-style:italic;background:var(--grad-gold);
  -webkit-background-clip:text;background-clip:text;color:var(--color-accent-deep);
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.statement em{color:transparent}}

/* ---------- 4. PROBLEMA ---------- */
.problema{background:var(--color-surface-2);padding:var(--section-y) 0}
.problema .section-head{margin-bottom:clamp(3rem,6vw,4.5rem)}
.conflitos{
  display:grid;gap:1px;background:var(--color-line);
  border-block:1px solid var(--color-line);
  grid-template-columns:repeat(3,1fr);
}
.conflito{
  background:var(--color-surface-2);padding:clamp(2rem,3.2vw,2.9rem) clamp(1.4rem,2.4vw,2.2rem);
  display:flex;flex-direction:column;gap:.85rem;
}
.conflito__num{
  font-family:var(--font-ui);font-size:.7rem;letter-spacing:.22em;color:var(--color-accent);
}
.conflito__title{
  font-family:var(--font-display);font-weight:500;font-size:1.42rem;line-height:1.2;
  color:var(--color-primary);margin:0;
}
.conflito__quote{
  font-style:italic;color:var(--color-muted);font-size:1.06rem;line-height:1.55;margin-top:auto;
}
@media (max-width:800px){.conflitos{grid-template-columns:1fr}}

.quebra{
  margin-top:clamp(3.2rem,7vw,5.5rem);text-align:center;
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.65rem,3.6vw,2.85rem);line-height:1.2;color:var(--color-primary);
  text-wrap:balance;
}
.quebra em{
  font-style:italic;background:var(--grad-gold);
  -webkit-background-clip:text;background-clip:text;color:var(--color-accent-deep);
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.quebra em{color:transparent}}

/* ---------- 5. APRESENTAÇÃO ---------- */
.apresentacao{padding:var(--section-y) 0}
.apresentacao__grid{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
  gap:clamp(2rem,5vw,5rem);align-items:center;
}
.apresentacao__text .btn{margin-top:2rem}

/* mockups fotografados: a base clara funde no creme da pagina */
.mockup{position:relative;justify-self:center}
.mockup img{width:100%;height:auto}
.mockup--frente{width:min(100%,28rem)}
.mockup--verso{width:min(100%,25rem)}
@media (max-width:900px){
  .apresentacao__grid{grid-template-columns:1fr;gap:2.4rem}
  .mockup--frente{width:min(82%,22rem)}
  .mockup--verso{width:min(78%,21rem)}
}

/* ---------- 6. TRAVESSIA ---------- */
.travessia{padding:var(--section-y) 0;background:var(--color-surface-2)}
.travessia .section-head{margin-bottom:clamp(3rem,6vw,4.5rem)}
.passagens{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(2rem,5vw,4.5rem);max-width:56rem;margin-inline:auto;
}
.passagem{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .75rem;
  padding:clamp(1.15rem,2vw,1.5rem) 0;border-bottom:1px dashed var(--color-line);
}
.passagem dt{
  font-family:var(--font-ui);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--color-muted);flex:0 0 auto;transform:translateY(-.15em);
}
.passagem dd{
  margin:0;font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.1rem,1vw + .84rem,1.4rem);line-height:1.25;color:var(--color-primary);
  flex:1 1 auto;
}
.passagem dd::before{
  content:"→";display:inline-block;margin-right:.5rem;
  color:var(--color-accent);font-family:var(--font-ui);font-size:.78em;
  transform:translateY(-.08em);
}
@media (max-width:760px){.passagens{grid-template-columns:1fr}}

/* ---------- 7. RESPIRO ---------- */
.respiro{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(7rem,20vh,13rem) 0;text-align:center;color:#FFF6E6;
}
.respiro__bg{position:absolute;inset:0;z-index:-2}
.respiro__bg img{width:100%;height:100%;object-fit:cover;object-position:center 62%}
.respiro::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(80% 66% at 50% 46%,rgba(38,22,8,.40),rgba(34,20,7,.74) 76%),
    linear-gradient(180deg,rgba(38,22,8,.52),rgba(26,15,5,.8));
}
.respiro .display{color:#FFF7EA;font-size:clamp(1.85rem,4vw,3.05rem);line-height:1.14}
.respiro .display em{
  background:linear-gradient(103deg,#D9B95E,#F6E7B4 42%,#E4C878 70%,#C79F3F);
  -webkit-background-clip:text;background-clip:text;color:#F0DCA0;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.respiro .display em{color:transparent}}
.respiro__sub{
  margin-top:2rem;font-size:clamp(1.08rem,1vw + .9rem,1.3rem);line-height:1.62;
  color:rgba(255,244,226,.9);max-width:44ch;margin-inline:auto;
}

/* ---------- 8. EXEMPLAR ---------- */
.exemplar{padding:var(--section-y) 0}
.exemplar__grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  gap:clamp(2rem,5vw,5rem);align-items:center;
}
.exemplar__text .display{margin-bottom:2rem}
.exemplar__text .btn{margin-top:2.2rem}
.pull{
  font-family:var(--font-display);font-weight:400;font-style:italic;
  font-size:clamp(1.2rem,1.5vw,1.6rem);line-height:1.38;color:var(--color-primary);
  max-width:34ch;
}
.pull em{
  font-style:italic;background:var(--grad-gold);
  -webkit-background-clip:text;background-clip:text;color:var(--color-accent-deep);
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.pull em{color:transparent}}
@media (max-width:900px){
  .exemplar__grid{grid-template-columns:1fr;gap:2.4rem}
  .exemplar__text{order:2}
  .mockup--verso{order:1}
}

/* ---------- 9. PARA QUEM ---------- */
.paraquem{padding:var(--section-y) 0;background:var(--color-surface-2)}
.checklist{margin-top:clamp(2.2rem,4vw,3rem)}
.checklist li{
  position:relative;padding:1rem 0 1rem 2.6rem;
  border-bottom:1px dashed var(--color-line);
  font-size:clamp(1.06rem,.7vw + .92rem,1.22rem);line-height:1.55;color:var(--color-secondary);
}
.checklist li::before{
  content:"";position:absolute;left:.15rem;top:1.55rem;
  width:14px;height:8px;border-left:1.6px solid var(--color-accent);border-bottom:1.6px solid var(--color-accent);
  transform:rotate(-45deg);
}
.paraquem__close{
  margin-top:clamp(2.6rem,5vw,3.6rem);
  font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.35;
  color:var(--color-primary);text-wrap:balance;
}
.paraquem__close em{
  font-style:italic;background:var(--grad-gold);
  -webkit-background-clip:text;background-clip:text;color:var(--color-accent-deep);
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.paraquem__close em{color:transparent}}

/* ---------- 10. AUTORA ---------- */
.autora{padding:var(--section-y) 0}
.autora__grid{
  display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);
  gap:clamp(2.5rem,6vw,5.5rem);align-items:center;
}
.arch--autora{
  width:min(100%,23rem);aspect-ratio:1000/1383;justify-self:center;
  box-shadow:0 40px 78px -46px rgba(83,56,22,.5);
}
.arch--autora::before{
  content:"";position:absolute;inset:9px;border-radius:inherit;z-index:2;
  border:1px solid rgba(255,247,231,.55);pointer-events:none;
}
.autora__text p + p{margin-top:1.05rem}
.autora__text .display{margin-bottom:1.6rem}
.signature{
  font-family:var(--font-display);font-style:italic;font-weight:500;
  font-size:clamp(1.5rem,2.4vw,2.05rem);color:var(--color-accent-deep);
  margin-top:2rem !important;
}
.autora__text .btn{margin-top:1.6rem}
@media (max-width:900px){
  .autora__grid{grid-template-columns:1fr;gap:2.8rem}
  .arch--autora{width:min(70%,18rem)}
}

/* ---------- 11. CTA PRINCIPAL ---------- */
.cta-principal{
  padding:var(--section-y) 0;text-align:center;
  background:
    radial-gradient(60% 52% at 50% 0%,rgba(255,243,214,.85),transparent 68%),
    var(--color-background);
  border-top:1px dashed var(--color-line);
}
.ornamento{margin:0 auto 2.2rem;width:clamp(120px,16vw,200px)}
.ornamento svg{width:100%;height:auto;display:block;opacity:.9}
.cta-principal .lead{margin:1.8rem auto 2.4rem;max-width:48ch}

/* ---------- 13. FAQ ---------- */
.faq{padding:var(--section-y) 0;background:var(--color-surface-2);border-top:1px solid var(--color-line-soft)}
.faq .section-head{margin-bottom:clamp(2.2rem,4vw,3rem)}
.accordion{border-top:1px solid var(--color-line)}
.qa{border-bottom:1px solid var(--color-line)}
.qa summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:flex-start;gap:1.2rem;justify-content:space-between;
  padding:1.35rem 0;
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.1rem,1vw + .88rem,1.3rem);line-height:1.35;color:var(--color-primary);
  transition:color .3s var(--ease);
}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--color-accent-deep)}
.qa summary::after{
  content:"";flex:0 0 auto;width:13px;height:13px;margin-top:.42rem;
  border-right:1.6px solid var(--color-accent);border-bottom:1.6px solid var(--color-accent);
  transform:rotate(45deg);transition:transform .35s var(--ease);
}
.qa[open] summary::after{transform:rotate(-135deg)}
.qa__body{padding:0 0 1.5rem;max-width:62ch}
.qa__body p{color:var(--color-secondary);font-size:1.05rem;line-height:1.62}
@media (prefers-reduced-motion:no-preference){
  .qa[open] .qa__body{animation:abrir .4s var(--ease)}
}
@keyframes abrir{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- 14. CTA FINAL ---------- */
.cta-final{
  padding:clamp(6rem,16vh,10rem) 0;text-align:center;color:#FFF6E6;
  background:
    radial-gradient(70% 60% at 50% 12%,rgba(122,87,21,.5),transparent 66%),
    linear-gradient(175deg,#3A2410 0%,#2B1A0A 62%,#1F1206 100%);
}
.cta-final .display{color:#FFF7EA}
.cta-final .display em{
  background:linear-gradient(103deg,#D9B95E,#F6E7B4 42%,#E4C878 70%,#C79F3F);
  -webkit-background-clip:text;background-clip:text;color:#F0DCA0;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.cta-final .display em{color:transparent}}
.cta-final__sub{
  margin:1.9rem auto 2.6rem;max-width:46ch;
  font-size:clamp(1.08rem,1vw + .9rem,1.28rem);line-height:1.6;color:rgba(255,244,226,.88);
}

/* ---------- FOOTER ---------- */
.site-footer{background:#1F1206;color:rgba(255,244,226,.72);padding:clamp(3rem,7vh,4.5rem) 0 calc(clamp(3rem,7vh,4.5rem) + env(safe-area-inset-bottom))}
.site-footer__inner{display:flex;flex-wrap:wrap;gap:1.8rem 3rem;align-items:baseline;justify-content:space-between}
.site-footer__book{font-family:var(--font-display);font-size:1.2rem;color:#FFF6E6;line-height:1.3}
.site-footer__author{
  font-family:var(--font-ui);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,244,226,.6);margin-top:.45rem;
}
.site-footer__links{display:flex;flex-wrap:wrap;gap:1.5rem}
.site-footer__links a{
  font-family:var(--font-ui);font-size:.78rem;letter-spacing:.07em;color:rgba(255,244,226,.82);
  text-decoration:none;border-bottom:1px solid rgba(255,244,226,.28);padding-bottom:2px;
  transition:color .3s var(--ease),border-color .3s var(--ease);
}
.site-footer__links a:hover,.site-footer__links a:focus-visible{color:#F0DCA0;border-color:#F0DCA0}
.site-footer__legal{
  flex:1 1 100%;font-family:var(--font-ui);font-size:.72rem;letter-spacing:.04em;
  color:rgba(255,244,226,.5);padding-top:1.6rem;border-top:1px solid rgba(255,244,226,.13);
}

/* ---------- STICKY CTA (mobile) ---------- */
.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  padding:.7rem var(--gutter) calc(.7rem + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(247,239,229,0),rgba(247,239,229,.94) 38%);
  transform:translateY(115%);transition:transform .45s var(--ease);
  pointer-events:none;
}
.sticky-cta .btn{width:100%;pointer-events:auto}
.sticky-cta.is-on{transform:none}
@media (min-width:861px){.sticky-cta{display:none}}

/* ---------- REVEAL ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.10s}
.reveal[data-delay="2"]{transition-delay:.20s}
.reveal[data-delay="3"]{transition-delay:.30s}
.reveal[data-delay="4"]{transition-delay:.40s}
.reveal[data-delay="5"]{transition-delay:.50s}
.ainda li.reveal:nth-child(2){transition-delay:.07s}
.ainda li.reveal:nth-child(3){transition-delay:.14s}
.ainda li.reveal:nth-child(4){transition-delay:.21s}
.ainda li.reveal:nth-child(5){transition-delay:.28s}
.ainda li.reveal:nth-child(6){transition-delay:.35s}
.ainda li.reveal:nth-child(7){transition-delay:.42s}
.checklist li.reveal:nth-child(2),.passagem.reveal:nth-child(2),.qa.reveal:nth-child(2){transition-delay:.06s}
.checklist li.reveal:nth-child(3),.passagem.reveal:nth-child(3),.qa.reveal:nth-child(3){transition-delay:.12s}
.checklist li.reveal:nth-child(4),.passagem.reveal:nth-child(4),.qa.reveal:nth-child(4){transition-delay:.18s}
.checklist li.reveal:nth-child(5),.passagem.reveal:nth-child(5),.qa.reveal:nth-child(5){transition-delay:.24s}
.checklist li.reveal:nth-child(6),.passagem.reveal:nth-child(6){transition-delay:.30s}
.checklist li.reveal:nth-child(7){transition-delay:.36s}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1 !important;transform:none !important;transition:none !important}
  .book__inner{animation:none !important}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}

/* ---------- PRINT ---------- */
@media print{
  .site-header,.sticky-cta,.hero__actions,.btn{display:none !important}
  body{background:#fff;color:#000}
  .reveal{opacity:1;transform:none}
}