/* ═══════════════════════════════════════════════════════════════════════════
   wix.css — a CARA do site antigo, reconstruída parte por parte.
   Fonte de verdade: `_captura/PLANTA-WIX.md` (medido no ar, 1440×900).
   Regra desta folha: nenhum valor inventado. Cor, tamanho e fonte saíram de
   getComputedStyle sobre o site publicado.

   O FUNDO é a pele vantagold (preto + poeira de ouro, em tokens.css).
   As cores do TEXTO são as do Wix: azul-gelo, ciano, dois ouros, vermelho.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── estrutura de seção com arte de fundo ───────────────────────────────── */
.w-sec { position:relative; padding:clamp(3rem,7vw,5.5rem) 0; overflow:hidden; }
.w-fundo { position:absolute; inset:0; z-index:0; }
.w-fundo img { width:100%; height:100%; object-fit:cover; }
/* a arte de fundo do Wix é escura e repetida; aqui ela entra esmaecida para o
   preto vantagold continuar sendo o fundo, como pedido */
.w-fundo-fixo img { opacity:.16; filter:grayscale(.35); }
.w-hero .w-fundo img, .w-divino .w-fundo img { opacity:.30; }
.w-sec::after {
  content:''; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg, var(--bg0), transparent 18%, transparent 82%, var(--bg0));
}
.w-sobre { position:relative; z-index:2; }

/* ── títulos ────────────────────────────────────────────────────────────── */
/* No Wix: Valdemar. Tamanhos medidos: 50px (grandes), 40px (autor), 30px
   (seções), 25px (FAQ/Instagram), 24px (nova era). */
.w-titulo, .w-titulo-grande, .w-titulo-rubro, .w-titulo-ouro, .w-titulo-insta, .w-titulo-faq {
  font-family:var(--letreiro);
  font-weight:400; line-height:1.12; letter-spacing:.01em;
  margin:0 0 1rem; text-wrap:balance;
}
.w-titulo       { font-size:clamp(1.6rem,3.4vw,1.875rem); }  /* 30px */
.w-titulo-grande{ font-size:clamp(2.1rem,5.6vw,3.125rem); color:var(--ouro-fundo);
                  text-shadow:0 0 42px rgba(212,163,33,.24); }  /* 50px */
.w-titulo-rubro { font-size:clamp(1.9rem,5vw,3.125rem); color:var(--rubro);
                  text-shadow:0 0 34px rgba(255,0,0,.30); }   /* 50px — Confrontar o Caos */
/* No Wix o título do autor é 40px, não 50 — medido. */
.w-autor .w-titulo-rubro { font-size:clamp(1.6rem,4vw,2.5rem); }
.w-titulo-ouro  { font-size:clamp(1.25rem,2.6vw,1.5rem); color:var(--ouro-fundo); }  /* 24px */
.w-titulo-insta { font-size:clamp(1.2rem,2.6vw,1.5625rem); color:var(--ouro-insta); }/* 25px */
.w-titulo-faq   { font-family:var(--display); font-weight:700;
                  font-size:clamp(1.25rem,2.6vw,1.5625rem); color:var(--ouro-claro);
                  margin-bottom:1.4rem; }
.w-gelo  { color:var(--gelo); text-shadow:0 0 30px rgba(149,228,255,.26); }

.w-subtitulo-ouro {
  font-family:var(--display); font-size:.8125rem; color:var(--ouro-fundo);
  margin:0 0 2.2rem;
}

/* ── 1. HERO: as duas capas lado a lado ─────────────────────────────────── */
.w-hero { padding:clamp(2rem,5vw,3.5rem) 0 clamp(2.5rem,6vw,4rem); }
.w-hero-in {
  position:relative; z-index:2;
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(1rem,3vw,2.2rem);
  align-items:center;
}
.w-capa { margin:0; }
.w-capa img {
  width:100%; border-radius:3px;
  filter:drop-shadow(0 30px 54px rgba(0,0,0,.9)) drop-shadow(0 0 40px rgba(149,228,255,.10));
}
@media (max-width:820px){ .w-hero-in { grid-template-columns:1fr; gap:1.6rem; } }

/* ── 2. SINOPSE ─────────────────────────────────────────────────────────── */
.w-nota-audio { font-family:var(--display); font-size:.75rem; color:var(--quase-branco); margin:.4rem 0 1rem; }
.w-audio {
  display:inline-flex; align-items:center; gap:.7rem; flex-wrap:wrap;
  border:1px solid rgba(63,201,249,.28); border-radius:999px;
  padding:.5rem 1.15rem; margin:0 0 2.2rem;
  background:rgba(63,201,249,.05);
}
.w-audio-marca { color:var(--ciano); font-size:1.05rem; line-height:1; }
.w-audio-tempo { font-family:var(--sans); font-size:.75rem; color:var(--ciano); letter-spacing:.04em; }
.w-audio-obs   { font-family:var(--display); font-size:.78rem; color:var(--t3);
                 letter-spacing:.12em; text-transform:uppercase; }
.w-corpo { font-family:var(--serif); font-size:clamp(1rem,1.5vw,1.14rem); line-height:1.72; color:var(--t2); text-align:left; }
.w-corpo p { margin:0 0 1.15em; }
.w-centrado { text-align:center; max-width:64ch; margin-inline:auto; }
.w-pergunta {
  font-family:var(--display); font-size:clamp(1rem,2vw,1.2rem);
  color:var(--gelo); text-align:center; line-height:1.75; margin:2rem 0;
  text-wrap:balance;
}
.w-pergunta strong { color:var(--ouro-claro); font-weight:600; }
.w-links { font-family:var(--letreiro); font-size:1.25rem; margin-top:1.6rem; }
.w-links a { color:var(--ciano); }
.w-links a:hover { color:var(--gelo); text-decoration:underline; }
.w-links strong { font-family:var(--display); font-weight:700; }
.w-sep { color:var(--t4); margin:0 .7rem; }

/* ── 3. faixa de arte inteira ───────────────────────────────────────────── */
/* ⚠ A arte é RETRATO (1080×1920). Deixada solta, a 1440 de largura ela vira
   2560 de altura — medi 2757 na primeira tentativa, contra os 875 do Wix.
   O Wix a exibia recortada em 1425×875; aqui a proporção é travada e o
   recorte fica no centro, que é onde está o assunto. */
.w-faixa { position:relative; line-height:0; }
.w-faixa img,
.w-faixa picture { width:100%; display:block; }
.w-faixa img {
  aspect-ratio:1425/875;
  object-fit:cover;
  object-position:center;
  max-height:min(875px, 68vh);
}
.w-faixa::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, var(--bg0), transparent 14%, transparent 86%, var(--bg0));
}

/* ── 4. Skoob ───────────────────────────────────────────────────────────── */
.w-skoob { display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; margin-top:2.2rem; }
.w-skoob figure { margin:0; border:1px solid var(--border); border-radius:5px; overflow:hidden; box-shadow:var(--shadow2); }
.w-skoob img { width:100%; }
@media (max-width:760px){ .w-skoob { grid-template-columns:1fr; } }

/* ── 5. Livro Físico Divino ─────────────────────────────────────────────── */
.w-divino { padding:clamp(4rem,9vw,7rem) 0; }
.w-lancamento {
  font-family:var(--display); font-weight:700;
  font-size:clamp(.95rem,1.9vw,1.25rem); line-height:1.5;
  color:var(--ciano); letter-spacing:.03em; margin:0;
  text-shadow:0 0 26px rgba(63,201,249,.24);
}

/* ── 6. os 14 selos ─────────────────────────────────────────────────────── */
.w-selos {
  list-style:none; margin:0; padding:0;
  display:grid; gap:1.5rem 1rem;
  grid-template-columns:repeat(7,1fr);
}
.w-selos li { text-align:center; }
.w-selo-ico {
  display:block; width:clamp(58px,7vw,105px); margin:0 auto .55rem;
  /* os ícones vieram brancos do Wix; aqui recebem o ouro-claro dos rótulos */
  filter:brightness(0) saturate(100%) invert(84%) sepia(46%) saturate(760%)
         hue-rotate(333deg) brightness(102%) contrast(96%)
         drop-shadow(0 0 10px rgba(249,201,80,.26));
  transition:transform .22s ease;
}
.w-selos li:hover .w-selo-ico { transform:translateY(-3px) scale(1.06); }
.w-selo-rot {
  display:block; font-family:var(--display); font-size:.8125rem;
  color:var(--ouro-claro); line-height:1.3;
}
@media (max-width:1000px){ .w-selos { grid-template-columns:repeat(4,1fr); } }
@media (max-width:560px){ .w-selos { grid-template-columns:repeat(3,1fr); } }

/* ── 7. artes + depoimento ──────────────────────────────────────────────── */
.w-carrossel {
  display:flex; gap:1rem; margin:2rem 0 2.4rem;
  overflow-x:auto; scroll-snap-type:x mandatory;
  padding-bottom:.6rem; justify-content:center; flex-wrap:wrap;
}
.w-carrossel figure {
  margin:0; flex:0 0 210px; scroll-snap-align:center;
  border:1px solid var(--border); border-radius:4px; overflow:hidden;
  box-shadow:var(--shadow2);
}
.w-carrossel img { width:210px; height:210px; object-fit:cover; transition:transform .5s cubic-bezier(.2,.7,.3,1); }
.w-carrossel figure:hover img { transform:scale(1.06); }
.w-depoimento {
  font-family:'Times New Roman', Times, serif; font-size:.9375rem; line-height:1.7;
  color:var(--ouro-claro); max-width:60ch; margin:0 auto 2.4rem; padding:0;
}
.w-depoimento cite { display:block; margin-top:.9rem; font-style:normal; font-size:.875rem; color:var(--t3); }

/* ── 8. livro × ebook ───────────────────────────────────────────────────── */
.w-duvida { font-family:var(--display); font-size:.95rem; color:var(--t2); max-width:56ch; margin:0 auto 2.6rem; }
.w-comparativo { display:grid; grid-template-columns:1fr 1fr; gap:1.6rem; }
.w-col {
  border:1px solid rgba(149,228,255,.16); border-radius:6px;
  background:linear-gradient(145deg,rgba(149,228,255,.03),transparent),var(--bg2);
  padding:clamp(1.3rem,3vw,2rem); display:flex; flex-direction:column;
  box-shadow:var(--shadow2);
}
.w-col-foto { margin-bottom:1.2rem; }
.w-col-foto img { margin-inline:auto; max-height:200px; width:auto; }
.w-col h3 { font-family:var(--letreiro); font-weight:400; font-size:1.875rem; margin:0 0 1.2rem; }
.w-col ul { list-style:none; margin:0 0 1.6rem; padding:0; flex:1; }
.w-col li {
  font-family:var(--display); font-size:1rem; color:var(--gelo);
  line-height:1.45; padding:.5rem 0; border-bottom:1px solid rgba(149,228,255,.10);
}
.w-col li small { color:var(--t3); font-size:.8125rem; }
.w-preco-gelo {
  font-family:var(--display); font-weight:700; font-size:1.75rem;
  color:var(--gelo); margin:0 0 1.2rem;
}
@media (max-width:760px){ .w-comparativo { grid-template-columns:1fr; } }

/* ── 9. arquitetura divina ──────────────────────────────────────────────── */
.w-arq-grande { margin:2.4rem auto; max-width:908px; }
.w-arq-grande img { width:100%; border:1px solid var(--border); border-radius:5px; box-shadow:var(--shadow3); }
.w-arq-grande figcaption,
.w-arq-tres figcaption {
  font-family:var(--display); font-size:clamp(1rem,2vw,1.5625rem);
  color:var(--branco); margin-top:.9rem; line-height:1.35;
}
.w-ainda {
  font-family:var(--display); font-size:clamp(1.05rem,2.2vw,1.5625rem);
  color:var(--branco); margin:2.6rem 0 1.6rem;
}
.w-arq-tres { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; margin-bottom:2.6rem; }
.w-arq-tres figure { margin:0; }
.w-arq-tres img { width:100%; aspect-ratio:1; object-fit:cover; border:1px solid var(--border); border-radius:5px; }
.w-arq-tres figcaption { font-family:'Times New Roman', Times, serif; font-size:1.05rem; }
@media (max-width:760px){ .w-arq-tres { grid-template-columns:1fr; } }

/* ── 10. combos ─────────────────────────────────────────────────────────── */
.w-combo-par { display:grid; grid-template-columns:1fr 1fr; gap:1.8rem; margin:2.4rem 0 1.8rem; }
.w-combo {
  border:1px solid var(--border2); border-radius:6px;
  background:linear-gradient(145deg,rgba(212,163,33,.035),transparent),var(--bg2);
  padding:clamp(1.3rem,3vw,2rem); display:flex; flex-direction:column;
  box-shadow:var(--shadow3); text-align:left;
}
.w-combo-fotos { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; margin-bottom:1.3rem; }
.w-combo-fotos img { width:100%; aspect-ratio:169/225; object-fit:cover; border-radius:3px; border:1px solid var(--border); }
.w-combo-nome {
  font-family:var(--display); font-weight:700; font-size:clamp(1.3rem,2.6vw,1.8125rem);
  color:var(--ouro-fundo); margin:0 0 .8rem;
}
.w-vai-receber { font-family:'Cormorant Garamond', var(--serif); font-size:1rem; color:var(--ouro-claro); margin:0 0 .7rem; }
.w-combo-itens { list-style:none; margin:0 0 1.4rem; padding:0; flex:1; }
.w-combo-itens li {
  font-family:'Times New Roman', Times, serif; font-size:.9375rem; line-height:1.5;
  color:var(--branco); padding:.35rem 0 .35rem 1.1rem; position:relative;
}
.w-combo-itens li::before {
  content:''; position:absolute; left:0; top:.85em;
  width:5px; height:5px; transform:rotate(45deg); background:var(--ouro-claro);
}
.w-preco { font-family:var(--display); font-weight:700; font-size:1.5625rem; color:var(--ouro-claro); margin:0 0 .35rem; }
.w-frete { font-family:'Times New Roman', Times, serif; font-size:1rem; color:var(--verde-frete); margin:0 0 1.3rem; }
.w-mais-prints {
  font-family:var(--display); font-size:.9rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ouro-claro); border-bottom:1px solid rgba(249,201,80,.4);
  padding-bottom:.15rem;
}
.w-mais-prints:hover { color:var(--gold-flare); }
@media (max-width:820px){ .w-combo-par { grid-template-columns:1fr; } }

/* ── 11. sobre o autor ──────────────────────────────────────────────────── */
.w-autor-grade { display:grid; grid-template-columns:360px 1fr; gap:clamp(1.6rem,4vw,3rem); align-items:center; margin-top:2.2rem; }
.w-autor-foto { margin:0; border:1px solid var(--border2); border-radius:5px; overflow:hidden; box-shadow:var(--shadow3); }
.w-autor-foto img { width:100%; }
.w-autor-txt { font-family:var(--display); font-size:.875rem; line-height:1.75; color:var(--branco); }
.w-autor-txt p { margin:0 0 1.1em; }
.w-arroba { font-family:var(--letreiro) !important; font-size:1.1875rem; color:var(--rubro); }
@media (max-width:800px){
  .w-autor-grade { grid-template-columns:1fr; }
  .w-autor-foto { max-width:320px; margin-inline:auto; }
}

/* ── 12. confrontar o caos ──────────────────────────────────────────────── */
.w-confronto-arte { margin:0 auto 2rem; max-width:787px; }
.w-confronto-arte img { width:100%; }
.btn-rubro {
  background:linear-gradient(145deg,#ff2d2d,var(--rubro) 60%,#a80000);
  color:#fff; border-color:#ff5a5a;
  box-shadow:0 0 22px rgba(255,0,0,.32);
}
.btn-rubro:hover { color:#fff; transform:translateY(-2px); box-shadow:0 0 32px rgba(255,0,0,.5); }

/* ── 13. contato ────────────────────────────────────────────────────────── */
.w-duvidas-livro { font-family:var(--display); font-size:1.25rem; color:var(--branco); margin:0 0 1.2rem; }
.btn-zap {
  background:linear-gradient(145deg,#5bd66a,#25d366 55%,#0f9d58);
  color:#04270f; border-color:#7ee88b;
  box-shadow:0 0 20px rgba(37,211,102,.26);
}
.btn-zap:hover { color:#04270f; transform:translateY(-2px); box-shadow:0 0 30px rgba(37,211,102,.42); }
.w-contato .w-titulo-insta { margin-top:3rem; }

/* ── 14. FAQ (cores do Wix) ─────────────────────────────────────────────── */
#faq .faq-item summary { font-family:var(--display); font-weight:700; font-size:1rem; color:var(--ouro-claro); }
#faq .faq-item summary:hover { color:var(--gold-flare); }
#faq .faq-item summary::after { color:var(--ouro-claro); }
#faq .faq-corpo { font-family:var(--display); font-size:.875rem; color:var(--t2); line-height:1.7; }