/* Deuses da Acrópole — curumba.net */
:root{
  --noite:#0b1029;        /* fundo, o céu da capa */
  --noite-2:#141b3d;      /* faixas alternadas */
  --pergaminho:#eee4cf;   /* texto corrido */
  --pergaminho-2:#bfb49b; /* texto secundário */
  --ouro:#d1a95a;         /* títulos, botões */
  --ouro-2:#f0d491;       /* hover, brilho */
  --violeta:#8f7cff;      /* a coluna de luz da capa */
  --medida:40rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--noite);color:var(--pergaminho);
  font-family:"EB Garamond",Garamond,"Times New Roman",serif;
  font-size:1.3rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--ouro)}
a:focus-visible,button:focus-visible{outline:2px solid var(--ouro-2);outline-offset:3px}
h1,h2,h3{font-weight:400;margin:0}
h2{
  font-family:Cinzel,"Trajan Pro",serif;color:var(--ouro);
  font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:.06em;margin-bottom:1.4rem;
}
p{margin:0 0 1.1em}
.medida{max-width:var(--medida);margin-inline:auto}
section{padding:5.5rem 1.4rem}
section:nth-of-type(even){background:var(--noite-2)}

/* botão */
.botao{
  display:inline-block;padding:.85rem 1.9rem;border:1px solid var(--ouro);
  color:var(--ouro);text-decoration:none;font-family:Cinzel,serif;font-size:1.05rem;
  letter-spacing:.08em;transition:background .2s,color .2s;background:transparent;cursor:pointer;
}
.botao:hover{background:var(--ouro);color:var(--noite)}
.botao.cheio{background:var(--ouro);color:var(--noite)}
.botao.cheio:hover{background:var(--ouro-2);border-color:var(--ouro-2)}

/* ---------- abertura ---------- */
.abertura{
  position:relative;overflow:hidden;min-height:100vh;
  display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);
  align-items:center;gap:4rem;max-width:72rem;margin-inline:auto;padding:4rem 1.4rem;
}
.abertura::before{ /* a coluna de luz */
  content:"";position:absolute;left:calc(50% + 6rem);top:-10%;width:14rem;height:120%;
  background:radial-gradient(ellipse at 50% 0%,rgba(143,124,255,.45),rgba(143,124,255,.08) 45%,transparent 70%);
  filter:blur(28px);pointer-events:none;
}
.capa{position:relative;z-index:1;border:2px solid var(--ouro);padding:6px;background:var(--noite);box-shadow:0 30px 60px rgba(0,0,0,.6)}
.abertura-texto{position:relative;z-index:1}
.abertura h1{
  font-family:Cinzel,serif;color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);
  line-height:1.05;letter-spacing:.04em;text-shadow:0 0 30px rgba(143,124,255,.5);
}
.subtitulo{
  font-family:Cinzel,serif;color:var(--ouro);font-size:clamp(1.05rem,1.7vw,1.2rem);
  letter-spacing:.06em;line-height:1.5;margin:1.2rem 0 1rem;max-width:30rem;
}
.psicografado{color:var(--pergaminho-2);font-style:italic;margin-bottom:2rem;font-size:1.2rem}
.acoes{display:flex;flex-wrap:wrap;gap:1rem}
.abertura-nota{color:var(--pergaminho-2);font-size:1.1rem;margin-top:1.4rem}

/* ---------- sinopse ---------- */
.sinopse blockquote{
  margin:0 0 2.2rem;font-family:Cinzel,serif;color:var(--ouro);
  font-size:clamp(1.4rem,2.4vw,1.8rem);letter-spacing:.04em;
}
.sinopse .fecho{font-style:italic;color:var(--ouro);font-size:1.5rem;margin-top:1.6rem}

/* ---------- trecho ---------- */
.trecho .rotulo{color:var(--pergaminho-2);font-style:italic;margin-bottom:1.4rem;font-size:1.15rem}
.trecho .texto p:first-of-type::first-letter{
  font-family:Cinzel,serif;color:var(--ouro);font-size:3.6em;float:left;
  line-height:.8;padding:.1em .12em 0 0;
}
.trecho .continua{color:var(--pergaminho-2);font-style:italic;margin-top:1.4rem;font-size:1.15rem}

/* ---------- degustação / flipbook ---------- */
.degustacao{text-align:center}
.degustacao .intro{max-width:var(--medida);margin:0 auto 2.4rem;color:var(--pergaminho)}
#livro{margin:0 auto;max-width:880px;touch-action:pan-y pinch-zoom}
#livro:not(.pronto) .pagina{max-width:420px;margin:0 auto 1.2rem;position:relative}
.controles,.dica{display:none}
.flip-ok .controles{display:grid}
.flip-ok .dica{display:block}
#diagnostico{max-width:var(--medida);margin:1rem auto 0}
#livro .pagina{background:#f4efe3;overflow:hidden}
#livro .pagina::after{content:"";position:absolute;inset:0;border:2px solid var(--ouro);pointer-events:none}
#livro .pagina img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
#livro .pagina.--left{box-shadow:inset -8px 0 18px rgba(0,0,0,.18)}
#livro .pagina.--right{box-shadow:inset 8px 0 18px rgba(0,0,0,.18)}
.controles{display:grid;grid-template-columns:auto 1fr auto;justify-content:center;align-items:center;gap:.8rem;margin:1.6rem auto 0;max-width:34rem}
.controles .indicador{font-family:Cinzel,serif;color:var(--pergaminho-2);letter-spacing:.06em;font-size:1.05rem;text-align:center}
.controles .botao{padding:.6rem 1.1rem;font-size:1rem;white-space:nowrap}
.dica{color:var(--pergaminho-2);font-size:1.1rem;font-style:italic;margin-top:1rem}
.baixar{margin-top:2.2rem}

/* ---------- ilustrações ---------- */
.ilustracoes h2{text-align:center}
.ilustracoes .intro{max-width:var(--medida);margin:0 auto 2.6rem;color:var(--pergaminho)}
.pranchas{display:grid;gap:3.5rem;max-width:46rem;margin-inline:auto}
.prancha + .prancha{padding-top:3rem;border-top:1px solid rgba(209,169,90,.35)}
.prancha figure{margin:0}
.prancha img{width:100%;border:2px solid var(--ouro);padding:6px;background:var(--noite);box-shadow:0 20px 50px rgba(0,0,0,.55)}
.prancha figcaption{margin-top:.9rem;color:var(--pergaminho);font-size:1.1rem;line-height:1.5;max-width:44rem}
.prancha figcaption b{font-weight:400;color:var(--ouro);font-family:Cinzel,serif;font-size:1.05rem;letter-spacing:.05em;display:block;margin-bottom:.3rem}
@media (min-width:760px){
  .prancha.quadrada figure{display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:2rem;align-items:end}
  .prancha.quadrada figcaption{margin-top:0}
}

/* ---------- vídeo ---------- */
.video{text-align:center}
.video h2,.video .dica,.video .chamada{text-align:center;margin-inline:auto}
.video .chamada{color:var(--pergaminho);font-size:1.25rem;margin:-.6rem 0 1.6rem}
.video .quadro{position:relative;width:min(100%,56rem);margin-inline:auto;aspect-ratio:16/9;background:#000;border:2px solid var(--ouro);box-shadow:0 20px 50px rgba(0,0,0,.55)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- autor ---------- */
.autor .grade{display:grid;grid-template-columns:240px minmax(0,1fr);gap:3rem;max-width:56rem;margin-inline:auto;align-items:start}
.autor .foto{border:2px solid var(--ouro);padding:6px;background:var(--noite);box-shadow:0 20px 40px rgba(0,0,0,.5)}
.autor .grade p{font-size:1.2rem}
.autor .fecho{font-style:italic;color:var(--ouro)}

/* ---------- ficha / comprar ---------- */
.comprar{text-align:center}
.comprar .grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.2rem 2.4rem;max-width:52rem;margin:0 auto 2.8rem;text-align:left}
.comprar dl{margin:0}
.comprar dt{font-family:Cinzel,serif;color:var(--ouro);font-size:1rem;letter-spacing:.08em;margin-top:1rem}
.comprar dd{margin:.15rem 0 0;color:var(--pergaminho)}
.comprar .canais{color:var(--pergaminho-2);margin-top:1.6rem;font-size:1.1rem}

footer{padding:2.5rem 1.4rem;text-align:center;color:var(--pergaminho-2);font-size:1.05rem;border-top:1px solid rgba(209,169,90,.2)}
footer a{color:var(--pergaminho-2)}

/* ---------- celular ---------- */
@media (max-width:760px){
  body{font-size:1.25rem;line-height:1.5}
  h2{font-size:1.7rem}
  .abertura h1{font-size:2.3rem}
  .subtitulo{font-size:1.1rem}
  .psicografado,.abertura-nota,.trecho .rotulo,.trecho .continua,.dica,.comprar .canais,footer{font-size:1.15rem}
  .sinopse blockquote{font-size:1.4rem}
  .sinopse .fecho{font-size:1.5rem}
  .prancha figcaption{font-size:1.15rem}
  .prancha figcaption b{font-size:1.05rem}
  .autor .grade p{font-size:1.25rem}
  .comprar dt{font-size:1rem}
  .botao{font-size:1.05rem;padding:.75rem 1.4rem}
  section{padding:3.8rem 1.2rem}
  .abertura{grid-template-columns:1fr;gap:2.4rem;text-align:center;padding-top:3rem;min-height:auto}
  .abertura::before{left:50%;transform:translateX(-50%);width:60vw}
  .capa{max-width:280px;margin-inline:auto}
  .subtitulo{margin-inline:auto}
  .acoes{justify-content:center}
  .autor .grade{grid-template-columns:1fr}
  .autor .foto{max-width:300px;margin-inline:auto}
}