/* ==========================================================================
   ZÉ PAULO GOMES · O SISTEMA VISUAL DO SITE

   A mesma identidade da TOVAP (preto, amarelo #feec34 e branco; Anton nos
   títulos, Ubuntu no texto), mas com outra estrutura. A TOVAP é vitrine:
   esteira, preto, impacto. Este site é editorial: fundo claro na maior
   parte, fotos grandes, muito respiro, seções numeradas como um índice,
   preto só onde precisa de peso (abertura, oficina, esteira da agência).

   Regras que valem para o arquivo inteiro:

   · Toda regra carrega um pai no seletor (".zp .x"). O tema original tem
     regras do tipo ".elementor-kit-1553 p" que passam por cima de qualquer
     classe solta. Com o pai, a nossa ganha sempre.
   · Nada depende de recurso novo sem alternativa: grid e aspect-ratio
     entram por @supports, com flexbox e padding-top por baixo. É o que faz
     funcionar no navegador de dentro do Instagram e em Android antigo.
   · No celular, é tudo centralizado (menos o texto corrido do leitor).
   · Ritmo vertical: 120/128 no computador, 72/76 no celular.
   ========================================================================== */

.zp{
  font-family:'Ubuntu','Open Sans',system-ui,sans-serif;
  color:#111; background:#fff;
  -webkit-font-smoothing:antialiased;
}
.zp *, .zp *::before, .zp *::after{ box-sizing:border-box; }
.zp img{ max-width:100%; height:auto; display:block; border:0; }
.zp a{ color:inherit; }
.zp p{ margin:0 0 18px; font-size:17px; line-height:1.7; }
.zp p:last-child{ margin-bottom:0; }
.zp ul, .zp ol{ margin:0; padding:0; list-style:none; }
.zp video{ display:block; max-width:100%; }

/* ---------- a dobra e a medida ---------- */
.zp .dobra{ padding:120px 0 128px; position:relative; width:100%; }
.zp .dobra--preta{ background:#000; color:#fff; }
.zp .dobra--amarela{ background:#feec34; color:#000; }
.zp .dobra--clara{ background:#f6f6f1; color:#111; }
.zp .dobra--linha{ border-top:1px solid #e6e6df; }
.zp .interno{ max-width:1180px; margin:0 auto; padding:0 24px; width:100%; }
.zp .interno--estreito{ max-width:820px; }
.zp .interno--largo{ max-width:1320px; }
.zp [id]{ scroll-margin-top:110px; }

/* ---------- a fala: chapéu, título, subtítulo ---------- */
.zp .chapeu{
  display:inline-block; margin:0 0 18px;
  font-size:12px; font-weight:700; letter-spacing:2.2px; text-transform:uppercase;
  color:#000; background:#feec34; padding:7px 12px; border-radius:4px; line-height:1;
}
.zp .dobra--amarela .chapeu{ background:#000; color:#feec34; }
.zp .chapeu--linha{ background:transparent; padding:0; color:#6b6b63; border-radius:0; }
.zp .dobra--preta .chapeu--linha{ color:#b9b9af; }
.zp .titulo{
  font-family:'Anton', Impact, sans-serif; font-weight:400;
  font-size:56px; line-height:1.0; letter-spacing:.4px; text-transform:uppercase;
  margin:0 0 22px; color:inherit;
}
.zp .titulo--menor{ font-size:42px; }
.zp .titulo--grande{ font-size:72px; letter-spacing:.2px; }
.zp .titulo em{ font-style:normal; color:#feec34; }
.zp .dobra--amarela .titulo em{ color:#fff; }
.zp .sub{ font-size:18px; line-height:1.65; color:#4a4a44; margin:0 0 34px; max-width:720px; }
.zp .sub--grande{ font-size:21px; line-height:1.6; }
.zp .dobra--preta .sub, .zp .entrada .sub{ color:#cfcfc4; }
.zp .entrada .desbloqueio__form .sub{ color:#4a4a44; }
.zp .dobra--amarela .sub{ color:#1c1c18; }
.zp .cab{ text-align:center; margin:0 auto 60px; }
.zp .cab .sub{ margin-left:auto; margin-right:auto; }
.zp .cab--esq{ text-align:left; margin-left:0; max-width:820px; }
.zp .cab--esq .sub{ margin-left:0; }
.zp .titulo, .zp .sub, .zp .heroZe__frase, .zp .leitura__titulo, .zp .leitura__chamada, .zp .secao__titulo, .zp .item__titulo{ text-wrap:balance; }

/* ---------- os botões ---------- */
.zp .botoes{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:14px; }
.zp .btn, .zp a.btn{
  display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  gap:10px; min-height:56px; padding:0 30px;
  border:2px solid #feec34; border-radius:40px; background:#feec34; color:#000;
  font-family:'Ubuntu','Open Sans',system-ui,sans-serif; font-size:15.5px; font-weight:700;
  text-decoration:none; line-height:1; cursor:pointer; white-space:nowrap;
  -webkit-transition:.22s ease-in; transition:.22s ease-in;
}
.zp .btn .btn__texto{ color:inherit; background:transparent; }
.zp .btn .btn__seta{
  display:inline-block; width:8px; height:8px;
  border-right:2.5px solid currentColor; border-top:2.5px solid currentColor;
  -webkit-transform:rotate(45deg); transform:rotate(45deg);
  -webkit-transition:.22s ease-in; transition:.22s ease-in;
}
.zp .btn:hover, .zp .btn:focus{ background:#000; border-color:#000; border-width:2px; border-style:solid; border-radius:40px; color:#feec34; outline:none; }
.zp .btn:hover .btn__seta, .zp .btn:focus .btn__seta{ -webkit-transform:translateX(4px) rotate(45deg); transform:translateX(4px) rotate(45deg); }
.zp .btn--vazado, .zp a.btn--vazado{ background:transparent; color:#fff; border-color:#fff; }
.zp .btn--vazado:hover, .zp .btn--vazado:focus{ background:#feec34; border-color:#feec34; color:#000; }
.zp .btn--vazadoEscuro, .zp a.btn--vazadoEscuro{ background:transparent; color:#000; border-color:#000; }
.zp .btn--vazadoEscuro:hover, .zp .btn--vazadoEscuro:focus{ background:#000; color:#feec34; }
.zp .btn--preto, .zp a.btn--preto{ background:#000; border-color:#000; color:#feec34; }
.zp .btn--preto:hover, .zp .btn--preto:focus{ background:#feec34; border-color:#feec34; color:#000; }
.zp .dobra--amarela .btn, .zp .dobra--amarela a.btn{ background:#000; border-color:#000; color:#feec34; }
.zp .dobra--amarela .btn:hover, .zp .dobra--amarela .btn:focus{ background:#fff; border-color:#fff; color:#000; }
.zp .dobra--amarela .btn--vazadoEscuro, .zp .dobra--amarela a.btn--vazadoEscuro{ background:transparent; color:#000; }
.zp .dobra--amarela .btn--vazadoEscuro:hover{ background:#000; color:#feec34; }

/* o link com seta, para "ver todos" e afins */
.zp .linkSeta{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px; font-size:13.5px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:#000; text-decoration:none; padding-bottom:4px; border-bottom:2px solid #feec34; }
.zp .linkSeta::after{ content:''; width:8px; height:8px; border-right:2.5px solid currentColor; border-top:2.5px solid currentColor; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.zp .linkSeta:hover{ border-color:#000; }
.zp .dobra--preta .linkSeta{ color:#fff; }
.zp .dobra--preta .linkSeta:hover{ border-color:#fff; }

/* ---------- as fotos ---------- */
.zp .foto{ position:relative; border-radius:22px; overflow:hidden; background:#e9e9e2; }
.zp .foto::before{ content:''; display:block; padding-top:100%; }
.zp .foto--retrato::before{ padding-top:133%; }
.zp .foto--alta::before{ padding-top:150%; }
.zp .foto--larga::before{ padding-top:66%; }
.zp .foto--tela::before{ padding-top:56.25%; }
.zp .foto--filme::before{ padding-top:177.78%; }
.zp .foto img, .zp .foto video{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.zp .foto--vazia{ background:#efefe8; border:1px dashed #c9c9c0; }
.zp .foto--vazia img{ -o-object-fit:contain; object-fit:contain; padding:24%; opacity:.9; }
.zp .foto--vazia .foto__aviso{ position:absolute; left:0; right:0; bottom:14px; text-align:center; font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:#5a5a53; }
.zp .dobra--preta .foto--vazia{ background:#1a1a17; border-color:rgba(255,255,255,.28); }
.zp .dobra--preta .foto--vazia .foto__aviso{ color:#8a8a80; }
.zp .foto__legenda{ position:absolute; left:18px; bottom:16px; right:18px; font-size:12px; letter-spacing:1.4px; text-transform:uppercase; font-weight:700; color:#fff; text-shadow:0 1px 8px rgba(0,0,0,.6); }

/* ==========================================================================
   A CAPA
   As fotos das palestras passando atrás, uma por vez, e uma frase só por
   cima: quem é e onde está. É o cabeçalho do site.
   ========================================================================== */
.zp .capa{ position:relative; background:#000; color:#fff; min-height:78vh; min-height:78svh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; padding:170px 0 64px; overflow:hidden; }
.zp .capa__fundo{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.zp .capa__fundo span{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-animation:capaPassa 20s infinite; animation:capaPassa 20s infinite; }
.zp .capa__fundo span:nth-child(1){ -webkit-animation-delay:0s; animation-delay:0s; }
.zp .capa__fundo span:nth-child(2){ -webkit-animation-delay:5s; animation-delay:5s; }
.zp .capa__fundo span:nth-child(3){ -webkit-animation-delay:10s; animation-delay:10s; }
.zp .capa__fundo span:nth-child(4){ -webkit-animation-delay:15s; animation-delay:15s; }
.zp .capa--umaFoto .capa__fundo span{ -webkit-animation:none; animation:none; opacity:1; }
.zp .capa__fundo img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transform:scale(1.04); transform:scale(1.04); }
.zp .capa__fundo::after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.55)), color-stop(45%, rgba(0,0,0,.15)), to(rgba(0,0,0,.92))); background:linear-gradient(to bottom, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,.92) 100%); }
@-webkit-keyframes capaPassa{ 0%{ opacity:0; } 6%{ opacity:1; } 25%{ opacity:1; } 31%{ opacity:0; } 100%{ opacity:0; } }
@keyframes capaPassa{ 0%{ opacity:0; } 6%{ opacity:1; } 25%{ opacity:1; } 31%{ opacity:0; } 100%{ opacity:0; } }
.zp .capa__interno{ position:relative; z-index:2; }
.zp .capa__chapeu{ font-size:13px; font-weight:700; letter-spacing:2.6px; text-transform:uppercase; color:#feec34; margin:0 0 18px; }
.zp .capa__chapeu::before{ content:''; display:inline-block; width:34px; height:3px; background:#feec34; vertical-align:middle; margin-right:14px; border-radius:2px; }
.zp .capa__frase{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:76px; line-height:.98; letter-spacing:.2px; margin:0; color:#fff; max-width:1000px; text-wrap:balance; }
.zp .capa__desce{ display:block; width:44px; height:44px; margin:44px 0 0; border:2px solid rgba(255,255,255,.5); border-radius:50%; position:relative; }
.zp .capa__desce span{ position:absolute; left:50%; top:50%; width:10px; height:10px; border-right:2px solid #feec34; border-bottom:2px solid #feec34; -webkit-transform:translate(-50%,-70%) rotate(45deg); transform:translate(-50%,-70%) rotate(45deg); }
.zp .capa__desce:hover{ border-color:#feec34; }

/* ==========================================================================
   A ABERTURA: EU SOU O ZÉ PAULO GOMES
   O vídeo de apresentação (em pé, como no celular) de um lado, o texto do
   outro. No celular o vídeo toma a tela inteira e o texto vem embaixo.
   ========================================================================== */
.zp .heroZe{ position:relative; background:#000; color:#fff; padding:110px 0 110px; overflow:hidden; }
.zp .heroZe__interno{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:72px; }
.zp .heroZe__texto{ -webkit-box-flex:1; -ms-flex:1 1 480px; flex:1 1 480px; min-width:0; }
.zp .heroZe__foto{ -webkit-box-flex:0; -ms-flex:0 1 400px; flex:0 1 400px; position:relative; }
.zp .heroZe__foto::before{ content:''; position:absolute; left:-22px; top:22px; right:22px; bottom:-22px; background:#feec34; border-radius:30px; }
.zp .heroZe__foto .foto{ position:relative; border-radius:28px; }
.zp .heroZe__video{ position:relative; border-radius:28px; overflow:hidden; background:#111; -webkit-box-shadow:0 40px 80px -30px rgba(0,0,0,.8); box-shadow:0 40px 80px -30px rgba(0,0,0,.8); }
.zp .heroZe__video::before{ content:''; display:block; padding-top:176.67%; }
.zp .heroZe__filme{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; background:#111; }
.zp .heroZe__tocar{
  position:absolute; left:0; right:0; bottom:0; top:0; z-index:2; margin:0; padding:0 22px; border:0; cursor:pointer;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(55%, rgba(0,0,0,0)), to(rgba(0,0,0,.75))); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,.75) 100%);
  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; gap:18px;
  color:#fff; font-family:'Ubuntu','Open Sans',system-ui,sans-serif; text-transform:none; letter-spacing:0; border-radius:28px;
}
.zp .heroZe__tocar:hover, .zp .heroZe__tocar:focus{ background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(55%, rgba(0,0,0,0)), to(rgba(0,0,0,.8))); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,.8) 100%); border:0; border-radius:28px; color:#fff; outline:none; }
.zp .heroZe__tocarIcone{ width:78px; height:78px; border-radius:50%; background:#feec34; position:relative; -webkit-box-shadow:0 0 0 10px rgba(254,236,52,.22); box-shadow:0 0 0 10px rgba(254,236,52,.22); -webkit-transition:.25s; transition:.25s; }
.zp .heroZe__tocarIcone::after{ content:''; position:absolute; left:52%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border-left:24px solid #000; border-top:15px solid transparent; border-bottom:15px solid transparent; }
.zp .heroZe__tocar:hover .heroZe__tocarIcone{ -webkit-transform:scale(1.06); transform:scale(1.06); -webkit-box-shadow:0 0 0 16px rgba(254,236,52,.28); box-shadow:0 0 0 16px rgba(254,236,52,.28); }
.zp .heroZe__tocarTexto{ font-size:14px; font-weight:700; letter-spacing:.3px; text-shadow:0 1px 8px rgba(0,0,0,.6); }
.zp .heroZe .chapeu{ margin-bottom:22px; }
.zp .heroZe__titulo{ font-size:76px; line-height:.96; margin:0 0 24px; color:#fff; }
.zp .heroZe__frase{ font-size:19px; line-height:1.65; color:#d6d6cc; max-width:560px; margin:0 0 34px; }
.zp .creds{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:10px 28px; margin:0 0 38px; }
.zp .cred{ -webkit-box-flex:0; -ms-flex:0 1 calc(50% - 14px); flex:0 1 calc(50% - 14px); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:12px; padding:8px 0; min-width:240px; }
.zp .cred__icone{ -ms-flex-negative:0; flex-shrink:0; width:40px; height:40px; border-radius:50%; background:#feec34; color:#000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.zp .cred__icone svg{ width:18px; height:18px; }
.zp .cred__corpo{ min-width:0; }
.zp .cred__valor{ display:block; font-size:15px; font-weight:700; line-height:1.25; color:#fff; }
.zp .cred__rotulo{ display:block; font-size:12.5px; color:#9a9a90; line-height:1.3; margin-top:2px; }

/* ---------- o índice do site, logo abaixo da abertura ---------- */
.zp .indice{ background:#feec34; color:#000; padding:0; }
.zp .indice__lista{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.zp .indice__item{ -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0px; min-width:170px; padding:24px 18px 24px 0; margin-right:18px; border-top:2px solid #000; text-decoration:none; color:#000; }
.zp .indice__item:last-child{ margin-right:0; }
.zp .indice__num{ display:block; font-family:'Anton', Impact, sans-serif; font-size:15px; letter-spacing:1px; margin:0 0 8px; color:#000; }
.zp .indice__nome{ display:block; font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:19px; line-height:1.05; margin:0 0 6px; }
.zp .indice__texto{ display:block; font-size:13px; line-height:1.45; color:#3a3a30; }
.zp .indice__item:hover .indice__nome{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px; }

/* ==========================================================================
   AS SEÇÕES DA HOME: UMA POR ITEM, COMO UM ÍNDICE
   Cada dobra abre com o número grande e o nome do item, e o resto é uma
   dupla: foto de um lado, argumento do outro. A ordem das colunas alterna
   para o olho não cansar.
   ========================================================================== */
.zp .secao__cab{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; gap:24px; margin:0 0 56px; padding:0 0 22px; border-bottom:2px solid #000; }
.zp .dobra--preta .secao__cab{ border-color:#2a2a26; }
.zp .secao__num{ font-family:'Anton', Impact, sans-serif; font-size:64px; line-height:.9; color:#000; -ms-flex-negative:0; flex-shrink:0; }
.zp .dobra--preta .secao__num{ color:#feec34; }
.zp .secao__rotulo{ font-size:12px; font-weight:700; letter-spacing:2.2px; text-transform:uppercase; color:#6b6b63; margin:0 0 6px; }
.zp .dobra--preta .secao__rotulo{ color:#b9b9af; }
.zp .secao__nome{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:30px; line-height:1; margin:0; color:#000; }
.zp .dobra--preta .secao__nome{ color:#fff; }
.zp .secao__cab .secao__ir{ margin-left:auto; padding-bottom:6px; }

.zp .dupla{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:64px; }
.zp .dupla__midia{ -webkit-box-flex:0; -ms-flex:0 1 460px; flex:0 1 460px; min-width:0; }
.zp .dupla__texto{ -webkit-box-flex:1; -ms-flex:1 1 440px; flex:1 1 440px; min-width:0; }
.zp .dupla--inversa .dupla__midia{ -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; }
.zp .dupla--topo{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }
.zp .dupla__texto .titulo{ font-size:50px; }
.zp .dupla__texto .sub{ max-width:none; }
.zp .dupla__texto .botoes{ margin-top:8px; }
.zp .dupla__midia .foto{ -webkit-box-shadow:0 30px 60px -30px rgba(0,0,0,.45); box-shadow:0 30px 60px -30px rgba(0,0,0,.45); }

/* a frase grande, de gancho: a voz do livro */
.zp .gancho{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:30px; line-height:1.12; margin:0 0 22px; color:#000; }
.zp .gancho::before{ content:''; display:block; width:56px; height:6px; background:#feec34; border-radius:3px; margin:0 0 18px; }
.zp .dobra--preta .gancho{ color:#fff; }
.zp .dobra--amarela .gancho::before{ background:#000; }

/* o logo do livro, pequeno, como assinatura */
.zp .selo{ display:block; width:190px; height:auto; margin:0 0 26px; }

/* a lista do que a pessoa ganha: ícone, título forte, uma linha */
.zp .ganhos{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:14px 40px; margin:0 0 36px; }
.zp .ganho{ -webkit-box-flex:0; -ms-flex:0 1 calc(50% - 20px); flex:0 1 calc(50% - 20px); min-width:220px; display:-webkit-box; display:-ms-flexbox; display:flex; gap:14px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding:10px 0; }
.zp .ganhos--coluna .ganho{ -ms-flex:1 1 100%; flex:1 1 100%; }
.zp .ganhos--tres .ganho{ -ms-flex:0 1 calc(33.333% - 27px); flex:0 1 calc(33.333% - 27px); }
.zp .ganho__icone{ -ms-flex-negative:0; flex-shrink:0; width:44px; height:44px; border-radius:50%; background:#feec34; color:#000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.zp .ganho__icone svg{ width:20px; height:20px; }
.zp .ganho__titulo{ display:block; font-size:16.5px; font-weight:700; line-height:1.3; margin:0 0 4px; color:#000; }
.zp .ganho__texto{ display:block; font-size:14.5px; line-height:1.55; color:#5a5a53; }
.zp .dobra--preta .ganho__titulo{ color:#fff; }
.zp .dobra--preta .ganho__texto{ color:#b9b9af; }
.zp .dobra--amarela .ganho__icone{ background:#000; color:#feec34; }
.zp .dobra--amarela .ganho__texto{ color:#2a2a24; }

/* os cartões grandes de ganho (na interna do livro) */
.zp .ganhosGrade{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:18px; }
.zp .ganhoCartao{ -webkit-box-flex:0; -ms-flex:0 1 calc(33.333% - 12px); flex:0 1 calc(33.333% - 12px); width:calc(33.333% - 12px); min-width:260px; padding:32px 30px 34px; border-radius:22px; background:#fff; border:1px solid #e6e6df; }
.zp .dobra--preta .ganhoCartao{ background:#111; border-color:#232320; }
.zp .ganhoCartao--quarto{ -ms-flex:0 1 calc(25% - 14px); flex:0 1 calc(25% - 14px); width:calc(25% - 14px); min-width:230px; }
.zp .ganhoCartao__topo{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:0 0 22px; }
.zp .ganhoCartao__icone{ width:52px; height:52px; border-radius:50%; background:#feec34; color:#000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.zp .ganhoCartao__icone svg{ width:22px; height:22px; }
.zp .ganhoCartao__num{ font-family:'Anton', Impact, sans-serif; font-size:24px; color:#000; opacity:.25; }
.zp .dobra--preta .ganhoCartao__num{ opacity:1; }
.zp .dobra--preta .ganhoCartao__num{ color:#feec34; }
.zp .ganhoCartao__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:24px; line-height:1.08; margin:0 0 12px; color:#000; }
.zp .dobra--preta .ganhoCartao__titulo{ color:#fff; }
.zp .ganhoCartao__texto{ font-size:15.5px; line-height:1.6; color:#4a4a44; margin:0; }
.zp .dobra--preta .ganhoCartao__texto{ color:#b9b9af; }

/* os quatro sinais da marca fraca */
.zp .sinais{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:18px; counter-reset:s; }
.zp .sinal{ -webkit-box-flex:0; -ms-flex:0 1 calc(25% - 14px); flex:0 1 calc(25% - 14px); width:calc(25% - 14px); min-width:230px; padding:30px 26px 32px; border-radius:20px; background:#000; color:#fff; counter-increment:s; }
.zp .sinal::before{ content:counter(s, decimal-leading-zero); display:block; font-family:'Anton', Impact, sans-serif; font-size:44px; line-height:1; color:#feec34; margin:0 0 18px; }
.zp .sinal__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:22px; line-height:1.1; margin:0 0 10px; }
.zp .sinal__texto{ font-size:14.5px; line-height:1.6; color:#b9b9af; margin:0; }

/* as peças do tabuleiro (Encontre um Meio) */
.zp .pecas{ counter-reset:p; }
.zp .peca{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:28px; padding:26px 0; border-top:1px solid #2a2a26; counter-increment:p; }
.zp .peca:last-child{ border-bottom:1px solid #2a2a26; }
.zp .peca__simbolo{ -ms-flex-negative:0; flex-shrink:0; width:72px; height:72px; border-radius:18px; background:#feec34; color:#000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:40px; line-height:1; }
.zp .peca__nome{ display:block; font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:26px; line-height:1; margin:0 0 4px; color:#fff; }
.zp .peca__nome small{ font-family:'Ubuntu','Open Sans',system-ui,sans-serif; text-transform:none; font-size:15px; font-weight:700; color:#feec34; margin-left:10px; letter-spacing:0; }
.zp .peca__texto{ font-size:15.5px; line-height:1.6; color:#b9b9af; margin:0; }

/* a citação grande, sobre amarelo */
.zp .citacoes{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:18px; }
.zp .citacao{ -webkit-box-flex:1; -ms-flex:1 1 calc(33.333% - 12px); flex:1 1 calc(33.333% - 12px); min-width:260px; padding:34px 32px; border-radius:22px; background:#000; color:#fff; font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:26px; line-height:1.15; position:relative; }
.zp .citacao::before{ content:'\201C'; display:block; font-size:70px; line-height:.6; color:#feec34; margin:0 0 16px; }
.zp .citacao small{ display:block; margin-top:18px; font-family:'Ubuntu','Open Sans',system-ui,sans-serif; text-transform:none; font-size:13px; color:#9a9a90; letter-spacing:.5px; }

/* a lista numerada em passos (o que a oficina entrega, resumida) */
.zp .passos{ counter-reset:ps; }
.zp .passo{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:20px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding:18px 0; border-top:1px solid rgba(255,255,255,.14); counter-increment:ps; }
.zp .passo:last-child{ border-bottom:1px solid rgba(255,255,255,.14); }
.zp .passo::before{ content:counter(ps, decimal-leading-zero); -ms-flex-negative:0; flex-shrink:0; font-family:'Anton', Impact, sans-serif; font-size:26px; line-height:1; color:#feec34; width:40px; padding-top:2px; }
.zp .dobra:not(.dobra--preta) .passo::before{ color:#000; }
.zp .passo__titulo{ display:block; font-size:17px; font-weight:700; line-height:1.3; margin:0 0 4px; color:#fff; }
.zp .passo__texto{ display:block; font-size:14.5px; line-height:1.55; color:#b9b9af; }
.zp .dobra--clara .passo, .zp .dobra:not(.dobra--preta) .passo{ border-color:#e3e3dc; }
.zp .dobra:not(.dobra--preta) .passo__titulo{ color:#000; }
.zp .dobra:not(.dobra--preta) .passo__texto{ color:#5a5a53; }

/* os números da oficina */
.zp .numeros{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:14px; margin:0 0 56px; }
.zp .numero{ -webkit-box-flex:1; -ms-flex:1 1 calc(25% - 11px); flex:1 1 calc(25% - 11px); min-width:180px; padding:28px 24px 26px; border-radius:20px; background:#feec34; color:#000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; }
.zp .numero__icone{ width:34px; height:34px; margin:0 0 10px; color:#000; }
.zp .numero__icone svg{ width:34px; height:34px; }
.zp .numero__valor{ font-family:'Anton', Impact, sans-serif; font-size:50px; line-height:1; }
.zp .numero__rotulo{ font-size:13px; font-weight:700; margin-top:8px; line-height:1.35; }

/* a faixa de fotos e vídeos */
.zp .fotosFaixa{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:14px; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 0 56px; }
.zp .fotosFaixa figure{ margin:0; -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0px; min-width:0; position:relative; border-radius:18px; overflow:hidden; background:#151513; }
.zp .fotosFaixa figure::before{ content:''; display:block; padding-top:177.78%; }
.zp .fotosFaixa figure img, .zp .fotosFaixa figure video{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.zp .fotosFaixa figure.larga{ -webkit-box-flex:2; -ms-flex:2 1 0px; flex:2 1 0px; }
.zp .fotosFaixa figure.larga::before{ padding-top:88.9%; }

/* ==========================================================================
   AS SEÇÕES DE ITEM (uma por resultado da oficina, uma por ferramenta)
   Número e ícone, título, a chamada, o texto, o que a pessoa leva, o link
   para a ferramenta e para o capítulo. Foto ou vídeo do outro lado. Cada
   uma é uma dobra inteira, alternando o lado da mídia e a cor do fundo.
   ========================================================================== */
.zp .item{ padding:100px 0 104px; }
.zp .item__cab{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:18px; margin:0 0 22px; }
.zp .item__icone{ width:60px; height:60px; border-radius:50%; background:#feec34; color:#000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-negative:0; flex-shrink:0; }
.zp .item__icone svg{ width:26px; height:26px; }
.zp .item__num{ font-family:'Anton', Impact, sans-serif; font-size:56px; line-height:1; color:#000; opacity:.22; }
.zp .dobra--preta .item__num{ opacity:1; }
.zp .dobra--preta .item__num{ color:#feec34; }
.zp .item__rotulo{ font-size:12px; font-weight:700; letter-spacing:2.2px; text-transform:uppercase; color:#6b6b63; margin:0 0 14px; }
.zp .dobra--preta .item__rotulo{ color:#b9b9af; }
.zp .item__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:46px; line-height:1.02; margin:0 0 18px; color:inherit; }
.zp .item__chamada{ font-size:22px; line-height:1.45; font-weight:700; color:#000; margin:0 0 18px; }
.zp .dobra--preta .item__chamada{ color:#feec34; }
.zp .item__texto{ font-size:17px; line-height:1.7; color:#4a4a44; margin:0 0 16px; }
.zp .dobra--preta .item__texto{ color:#cfcfc4; }
.zp .leva{ margin:28px 0 30px; padding:26px 28px; border-radius:20px; background:#f6f6f1; border:1px solid #e6e6df; }
.zp .dobra--preta .leva{ background:#111; border-color:#232320; }
.zp .dobra--clara .leva{ background:#fff; }
.zp .leva__titulo{ font-size:12px; font-weight:700; letter-spacing:2.2px; text-transform:uppercase; color:#000; margin:0 0 14px; }
.zp .dobra--preta .leva__titulo{ color:#feec34; }
.zp .leva li{ position:relative; padding:7px 0 7px 32px; font-size:15.5px; line-height:1.55; font-weight:500; color:#111; }
.zp .dobra--preta .leva li{ color:#fff; }
.zp .leva li::before{ content:''; position:absolute; left:2px; top:12px; width:16px; height:16px; border-radius:50%; background:#feec34; }
.zp .leva li::after{ content:''; position:absolute; left:7px; top:15px; width:5px; height:8px; border-right:2.5px solid #000; border-bottom:2.5px solid #000; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.zp .item__links{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:14px 28px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.zp .item__links .linkSeta{ text-transform:none; letter-spacing:0; font-size:14.5px; font-weight:500; }
.zp .item .dupla{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }
.zp .item .dupla__midia{ position:-webkit-sticky; position:sticky; top:180px; }
.zp .item__midia{ position:relative; }
.zp .item__midia .foto{ -webkit-box-shadow:0 30px 60px -30px rgba(0,0,0,.5); box-shadow:0 30px 60px -30px rgba(0,0,0,.5); }
.zp .item__midia .foto--filme{ max-width:400px; margin:0 auto; }
.zp .item__etiqueta{ position:absolute; top:18px; left:18px; z-index:2; background:#000; color:#feec34; font-family:'Anton', Impact, sans-serif; font-size:14px; letter-spacing:1.5px; text-transform:uppercase; padding:8px 12px; border-radius:6px; }

/* as etapas curtas (como usar a ferramenta) */
.zp .etapas{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:10px; margin:0 0 26px; counter-reset:et; }
.zp .etapa{ -webkit-box-flex:1; -ms-flex:1 1 calc(50% - 5px); flex:1 1 calc(50% - 5px); min-width:150px; padding:16px 16px 16px 18px; border-radius:14px; background:#fff; border:1px solid #e6e6df; font-size:14px; line-height:1.45; color:#111; counter-increment:et; }
.zp .dobra--preta .etapa{ background:#111; border-color:#232320; color:#e6e6df; }
.zp .etapa::before{ content:counter(et); display:block; font-family:'Anton', Impact, sans-serif; font-size:20px; color:#000; margin:0 0 6px; }
.zp .dobra--preta .etapa::before{ color:#feec34; }
.zp .chips{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.zp .chip{ display:inline-block; padding:7px 12px; border-radius:6px; background:#f0f0ea; font-size:11.5px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:#111; }
.zp .dobra--preta .chip{ background:#1c1c18; color:#e6e6df; }

/* os mockups das ferramentas: um notebook com a tela e um celular na
   frente, flutuando devagar. As telas sao fotos reais das ferramentas. */
.zp .mock{ position:relative; padding:0 0 60px 0; }
.zp .mock__tela{ position:relative; border-radius:16px; background:#111; padding:10px 10px 22px; -webkit-box-shadow:0 40px 80px -30px rgba(0,0,0,.55); box-shadow:0 40px 80px -30px rgba(0,0,0,.55); -webkit-animation:flutua 7s ease-in-out infinite; animation:flutua 7s ease-in-out infinite; }
.zp .mock__tela::before{ content:''; position:absolute; left:50%; bottom:8px; width:44px; height:5px; margin-left:-22px; border-radius:3px; background:#2a2a26; }
.zp .mock__tela img{ display:block; width:100%; height:auto; border-radius:8px; }
.zp .mock__fone{ position:absolute; right:-8px; bottom:0; width:31%; max-width:180px; border-radius:22px; background:#111; padding:7px; -webkit-box-shadow:0 30px 60px -20px rgba(0,0,0,.6); box-shadow:0 30px 60px -20px rgba(0,0,0,.6); -webkit-animation:flutua 7s ease-in-out infinite; animation:flutua 7s ease-in-out infinite; -webkit-animation-delay:-3.2s; animation-delay:-3.2s; }
.zp .mock__fone::before{ content:''; position:absolute; top:12px; left:50%; width:36%; height:6px; margin-left:-18%; border-radius:3px; background:#000; z-index:2; }
.zp .mock__fone img{ display:block; width:100%; height:auto; border-radius:16px; }
.zp .mock--inverso .mock__fone{ right:auto; left:-8px; }
@-webkit-keyframes flutua{ 0%,100%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 50%{ -webkit-transform:translate3d(0,-12px,0); transform:translate3d(0,-12px,0); } }
@keyframes flutua{ 0%,100%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 50%{ -webkit-transform:translate3d(0,-12px,0); transform:translate3d(0,-12px,0); } }
.zp .mockGrande{ position:relative; max-width:1100px; margin:0 auto; padding:0 24px 40px; }
.zp .mockGrande .mock__tela{ -webkit-animation:none; animation:none; }
.zp .mockGrande .mock__fone{ right:0; max-width:220px; width:22%; }

/* o bloco das ferramentas com mockup, em duas colunas */
.zp .ferrBloco{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:24px; }
.zp .ferrItem{ -webkit-box-flex:0; -ms-flex:0 1 calc(50% - 12px); flex:0 1 calc(50% - 12px); width:calc(50% - 12px); min-width:300px; display:block; padding:30px 30px 34px; border-radius:26px; background:#f6f6f1; color:#111; text-decoration:none; -webkit-transition:.25s; transition:.25s; }
.zp .dobra--clara .ferrItem{ background:#fff; border:1px solid #e6e6df; }
.zp .dobra--preta .ferrItem{ background:#111; color:#fff; border:1px solid #232320; }
.zp .ferrItem:hover{ -webkit-transform:translateY(-4px); transform:translateY(-4px); -webkit-box-shadow:0 30px 60px -30px rgba(0,0,0,.35); box-shadow:0 30px 60px -30px rgba(0,0,0,.35); }
.zp .ferrItem__mock{ display:block; margin:0 0 26px; padding-bottom:40px; }
.zp .ferrItem__mock .mock__tela, .zp .ferrItem__mock .mock__fone{ display:block; -webkit-animation:none; animation:none; }
.zp .ferrItem:hover .ferrItem__mock .mock__tela, .zp .ferrItem:hover .ferrItem__mock .mock__fone{ -webkit-animation:flutua 5s ease-in-out infinite; animation:flutua 5s ease-in-out infinite; }
.zp .ferrItem__mock .mock__fone{ max-width:120px; right:-4px; }
.zp .ferrItem__corpo{ display:block; }
.zp .ferrItem__topo{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:0 0 16px; }
.zp .ferrItem__num{ font-family:'Anton', Impact, sans-serif; font-size:16px; letter-spacing:1px; color:#000; opacity:.5; }
.zp .dobra--preta .ferrItem__num{ color:#feec34; opacity:1; }
.zp .ferrItem__nome{ display:block; font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:30px; line-height:1.04; margin:0 0 8px; }
.zp .ferrItem__chamada{ display:block; font-size:16px; line-height:1.55; color:#4a4a44; margin:0 0 16px; }
.zp .dobra--preta .ferrItem__chamada{ color:#b9b9af; }
.zp .ferrItem .chips{ margin-bottom:18px; }

/* os oito pilares, numa grade de oito */
.zp .pilares{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:14px; }
.zp .pilar{ -webkit-box-flex:1; -ms-flex:1 1 calc(25% - 11px); flex:1 1 calc(25% - 11px); min-width:200px; padding:26px 24px 28px; border-radius:18px; background:#000; color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.zp .pilar__num{ font-family:'Anton', Impact, sans-serif; font-size:22px; color:#feec34; margin:0 0 14px; }
.zp .pilar__nome{ font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:26px; line-height:1; margin:0 0 8px; }
.zp .pilar__texto{ font-size:14px; color:#b9b9af; line-height:1.5; }

/* a ordem sugerida das ferramentas */
.zp .trilha{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:14px; counter-reset:tr; }
.zp .trilha__passo{ -webkit-box-flex:1; -ms-flex:1 1 calc(25% - 11px); flex:1 1 calc(25% - 11px); min-width:200px; padding:26px 24px 28px; border-radius:18px; background:#111; color:#fff; text-decoration:none; counter-increment:tr; position:relative; }
.zp .trilha__passo::before{ content:counter(tr, decimal-leading-zero); display:block; font-family:'Anton', Impact, sans-serif; font-size:30px; color:#feec34; margin:0 0 12px; }
.zp .trilha__rotulo{ display:block; font-size:12px; letter-spacing:1.8px; text-transform:uppercase; color:#9a9a90; margin:0 0 6px; }
.zp .trilha__nome{ display:block; font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:22px; line-height:1.05; }
.zp .trilha__passo:hover{ background:#feec34; color:#000; }
.zp .trilha__passo:hover::before, .zp .trilha__passo:hover .trilha__rotulo{ color:#000; }

/* ==========================================================================
   AS INTERNAS NO RITMO DA APPLE
   Uma barra local grudada abaixo do menu (nome, atalhos e o botão), títulos
   grandes no eixo, uma foto enorme de largura total, blocos que entram na
   tela conforme a pessoa rola, e grades de tiles (bento) para os ganhos.
   ========================================================================== */
.zp .subnav{ position:-webkit-sticky; position:sticky; top:100px; z-index:30; background:rgba(255,255,255,.92); -webkit-backdrop-filter:saturate(180%) blur(14px); backdrop-filter:saturate(180%) blur(14px); border-bottom:1px solid rgba(0,0,0,.08); }
.zp .subnav--escura{ background:rgba(0,0,0,.86); border-color:rgba(255,255,255,.1); color:#fff; }
.zp .subnav__interno{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:24px; min-height:58px; }
.zp .subnav__nome{ font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:17px; letter-spacing:.5px; text-decoration:none; color:inherit; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px; }
.zp .subnav__nome img{ height:24px; width:auto; }
.zp .subnav__links{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:22px; margin-left:auto; }
.zp .subnav__links a{ font-size:13px; font-weight:500; color:inherit; text-decoration:none; opacity:.75; white-space:nowrap; }
.zp .subnav__links a:hover{ opacity:1; }
.zp .subnav .btn{ min-height:38px; padding:0 18px; font-size:13.5px; }
.zp .subnav__botao{ -ms-flex-negative:0; flex-shrink:0; }

.zp .heroCentro{ padding:150px 0 0; text-align:center; background:#000; color:#fff; overflow:hidden; }
.zp .heroCentro--clara{ background:#f6f6f1; color:#111; }
.zp .heroCentro .chapeu{ margin-bottom:22px; }
.zp .heroCentro__logo{ width:min(420px, 80%); height:auto; margin:0 auto 30px; }
.zp .heroCentro__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:84px; line-height:.96; margin:0 auto 24px; max-width:1000px; text-wrap:balance; }
.zp .heroCentro__titulo--frase{ font-size:44px; max-width:900px; }
.zp .heroCentro__frase{ font-size:24px; line-height:1.45; max-width:760px; margin:0 auto 30px; color:#d6d6cc; font-weight:400; text-wrap:balance; }
.zp .heroCentro--clara .heroCentro__frase{ color:#4a4a44; }
.zp .heroCentro .botoes{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0 0 64px; }
.zp .heroCentro__foto{ position:relative; max-width:1320px; margin:0 auto; padding:0 24px; }
.zp .heroCentro__foto .foto{ border-radius:30px 30px 0 0; -webkit-box-shadow:0 -30px 80px -40px rgba(254,236,52,.35); box-shadow:0 -30px 80px -40px rgba(254,236,52,.35); }
.zp .heroCentro__foto .foto::before{ padding-top:56.25%; }
.zp .heroCentro__foto .foto img{ -o-object-position:center 20%; object-position:center 20%; }
.zp .heroCentro__foto .foto--alta::before{ padding-top:56.25%; }

/* os tiles: uma grade que respira, com um tile grande e os outros menores */
.zp .bento{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:18px; }
.zp .tile{ -webkit-box-flex:0; -ms-flex:0 1 calc(33.333% - 12px); flex:0 1 calc(33.333% - 12px); width:calc(33.333% - 12px); min-width:270px; padding:36px 34px 38px; border-radius:26px; background:#f6f6f1; color:#111; position:relative; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.zp .tile--quarto{ -ms-flex:0 1 calc(25% - 13.5px); flex:0 1 calc(25% - 13.5px); width:calc(25% - 13.5px); min-width:200px; }
.zp .tile--largo{ -ms-flex:0 1 calc(66.666% - 6px); flex:0 1 calc(66.666% - 6px); width:calc(66.666% - 6px); }
.zp .tile--preto{ background:#000; color:#fff; }
.zp .tile--amarelo{ background:#feec34; color:#000; }
.zp .tile--escuro{ background:#111; color:#fff; border:1px solid #232320; }
.zp .tile--escuro .tile__num, .zp .tile--escuro .tile__grande{ color:#feec34; opacity:1; }
.zp .tile--escuro .tile__texto, .zp .tile--escuro .tile__rotulo{ color:#b9b9af; }
.zp .tile--foto{ padding:0; min-height:360px; background-color:#111; background-image:-webkit-gradient(linear, left top, left bottom, from(#222), to(#000)); background-image:linear-gradient(to bottom, #222, #000); }
.zp .tile--foto img{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.zp .tile--foto::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:55%; background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.82))); background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.82)); pointer-events:none; }
.zp .tile--foto .tile__legenda{ position:absolute; z-index:2; left:28px; bottom:24px; right:28px; color:#fff; font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:22px; line-height:1.05; text-shadow:0 2px 14px rgba(0,0,0,.7); }
.zp .tile__icone{ width:54px; height:54px; border-radius:50%; background:#feec34; color:#000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0 0 26px; }
.zp .tile--amarelo .tile__icone{ background:#000; color:#feec34; }
.zp .tile__icone svg{ width:24px; height:24px; }
.zp .tile__num{ position:absolute; top:28px; right:30px; font-family:'Anton', Impact, sans-serif; font-size:22px; color:#000; opacity:.3; }
.zp .tile--preto .tile__num{ opacity:1; }
.zp .tile--preto .tile__num{ color:#feec34; }
.zp .tile--amarelo .tile__num{ color:#000; opacity:.5; }
.zp .tile__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:30px; line-height:1.04; margin:0 0 14px; }
.zp .tile__texto{ font-size:16px; line-height:1.6; color:#4a4a44; margin:0; }
.zp .tile--preto .tile__texto{ color:#b9b9af; }
.zp .tile--amarelo .tile__texto{ color:#2a2a24; }
.zp .tile__grande{ font-family:'Anton', Impact, sans-serif; font-size:96px; line-height:.9; margin:auto 0 12px; color:#000; }
.zp .tile--preto .tile__grande{ color:#feec34; }
.zp .tile__rotulo{ font-size:13px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; }

/* a frase enorme, no eixo, sozinha na dobra */
.zp .frase{ text-align:center; padding:130px 0; }
.zp .frase__texto{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:64px; line-height:1.02; margin:0 auto 22px; max-width:1000px; text-wrap:balance; }
.zp .frase__texto em{ font-style:normal; color:#feec34; }
.zp .dobra--amarela .frase__texto em{ color:#fff; }
.zp .frase__quem{ font-size:14px; letter-spacing:2px; text-transform:uppercase; font-weight:700; color:#8a8a80; }

/* os blocos entram na tela conforme a pessoa rola. Sem JS, tudo aparece. */
.zp .revela{ opacity:1; -webkit-transform:none; transform:none; }
html.js-revela .zp .revela{ opacity:0; -webkit-transform:translate3d(0,28px,0); transform:translate3d(0,28px,0); -webkit-transition:opacity .7s ease, -webkit-transform .7s ease; transition:opacity .7s ease, transform .7s ease, -webkit-transform .7s ease; }
html.js-revela .zp .revela.revela--visto{ opacity:1; -webkit-transform:none; transform:none; }

/* ==========================================================================
   OS CAPÍTULOS, O ICEBERG, PARA QUEM É (interna do livro)
   ========================================================================== */
.zp .capitulos{ counter-reset:c; }
.zp .capitulo{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:26px; padding:26px 0; border-top:1px solid #e3e3dc; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; text-decoration:none; color:inherit; }
.zp a.capitulo:hover .capitulo__titulo{ text-decoration:underline; text-decoration-thickness:3px; text-decoration-color:#feec34; text-underline-offset:4px; }
.zp .capitulo:last-child{ border-bottom:1px solid #e3e3dc; }
.zp .capitulo__num{ -ms-flex-negative:0; flex-shrink:0; width:64px; font-family:'Anton', Impact, sans-serif; font-size:40px; line-height:1; color:#000; }
.zp .capitulo__num small{ display:block; font-family:'Ubuntu','Open Sans',system-ui,sans-serif; font-size:10.5px; letter-spacing:1.8px; text-transform:uppercase; color:#6b6b63; margin-bottom:6px; }
.zp .capitulo__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:24px; line-height:1.1; margin:0 0 6px; color:#000; }
.zp .capitulo__chamada{ font-size:15.5px; line-height:1.6; color:#5a5a53; margin:0; }
.zp .capitulo__ler{ margin-left:auto; -ms-flex-negative:0; flex-shrink:0; padding-top:8px; }
.zp .dobra--preta .capitulo{ border-color:#262622; }
.zp .dobra--preta .capitulo__num, .zp .dobra--preta .capitulo__titulo{ color:#fff; }
.zp .dobra--preta .capitulo__chamada{ color:#b9b9af; }

.zp .iceberg{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:24px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }
.zp .iceberg__lado{ -webkit-box-flex:1; -ms-flex:1 1 300px; flex:1 1 300px; padding:36px 34px; border-radius:22px; }
.zp .iceberg__lado--fundo{ -webkit-box-flex:2; -ms-flex:2 1 520px; flex:2 1 520px; }
.zp .iceberg__lado--raso{ background:#feec34; color:#000; }
.zp .iceberg__lado--fundo{ background:#000; color:#fff; }
.zp .iceberg__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:28px; line-height:1.08; margin:0 0 22px; }
.zp .iceberg ol{ counter-reset:i; }
.zp .iceberg ol li{ counter-increment:i; position:relative; padding:9px 0 9px 44px; font-size:16px; line-height:1.45; border-top:1px solid rgba(0,0,0,.12); }
.zp .iceberg__lado--fundo ol li{ border-color:rgba(255,255,255,.14); }
.zp .iceberg ol li::before{ content:counter(i); position:absolute; left:0; top:8px; font-family:'Anton', Impact, sans-serif; font-size:18px; width:30px; text-align:right; color:inherit; opacity:.75; }
.zp .iceberg__lado--fundo ol{ -webkit-columns:2; -moz-columns:2; columns:2; -webkit-column-gap:28px; -moz-column-gap:28px; column-gap:28px; }
.zp .iceberg__lado--fundo ol li{ -webkit-column-break-inside:avoid; break-inside:avoid; }

.zp .paraQuem{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:16px; }
.zp .paraQuem li{ -webkit-box-flex:1; -ms-flex:1 1 calc(33.333% - 11px); flex:1 1 calc(33.333% - 11px); min-width:240px; padding:26px 26px 28px; border-radius:18px; background:#fff; border:1px solid #e6e6df; font-size:16.5px; line-height:1.55; font-weight:700; color:#111; }
.zp .paraQuem li::before{ content:''; display:block; width:36px; height:4px; background:#feec34; border-radius:2px; margin:0 0 16px; }

.zp .fotosLivro{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:16px; }
.zp .fotosLivro .foto{ -webkit-box-flex:1; -ms-flex:1 1 calc(25% - 12px); flex:1 1 calc(25% - 12px); min-width:200px; }

/* o convite para ler, com o formulário */
.zp .desbloqueio{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:56px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.zp .desbloqueio__texto{ -webkit-box-flex:1; -ms-flex:1 1 380px; flex:1 1 380px; }
.zp .desbloqueio__form{ -webkit-box-flex:1; -ms-flex:1 1 380px; flex:1 1 380px; background:#fff; color:#111; border-radius:24px; padding:40px 38px 42px; -webkit-box-shadow:0 30px 60px -30px rgba(0,0,0,.35); box-shadow:0 30px 60px -30px rgba(0,0,0,.35); }
.zp .form__campo{ display:block; margin:0 0 16px; }
.zp .form__rotulo{ display:block; font-size:12.5px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:#111; margin:0 0 8px; }
.zp .form__campo input{
  display:block; width:100%; min-height:54px; padding:0 18px; font-family:'Ubuntu','Open Sans',system-ui,sans-serif; font-size:16px; color:#111;
  border:2px solid #d9d9d1; border-radius:12px; background:#fff; -webkit-appearance:none; appearance:none;
  text-transform:none; text-align:left; letter-spacing:0; font-weight:400; line-height:1.3; margin:0; box-shadow:none;
}
.zp .form__campo input::-webkit-input-placeholder{ color:#9a9a90; text-transform:none; }
.zp .form__campo input::placeholder{ color:#9a9a90; text-transform:none; }
.zp .form__campo input:focus{ outline:none; border-color:#000; box-shadow:0 0 0 3px #feec34; }
.zp .form__nota{ font-size:13px; line-height:1.55; color:#6b6b63; margin:14px 0 0; }
.zp .form__erro{ background:#fff1f0; color:#8a1c12; border:1px solid #f3c2bd; padding:12px 16px; border-radius:10px; font-size:14px; margin:0 0 18px; }
.zp .form__ok{ background:#eefbe9; color:#1f5a14; border:1px solid #bfe6b3; padding:12px 16px; border-radius:10px; font-size:14px; margin:0 0 18px; }
.zp .form .btn{ width:100%; }
.zp .desbloqueio__form h3{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:28px; line-height:1.05; margin:0 0 8px; color:#000; }
.zp .desbloqueio__form .sub{ font-size:15px; margin-bottom:24px; }
.zp .desbloqueio__troca{ font-size:14px; color:#6b6b63; margin:18px 0 0; text-align:center; }
.zp .desbloqueio__troca a{ color:#000; font-weight:700; }
.zp .desbloqueio .ganhos{ margin-top:8px; }

/* ==========================================================================
   OS ARTIGOS: cartões, lista e o artigo
   ========================================================================== */
.zp .artigosGrade{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:28px; }
.zp .artigoCartao{ -webkit-box-flex:1; -ms-flex:1 1 calc(33.333% - 19px); flex:1 1 calc(33.333% - 19px); min-width:270px; display:block; text-decoration:none; color:#111; }
.zp .artigoCartao__foto{ display:block; position:relative; border-radius:18px; overflow:hidden; background:#f0f0ea; margin:0 0 18px; }
.zp .artigoCartao__foto::before{ content:''; display:block; padding-top:62%; }
.zp .artigoCartao__foto img{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transition:.45s ease-in; transition:.45s ease-in; }
.zp .artigoCartao:hover .artigoCartao__foto img{ -webkit-transform:scale(1.04); transform:scale(1.04); }
.zp .artigoCartao__cat{ display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:#000; background:#feec34; padding:5px 9px; border-radius:4px; margin:0 0 12px; }
.zp .artigoCartao__titulo{ display:block; font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:24px; line-height:1.08; margin:0 0 10px; color:#000; }
.zp .artigoCartao__resumo{ display:block; font-size:14.5px; line-height:1.6; color:#5a5a53; margin:0; }
.zp .artigoCartao__meta{ display:block; font-size:12px; color:#8a8a80; margin:10px 0 0; letter-spacing:.4px; }
.zp .dobra--preta .artigoCartao{ color:#fff; }
.zp .dobra--preta .artigoCartao__titulo{ color:#fff; }
.zp .dobra--preta .artigoCartao__resumo{ color:#b9b9af; }

/* o artigo em destaque, grande, na home */
.zp .artigoDestaque{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:48px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:0 0 56px; padding:0 0 56px; border-bottom:1px solid #e6e6df; text-decoration:none; color:#111; }
.zp .artigoDestaque__foto{ -webkit-box-flex:1; -ms-flex:1 1 520px; flex:1 1 520px; }
.zp .artigoDestaque__texto{ -webkit-box-flex:1; -ms-flex:1 1 380px; flex:1 1 380px; }
.zp .artigoDestaque__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:40px; line-height:1.02; margin:0 0 14px; color:#000; }
.zp .artigoDestaque__resumo{ font-size:16.5px; line-height:1.65; color:#4a4a44; margin:0 0 20px; }

.zp .artigoCab{ background:#000; color:#fff; padding:150px 0 70px; }
.zp .artigoCab .sub{ color:#cfcfc4; }
.zp .artigoCab .titulo{ max-width:900px; }
.zp .artigoCorpo{ padding:70px 0 100px; }
.zp .artigoCorpo .interno--estreito{ max-width:760px; }
.zp .artigoFoto{ border-radius:22px; overflow:hidden; margin:-120px auto 56px; max-width:980px; position:relative; z-index:2; background:#000; }
.zp .artigoFoto::before{ content:''; display:block; padding-top:52%; }
.zp .artigoFoto img{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }

/* ==========================================================================
   O MURAL DE FOTOS DA OFICINA
   Fotos de tamanhos diferentes, como no banner de marcas da TOVAP: uma
   grande, duas pequenas empilhadas, uma em pé, mais duas pequenas. O mural
   anda devagar para o lado; a segunda metade é a emenda do loop.
   ========================================================================== */
.zp .mural{ position:relative; overflow:hidden; --mu:150px; --mg:12px; }
.zp .mural__faixa{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:var(--mg); width:-webkit-max-content; width:-moz-max-content; width:max-content; -webkit-animation:esteiraAnda 90s linear infinite; animation:esteiraAnda 90s linear infinite; will-change:transform; }
.zp .mural__bloco{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:var(--mg); -ms-flex-negative:0; flex-shrink:0; }
.zp .mural__coluna{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:var(--mg); }
.zp .mural__peca{ position:relative; border-radius:16px; overflow:hidden; background:#151513; display:block; }
.zp .mural__peca img{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.zp .mural__peca--grande{ width:calc(var(--mu) * 2 + var(--mg)); height:calc(var(--mu) * 2 + var(--mg)); }
.zp .mural__peca--pe{ width:calc(var(--mu) * 1.15); height:calc(var(--mu) * 2 + var(--mg)); }
.zp .mural__peca--pequena{ width:calc(var(--mu) * 1.5); height:var(--mu); }
.zp .mural::before, .zp .mural::after{ content:''; position:absolute; top:0; bottom:0; width:100px; z-index:2; pointer-events:none; }
.zp .mural::before{ left:0; background:-webkit-gradient(linear, left top, right top, from(#000), to(rgba(0,0,0,0))); background:linear-gradient(to right, #000, rgba(0,0,0,0)); }
.zp .mural::after{ right:0; background:-webkit-gradient(linear, right top, left top, from(#000), to(rgba(0,0,0,0))); background:linear-gradient(to left, #000, rgba(0,0,0,0)); }
.zp .mural--claro::before{ background:-webkit-gradient(linear, left top, right top, from(#f6f6f1), to(rgba(246,246,241,0))); background:linear-gradient(to right, #f6f6f1, rgba(246,246,241,0)); }
.zp .mural--claro::after{ background:-webkit-gradient(linear, right top, left top, from(#f6f6f1), to(rgba(246,246,241,0))); background:linear-gradient(to left, #f6f6f1, rgba(246,246,241,0)); }

/* ==========================================================================
   A ESTEIRA DA TOVAP
   As marcas da agência passando em duas faixas, uma para cada lado, como
   na home da TOVAP. Cada peça é uma capa de projeto. Sobre preto.
   ========================================================================== */
.zp .tovapDobra{ overflow:hidden; }
.zp .esteira{ position:relative; margin:0 0 64px; }
.zp .esteira__faixa{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:14px; width:-webkit-max-content; width:-moz-max-content; width:max-content; margin:0 0 14px; -webkit-animation:esteiraAnda 70s linear infinite; animation:esteiraAnda 70s linear infinite; will-change:transform; }
.zp .esteira__faixa--volta{ -webkit-animation-direction:reverse; animation-direction:reverse; -webkit-animation-duration:84s; animation-duration:84s; }
.zp .esteira__peca{ position:relative; -ms-flex-negative:0; flex-shrink:0; width:340px; border-radius:16px; overflow:hidden; background:#151513; display:block; }
.zp .esteira__peca::before{ content:''; display:block; padding-top:62%; }
.zp .esteira__peca img{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.zp .esteira__peca span{ position:absolute; left:14px; bottom:12px; font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:13px; letter-spacing:1px; color:#fff; text-shadow:0 1px 8px rgba(0,0,0,.7); opacity:0; -webkit-transition:.25s; transition:.25s; }
.zp .esteira__peca:hover span{ opacity:1; }
.zp .esteira::before, .zp .esteira::after{ content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none; }
.zp .esteira::before{ left:0; background:-webkit-gradient(linear, left top, right top, from(#000), to(rgba(0,0,0,0))); background:linear-gradient(to right, #000, rgba(0,0,0,0)); }
.zp .esteira::after{ right:0; background:-webkit-gradient(linear, right top, left top, from(#000), to(rgba(0,0,0,0))); background:linear-gradient(to left, #000, rgba(0,0,0,0)); }
@-webkit-keyframes esteiraAnda{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); } }
@keyframes esteiraAnda{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); } }
.zp .tovapDobra__texto{ max-width:760px; margin:0 auto; text-align:center; }
.zp .tovapDobra__logo{ width:170px; height:auto; margin:0 auto 26px; color:#feec34; display:block; }
.zp .tovapDobra__texto .sub{ margin-left:auto; margin-right:auto; }
.zp .tovapDobra__texto .botoes{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

/* ==========================================================================
   OS SLIDES
   Um palco 16x9 com o slide da vez, setas dos lados, e a trilha de
   miniaturas embaixo. Só para quem tem o link.
   ========================================================================== */
.zp .slides{ background:#000; color:#fff; padding:130px 0 80px; min-height:100vh; min-height:100svh; }
.zp .slides__cab{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; gap:24px; margin:0 0 28px; }
.zp .slides__cab .titulo{ margin:0; }
.zp .slides__pos{ font-family:'Anton', Impact, sans-serif; font-size:28px; color:#feec34; margin:0; white-space:nowrap; }
.zp .slides__palco{ position:relative; border-radius:18px; overflow:hidden; background:#0b0b0a; outline:none; }
.zp .slides__palco::before{ content:''; display:block; padding-top:56.25%; }
.zp .slides__slide{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:opacity .35s ease; transition:opacity .35s ease; pointer-events:none; }
.zp .slides__slide--ativo{ opacity:1; pointer-events:auto; }
.zp .slides__slide img{ width:100%; height:100%; -o-object-fit:contain; object-fit:contain; cursor:pointer; }
.zp .slides__seta{ position:absolute; top:50%; width:54px; height:54px; margin:-27px 0 0; border:0; border-radius:50%; background:#feec34; cursor:pointer; padding:0; -webkit-transition:.2s; transition:.2s; }
.zp .slides__seta:hover, .zp .slides__seta:focus{ background:#fff; border:0; border-radius:50%; outline:none; }
.zp .slides__seta--ant{ left:16px; }
.zp .slides__seta--prox{ right:16px; }
.zp .slides__seta span{ position:absolute; top:50%; left:50%; width:12px; height:12px; border-top:3px solid #000; border-right:3px solid #000; }
.zp .slides__seta--prox span{ -webkit-transform:translate(-65%,-50%) rotate(45deg); transform:translate(-65%,-50%) rotate(45deg); }
.zp .slides__seta--ant span{ -webkit-transform:translate(-35%,-50%) rotate(-135deg); transform:translate(-35%,-50%) rotate(-135deg); }
.zp .slides__trilha{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:8px; overflow-x:auto; padding:18px 0 8px; -webkit-overflow-scrolling:touch; scrollbar-width:thin; }
.zp .slides__mini{ -ms-flex-negative:0; flex-shrink:0; width:120px; padding:0; margin:0; border:2px solid transparent; border-radius:8px; overflow:hidden; background:#111; cursor:pointer; opacity:.55; -webkit-transition:.2s; transition:.2s; }
.zp .slides__mini img{ display:block; width:100%; height:auto; }
.zp .slides__mini--ativo, .zp .slides__mini:hover, .zp .slides__mini:focus{ opacity:1; border:2px solid #feec34; border-radius:8px; background:#111; outline:none; }

/* ==========================================================================
   A ENTRADA (login do leitor) E O 404
   ========================================================================== */
.zp .entrada{ min-height:100vh; min-height:100svh; background:#000; color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:130px 0 80px; }
.zp .entrada .desbloqueio__form{ max-width:520px; margin:0 auto; }

/* ==========================================================================
   O LEITOR, DO JEITO DO KINDLE
   ========================================================================== */
.zp .leitor{ background:#fff; color:#111; padding:120px 0 90px; }
.zp .leitor .interno{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:56px; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }
.zp .leitor__sumario{ -webkit-box-flex:0; -ms-flex:0 0 270px; flex:0 0 270px; position:-webkit-sticky; position:sticky; top:176px; }
.zp .leitor__sumario h2{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:18px; letter-spacing:.5px; margin:0 0 14px; color:#000; }
.zp .leitor__sumarioLogo{ width:150px; height:auto; margin:0 0 18px; }
.zp .leitor__sumario a{ display:block; padding:10px 12px; border-radius:10px; text-decoration:none; font-size:14px; line-height:1.4; color:#333; }
.zp .leitor__sumario a:hover{ background:#f3f3ee; }
.zp .leitor__sumario a.esta{ background:#feec34; color:#000; font-weight:700; }
.zp .leitor__sumario a small{ display:block; font-size:10.5px; letter-spacing:1.4px; text-transform:uppercase; color:#8a8a80; margin-bottom:2px; }
.zp .leitor__sumario a.esta small{ color:#4a4a44; }
.zp .leitor__sair{ margin-top:22px; font-size:12.5px; color:#8a8a80; }
.zp .leitor__sair a{ color:#333; display:inline; }
.zp .leitor__corpo{ -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; max-width:660px; min-width:0; }
.zp .leitura{ -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
.zp .leitura__cab{ margin:0 0 40px; padding:0 0 30px; border-bottom:2px solid #000; }
.zp .leitura__logo{ width:180px; height:auto; margin:0 0 20px; }
.zp .leitura__livro{ font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#8a8a80; margin:0 0 14px; }
.zp .leitura__num{ font-family:'Anton', Impact, sans-serif; font-size:16px; letter-spacing:2px; color:#000; background:#feec34; display:inline-block; padding:5px 10px; border-radius:4px; margin:0 0 14px; }
.zp .leitura__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:46px; line-height:1.02; margin:0 0 14px; color:#000; }
.zp .leitura__tempo{ font-size:13px; color:#8a8a80; margin:0; }
.zp .leitura p{
  font-family:'Bookerly','Literata','Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,'Times New Roman',serif;
  font-size:19px; line-height:1.62; color:#111;
  text-align:justify; text-indent:1.5em; margin:0 0 .35em;
  -webkit-font-feature-settings:'kern','liga'; font-feature-settings:'kern','liga';
}
.zp .leitura .leitura__h2 + p, .zp .leitura .leitura__h3 + p,
.zp .leitura .leitura__cab + p, .zp .leitura .leitura__destaque + p,
.zp .leitura .leitura__lista + p, .zp .leitura .leitura__cartao + p{ text-indent:0; }
.zp .leitura .leitura__h2{ font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:30px; line-height:1.08; margin:52px 0 18px; color:#000; scroll-margin-top:180px; }
.zp .leitura .leitura__h3{ font-family:'Ubuntu','Open Sans',system-ui,sans-serif; font-weight:700; font-size:19px; line-height:1.35; margin:36px 0 12px; color:#000; scroll-margin-top:180px; }
.zp .leitura .leitura__destaque{ margin:34px 0; padding:22px 26px; border-left:6px solid #feec34; background:#fbfbf4; border-radius:0 14px 14px 0; }
.zp .leitura .leitura__destaque p{ font-family:'Anton', Impact, sans-serif; font-size:24px; line-height:1.2; text-transform:uppercase; color:#000; margin:0; text-indent:0; text-align:left; }
.zp .leitura .leitura__lista{ margin:0 0 24px; padding:0 0 0 4px; }
.zp .leitura .leitura__lista li{ position:relative; padding:0 0 12px 26px; font-family:'Bookerly','Literata','Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,'Times New Roman',serif; font-size:18.5px; line-height:1.6; color:#1a1a17; }
.zp .leitura .leitura__lista li::before{ content:''; position:absolute; left:2px; top:11px; width:9px; height:9px; border-radius:50%; background:#feec34; border:2px solid #000; }
.zp .leitura .leitura__cartao{ display:block; margin:30px 0; padding:26px 28px; border-radius:16px; background:#000; color:#fff; text-decoration:none; }
.zp .leitura .leitura__cartao--livro{ background:#feec34; color:#000; }
.zp .leitura .leitura__cartaoChapeu{ display:block; font-size:11px; letter-spacing:1.8px; text-transform:uppercase; font-weight:700; color:#feec34; margin:0 0 8px; }
.zp .leitura .leitura__cartao--livro .leitura__cartaoChapeu{ color:#000; }
.zp .leitura .leitura__cartaoTitulo{ display:block; font-family:'Anton', Impact, sans-serif; font-weight:400; text-transform:uppercase; font-size:26px; line-height:1.05; margin:0 0 8px; }
.zp .leitura .leitura__cartaoTexto{ display:block; font-size:15px; line-height:1.55; margin:0 0 14px; opacity:.85; }
.zp .leitura .leitura__cartaoAcao{ display:inline-block; font-size:12.5px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; }
/* o cabecalho do capitulo continua na fonte do site, sem recuo e sem justificar */
.zp .leitura .leitura__cab p{ font-family:'Ubuntu','Open Sans',system-ui,sans-serif; text-indent:0; text-align:left; -webkit-hyphens:manual; -ms-hyphens:manual; hyphens:manual; }
.zp .leitura .leitura__cab .leitura__livro{ font-size:12px; margin:0 0 14px; }
.zp .leitura .leitura__cab .leitura__tempo{ font-size:13px; margin:0; }
.zp .leitura .leitura__cab .leitura__chamada{ font-family:'Bookerly','Literata','Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif; font-style:italic; font-size:20px; line-height:1.5; color:#4a4a44; margin:0 0 10px; }
html.letra-medio .zp .leitura .leitura__cab .leitura__livro, html.letra-grande .zp .leitura .leitura__cab .leitura__livro{ font-size:12px; }
html.letra-medio .zp .leitura .leitura__cab .leitura__tempo, html.letra-grande .zp .leitura .leitura__cab .leitura__tempo{ font-size:13px; }
html.letra-medio .zp .leitura .leitura__cab .leitura__chamada{ font-size:22px; }
html.letra-grande .zp .leitura .leitura__cab .leitura__chamada{ font-size:24px; }

/* a navegacao entre capitulos */
.zp .leitura__nav{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:14px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:56px 0 0; padding:30px 0 0; border-top:2px solid #000; }
.zp .leitura__passo{
  -webkit-box-flex:1; -ms-flex:1 1 240px; flex:1 1 240px;
  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:6px;
  padding:20px 24px; border:2px solid #000; border-radius:18px; background:#fff; color:#000; text-decoration:none;
  font-family:'Ubuntu','Open Sans',system-ui,sans-serif; -webkit-transition:.22s ease-in; transition:.22s ease-in;
}
.zp .leitura__passo small{ font-size:11.5px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:#6b6b63; }
.zp .leitura__passo span{ font-size:17px; font-weight:700; line-height:1.3; }
.zp .leitura__passo--vai{ background:#feec34; border-color:#feec34; text-align:right; }
.zp .leitura__passo--vai span::after{ content:'\00a0\2192'; }
.zp .leitura__passo--volta span::before{ content:'\2190\00a0'; }
.zp .leitura__passo:hover, .zp .leitura__passo:focus{ background:#000; border-color:#000; color:#fff; }
.zp .leitura__passo:hover small, .zp .leitura__passo:focus small{ color:#feec34; }
.zp .leitor__barra{ position:fixed; top:0; left:0; height:4px; background:#feec34; z-index:1000; width:0; -webkit-transition:width .15s linear; transition:width .15s linear; }

/* a barra do leitor: nome do livro, posicao e os tres tamanhos de letra */
.zp .leitor__ferramentas{
  position:-webkit-sticky; position:sticky; top:100px; z-index:20;
  background:#fff; border-bottom:1px solid #e6e6df;
  margin:-40px 0 44px;
}
.zp .leitor__ferramentasInterno{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
  gap:16px; min-height:56px;
}
.zp .leitor .leitor__ferramentasInterno{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.zp .leitor__livroNome{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:12px; font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:15px; letter-spacing:.6px; color:#000; }
.zp .leitor__livroNome img{ height:26px; width:auto; }
.zp .leitor__posicao{ font-size:13px; color:#6b6b63; }
.zp .leitor__tamanhos{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:6px; }
.zp .leitor__aa{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  min-width:56px; height:44px; padding:0 8px; margin:0;
  border:1.5px solid #d9d9d1; border-radius:10px; background:#fff; color:#111; cursor:pointer;
  font-family:'Bookerly','Literata',Georgia,serif; line-height:1; text-transform:none; letter-spacing:0;
}
.zp .leitor__aa span{ font-size:15px; color:#111; }
.zp .leitor__aa[aria-pressed="true"] span, .zp .leitor__aa:hover span, .zp .leitor__aa:focus span{ color:#000; }
.zp .leitor__aa--medio span{ font-size:18px; }
.zp .leitor__aa--grande span{ font-size:22px; }
.zp .leitor__aa small{ font-family:'Ubuntu','Open Sans',system-ui,sans-serif; font-size:9px; letter-spacing:.8px; text-transform:uppercase; color:#8a8a80; margin-top:3px; }
.zp .leitor__aa:hover, .zp .leitor__aa:focus, .zp .leitor__aa:active{ background:#fff; color:#111; border:1.5px solid #000; border-radius:10px; outline:none; }
.zp .leitor__aa:focus-visible{ -webkit-box-shadow:0 0 0 3px rgba(254,236,52,.9); box-shadow:0 0 0 3px rgba(254,236,52,.9); }
.zp .leitor__aa[aria-pressed="true"], .zp .leitor__aa[aria-pressed="true"]:hover, .zp .leitor__aa[aria-pressed="true"]:focus, .zp .leitor__aa[aria-pressed="true"]:active{ background:#feec34; border-color:#000; color:#000; }
.zp .leitor__aa[aria-pressed="true"] small{ color:#000; }

/* os tres tamanhos */
html.letra-medio .zp .leitura p{ font-size:22px; line-height:1.6; }
html.letra-medio .zp .leitura .leitura__lista li{ font-size:21px; }
html.letra-medio .zp .leitura .leitura__h2{ font-size:33px; }
html.letra-medio .zp .leitura .leitura__h3{ font-size:22px; }
html.letra-grande .zp .leitura p{ font-size:26px; line-height:1.58; }
html.letra-grande .zp .leitura .leitura__lista li{ font-size:24px; }
html.letra-grande .zp .leitura .leitura__h2{ font-size:36px; }
html.letra-grande .zp .leitura .leitura__h3{ font-size:24px; }
html.letra-grande .zp .leitor__corpo{ max-width:740px; }

/* nada de imprimir nem salvar em PDF pelo navegador */
@media print{ .zp .leitor{ display:none !important; } .zp .leitor::after{ content:'Este livro é para leitura no site.'; } }

/* ==========================================================================
   A ROLAGEM VOLTA A SER A DA JANELA
   O tema original prende html e body em 100% de altura com overflow. Com
   isso, position:sticky e o scroll de âncora quebram. Aqui a página volta
   a rolar na janela, como qualquer site.
   ========================================================================== */
html{ height:auto !important; overflow:visible !important; }
body{ height:auto !important; overflow-x:hidden !important; overflow-y:auto !important; }

/* ==========================================================================
   NO CELULAR, TUDO CENTRALIZADO. E TODA A TELA POR DOBRA.
   ========================================================================== */
@media (max-width:900px){
  .zp .dobra{ padding:72px 0 76px; }
  .zp .item{ padding:64px 0 68px; }
  .zp .interno{ padding:0 16px; }
  .zp .titulo{ font-size:40px; line-height:1.06; }
  .zp .titulo--menor{ font-size:30px; }
  .zp .titulo--grande{ font-size:48px; }
  .zp .dupla__texto .titulo{ font-size:38px; }
  .zp .sub{ font-size:16px; }
  .zp .sub--grande{ font-size:17.5px; }
  .zp .cab{ margin-bottom:40px; }
  .zp .cab--esq{ text-align:center; margin-left:auto; }
  .zp .chapeu{ margin-bottom:14px; }
  .zp .botoes{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
  .zp .botoes .btn{ width:100%; max-width:360px; }

  .zp .dobra, .zp .dobra *, .zp .heroZe, .zp .heroZe *, .zp .item, .zp .item *, .zp .indice, .zp .indice *, .zp .capa, .zp .capa *,
  .zp .heroCentro, .zp .heroCentro *, .zp .slides, .zp .slides *, .zp .subnav, .zp .subnav *,
  .zp .artigoCab, .zp .artigoCab *, .zp .entrada, .zp .entrada *{ text-align:center; }
  .zp .sub, .zp .heroZe__frase, .zp .item__texto, .zp .item__chamada, .zp .gancho, .zp .tovapDobra__texto p{ margin-left:auto; margin-right:auto; }
  .zp .gancho::before, .zp .paraQuem li::before, .zp .selo, .zp .foto, .zp .leva, .zp .etapas{ margin-left:auto; margin-right:auto; }

  /* a capa: menor, com a frase no eixo */
  .zp .capa{ min-height:70vh; min-height:70svh; padding:120px 0 44px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
  .zp .capa__frase{ font-size:42px; }
  .zp .capa__chapeu::before{ display:none; }
  .zp .capa__desce{ margin:34px auto 0; }

  /* a abertura: o video toma a tela inteira, o texto vem embaixo */
  .zp .heroZe{ padding:0 0 64px; }
  .zp .heroZe::before{ display:none; }
  .zp .heroZe__interno{ gap:40px; padding:0; }
  .zp .heroZe__foto{ -ms-flex:1 1 100%; flex:1 1 100%; max-width:none; margin:0; }
  .zp .heroZe__foto::before{ display:none; }
  .zp .heroZe__video{ border-radius:0; -webkit-box-shadow:none; box-shadow:none; height:100vh; height:100svh; }
  .zp .heroZe__video::before{ display:none; }
  .zp .heroZe__tocar{ border-radius:0; padding-bottom:40px; }
  .zp .heroZe__tocar:hover, .zp .heroZe__tocar:focus{ border-radius:0; }
  .zp .heroZe__foto .foto{ border-radius:0; }
  .zp .heroZe__foto .foto::before{ padding-top:0; height:100vh; height:100svh; }
  .zp .heroZe__texto{ padding:0 16px; }
  .zp .heroZe__titulo{ font-size:50px; }
  .zp .heroZe__frase{ font-size:16.5px; }
  .zp .creds{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; gap:6px 0; }
  .zp .cred{ -ms-flex:1 1 100%; flex:1 1 100%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:8px; padding:12px 0; }
  .zp .cred *, .zp .cred{ text-align:center; }

  .zp .indice__lista{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
  .zp .indice__item{ margin-right:0; padding:18px 0; -ms-flex:1 1 auto; flex:1 1 auto; }

  .zp .secao__cab{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px; margin-bottom:40px; }
  .zp .secao__cab .secao__ir{ margin-left:0; }
  .zp .secao__num{ font-size:52px; }
  .zp .dupla{ gap:36px; }
  .zp .dupla__midia, .zp .dupla--inversa .dupla__midia{ -ms-flex:1 1 100%; flex:1 1 100%; -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; max-width:440px; margin:0 auto; }
  .zp .dupla__texto{ -ms-flex:1 1 100%; flex:1 1 100%; }
  .zp .ganho, .zp .ganhos--tres .ganho{ -ms-flex:1 1 100%; flex:1 1 100%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px; }
  .zp .pilar{ -ms-flex:1 1 calc(50% - 7px); flex:1 1 calc(50% - 7px); min-width:0; }
  .zp .ferrItem{ -ms-flex:1 1 100%; flex:1 1 100%; width:100%; padding:24px 18px 28px; }
  .zp .ferrItem__topo{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; gap:14px; }
  .zp .ferrItem .chips, .zp .chips{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
  .zp .ferrItem__mock .mock__fone{ max-width:96px; }
  .zp .ganhoCartao, .zp .ganhoCartao--quarto, .zp .sinal, .zp .citacao, .zp .trilha__passo, .zp .paraQuem li, .zp .etapa{ -ms-flex:1 1 100%; flex:1 1 100%; width:100%; }
  .zp .ganhoCartao__topo{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:8px; }
  .zp .peca{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:14px; }
  .zp .peca__nome small{ display:block; margin:6px 0 0; }
  .zp .passo{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:6px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
  .zp .passo::before{ width:auto; }
  .zp .numero{ -ms-flex:1 1 calc(50% - 7px); flex:1 1 calc(50% - 7px); }
  .zp .fotosFaixa{ gap:10px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
  .zp .fotosFaixa figure{ -ms-flex:0 1 calc(33.333% - 7px); flex:0 1 calc(33.333% - 7px); min-width:0; border-radius:12px; }
  .zp .fotosFaixa figure.larga{ -ms-flex:1 1 100%; flex:1 1 100%; border-radius:16px; }

  .zp .item__cab{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
  .zp .item__titulo{ font-size:34px; }
  .zp .item__chamada{ font-size:19px; }
  .zp .item__links{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
  .zp .leva li{ text-align:center; padding:8px 0; }
  .zp .leva li::before, .zp .leva li::after{ position:static; display:inline-block; vertical-align:middle; }
  .zp .leva li::before{ margin-right:8px; }
  .zp .leva li::after{ display:none; }
  .zp .item__midia{ max-width:440px; margin:0 auto; }
  .zp .item .dupla__midia{ position:static; }

  .zp .iceberg__lado--fundo ol{ -webkit-columns:1; -moz-columns:1; columns:1; }
  .zp .iceberg ol li{ padding:12px 0; text-align:center; }
  .zp .iceberg ol li::before{ position:static; display:block; width:auto; margin:0 0 2px; text-align:center; font-size:20px; }
  .zp .capitulo{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px; }
  .zp .capitulo__num{ width:auto; }
  .zp .capitulo__ler{ margin-left:0; }
  .zp .desbloqueio__form{ padding:30px 22px 32px; }
  .zp .desbloqueio__form, .zp .desbloqueio__form *, .zp .form__rotulo{ text-align:center; }
  .zp .desbloqueio__form .form__campo input{ text-align:left; }
  .zp .mock{ padding-bottom:40px; }
  .zp .mock__fone{ max-width:120px; right:4px; }
  .zp .mock--inverso .mock__fone{ left:4px; }
  .zp .esteira__peca{ width:220px; }
  .zp .mural{ --mu:96px; --mg:8px; }
  .zp .mural__peca{ border-radius:10px; }
  .zp .esteira{ margin-bottom:44px; }
  .zp .artigoDestaque{ gap:28px; }

  /* o leitor: texto corrido continua alinhado à esquerda, o resto no eixo */
  .zp .leitor{ padding:88px 0 70px; }
  .zp .leitor .interno{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:26px; }
  .zp .leitor__sumario{ position:static; -ms-flex:0 0 auto; flex:0 0 auto; width:100%; }
  .zp .leitor__sumario a{ text-align:left; }
  .zp .leitor__sumario details summary{ list-style:none; cursor:pointer; font-family:'Anton', Impact, sans-serif; text-transform:uppercase; font-size:16px; padding:14px 16px; border:2px solid #000; border-radius:12px; text-align:center; }
  .zp .leitor__sumario details summary::-webkit-details-marker{ display:none; }
  .zp .leitor__sumario details[open] summary{ background:#feec34; }
  .zp .leitor__sumario details > div{ padding:12px 0 0; }
  .zp .leitor__sumarioLogo{ margin-left:auto; margin-right:auto; }
  .zp .leitura__titulo{ font-size:34px; }
  .zp .leitura__logo{ margin-left:auto; margin-right:auto; }
  .zp .leitura p{ font-size:18px; }
  .zp .leitor .leitura p, .zp .leitor .leitura .leitura__lista li{ text-align:left; }
  .zp .leitura .leitura__h2, .zp .leitura .leitura__h3, .zp .leitura__cab, .zp .leitura__cab *, .zp .leitura .leitura__cab p{ text-align:center; }
  .zp .leitura .leitura__h2{ font-size:26px; }
  .zp .leitura .leitura__destaque p{ font-size:20px; text-align:center; }
  html.letra-medio .zp .leitura p{ font-size:21px; }
  html.letra-grande .zp .leitura p{ font-size:24px; }
  .zp .leitura__passo, .zp .leitura__passo--vai{ text-align:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
  .zp .leitor__ferramentas{ margin:-24px 0 30px; top:76px; }
  .zp .leitor .leitor__ferramentasInterno{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; gap:14px; }
  .zp .leitor__livroNome{ display:none; }
  .zp .leitor__posicao{ text-align:center; white-space:nowrap; }
  .zp .leitor__aa{ min-width:48px; height:40px; }

  .zp .subnav{ top:76px; }
  .zp .subnav__links{ display:none; }
  .zp .subnav__interno{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; min-height:54px; }
  .zp .heroCentro{ padding:110px 0 0; }
  .zp .heroCentro__titulo{ font-size:46px; }
  .zp .heroCentro__titulo--frase{ font-size:30px; }
  .zp .heroCentro__frase{ font-size:18px; }
  .zp .heroCentro .botoes{ margin-bottom:40px; }
  .zp .heroCentro__foto{ padding:0 12px; }
  .zp .heroCentro__foto .foto, .zp .heroCentro__foto .foto--alta{ border-radius:18px 18px 0 0; }
  .zp .heroCentro__foto .foto::before, .zp .heroCentro__foto .foto--alta::before{ padding-top:120%; }
  .zp .tile, .zp .tile--largo, .zp .tile--quarto{ -ms-flex:1 1 100%; flex:1 1 100%; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:30px 24px 32px; }
  .zp .tile__icone{ margin-left:auto; margin-right:auto; }
  .zp .tile__num{ position:static; margin:0 0 10px; }
  .zp .tile--foto{ min-height:300px; }
  .zp .tile__grande{ font-size:72px; }
  .zp .frase{ padding:80px 0; }
  .zp .frase__texto{ font-size:36px; }
  .zp .slides{ padding:96px 0 50px; }
  .zp .slides__cab{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
  .zp .slides__seta{ width:42px; height:42px; margin-top:-21px; }
  .zp .slides__mini{ width:84px; }
  .zp .artigoCab{ padding:120px 0 50px; }
  .zp .artigoFoto{ margin:-70px 16px 36px; border-radius:14px; }
  .zp .artigoCorpo p, .zp .artigoCorpo .leitura__lista li, .zp .artigoCorpo .leitura__destaque p{ text-align:center; }
  .zp .artigoCorpo .leitura__lista li{ padding-left:0; }
  .zp .artigoCorpo .leitura__lista li::before{ position:static; display:inline-block; margin-right:8px; vertical-align:middle; }
  .rodape .rodape__item, .rodape .rodape__item *, .rodape .rodape__item span{ text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
  .rodape .rodape__item{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
}

@media (min-width:901px){
  .zp .leitor__sumario details{ display:none; }
}
@media (max-width:900px){
  .zp .leitor__sumarioFixo{ display:none; }
}

/* ---------- movimento que a pessoa pediu para não ver ---------- */
@media (prefers-reduced-motion: reduce){
  .zp .esteira__faixa, .zp .mural__faixa, .zp .mock__tela, .zp .mock__fone, .zp .capa__fundo span{ -webkit-animation:none; animation:none; }
  .zp .capa__fundo span{ opacity:0; }
  .zp .capa__fundo span:first-child{ opacity:1; }
  .zp *{ -webkit-transition:none !important; transition:none !important; }
}