/* ═══════════════════════════════════════════════════════════════════════════
   livro3d.css — o que o SITE poe em volta do Livro 3D do app.

   O livro em si (as seis faces, a luz, o verniz, o miolo de paginas e as
   sombras) e do app AUTOR: `book3d-realistic.css` + `book3d-realistic.js`,
   copiados para ca a pedido do autor em 2026-08-22. Aqui ficam so tres coisas
   que sao do site: onde a peca mora na Arquitetura, o tamanho em cada tela, e
   quando o giro PARA.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── a peca da Arquitetura: livro a esquerda, os tres argumentos a direita ── */
.w-arq-livro {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(1.6rem, 4vw, 3.4rem);
  align-items: center;
  justify-content: center;
  max-width: 760px;
  margin: 2.4rem auto 0;
  text-align: left;
}
.w-arq-livro ul { list-style: none; margin: 0; padding: 0; }
.w-arq-livro li {
  position: relative;
  padding-left: 1.3em;
  margin: 0 0 1.1em;
  font-family: 'Cinzel', var(--display), serif;
  font-size: 15px; line-height: 1.45;
  color: var(--branco, #fff);
}
.w-arq-livro li::before {
  content: "\2726";                      /* a mesma estrelinha dos combos */
  position: absolute; left: 0; top: .05em;
  color: var(--ouro-fundo, #D4A321);
}

/* ⚠ NO CELULAR ESTES 15px SAO O MAIOR TEXTO CORRIDO DA PAGINA — e o autor
   pediu para otimizar os textos desta secao. O ajuste mora AQUI, e nao no
   `wix.css`, porque este arquivo carrega DEPOIS dele: uma regra de mesma
   forca escrita la e desfeita em silencio (foi o que aconteceu na 1a
   tentativa — o paragrafo obedeceu, os marcadores nao). */
@media (max-width: 760px) {
  .w-arq-livro li { font-size: 14px; line-height: 1.35; margin: 0 0 .55em; }
  .w-arq-livro ul { margin: .9rem 0 .6rem; }
}

/* ── o palco ───────────────────────────────────────────────────────────────
   ⚠ RESPIRO EMBAIXO: o chao do livro (as duas sombras + o reflexo) fica abaixo
   da cena, e o livro inclinado projeta um pouco mais alto que a face. Sem esta
   folga a peca estoura a propria caixa e encosta no texto de baixo. */
.w-livro3d { display: grid; justify-items: center; padding-bottom: 30px; }
.w-livro3d img { display: block; max-width: 100%; height: auto; }  /* a foto de reserva */

/* ── quando o giro NAO pode rodar ──────────────────────────────────────────
   Fora da tela (livro3d.js), no modo de auditoria do capturador e para quem
   pediu menos movimento no sistema. Parado, o livro fica no angulo de vitrine
   do proprio app (3/4: capa E lombada), que e a foto que a gente escolheria. */
.w-livro3d.e-parado .b3r-book--spin,
.w-livro3d.e-parado .b3r-gloss { animation-play-state: paused; }

html.sem-movimento .b3r-book--spin {
  animation: none !important;
  transform: rotateX(-6deg) rotateY(28deg) !important;
}
html.sem-movimento .b3r-gloss { animation: none !important; opacity: .4 !important; }

@media (max-width: 700px) {
  .w-arq-livro {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 2.4rem;
  }
  .w-arq-livro li { padding-left: 0; }
  .w-arq-livro li::before { position: static; margin-right: .5em; }
}