/* Landing page "relacionamento abusivo", versão da marca (ADR-0053). Clara e serena, nas cores do escritório:
   papel, bege, taupe e grafite, com a letra do sistema (Inter). No topo, a foto do Dr. Nardenn se funde ao fundo escuro,
   como na capa da proposta de honorários. Sem estilo em linha (a política da pasta não deixa). */
@font-face { font-family: Inter; src: url(inter.woff2) format('woff2'); font-weight: 100 900; font-display: swap; }

:root {
  --papel: #F7F5F2; --bege: #D9CBBA; --bege-2: #EDE5DB; --taupe: #8C8480; --grafite: #3A3534; --grafite-2: #59514D;
  --texto: #2F2A29; --suave: #6E6662; --linha: #E2DBD4; --branco: #FFFFFF; --verde-zap: #25D366;
  --raio: 18px; --max: 1180px;
  --sombra: 0 1px 2px rgba(58, 53, 52, .04), 0 18px 40px -22px rgba(58, 53, 52, .35);
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 90px; overflow-x: hidden; }
body { margin: 0; background: var(--papel); color: var(--texto); font: 400 16px/1.7 Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-underline-offset: 3px; text-decoration-thickness: 1px; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: none; }
svg.cheio { fill: currentColor; stroke: none; }
h1, h2, h3 { margin: 0; color: var(--grafite); font-weight: 300; letter-spacing: -.035em; line-height: 1.06; text-wrap: balance; }
h3 { font-weight: 600; letter-spacing: -.01em; line-height: 1.25; }
p { margin: 0; }
b { font-weight: 600; color: var(--grafite); }
.pular { position: absolute; left: 16px; top: -60px; z-index: 60; background: var(--branco); padding: 10px 16px; border-radius: 10px; }
.pular:focus { top: 12px; }
:focus-visible { outline: 2px solid var(--grafite-2); outline-offset: 3px; border-radius: 6px; }
.sobre { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--taupe); }
.sobre::before { content: ''; width: 28px; height: 1px; background: currentColor; }
.sobre-claro { color: var(--bege); }
.centro { text-align: center; }
.centro .sobre { justify-content: center; }
.lead { font-size: 18px; line-height: 1.7; color: var(--grafite-2); text-align: justify; hyphens: auto; -webkit-hyphens: auto; }

/* Botões de contato: pulsam e levam o símbolo do WhatsApp (padrão do escritório). */
.botao { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 999px; border: 1px solid transparent; font: 600 15px/1.2 Inter, sans-serif; letter-spacing: .01em; text-decoration: none; cursor: pointer; text-align: center; transition: background .2s, transform .15s; }
.botao:hover { transform: translateY(-1px); }
.botao-escuro { background: var(--grafite); color: var(--papel); }
.botao-escuro:hover { background: var(--grafite-2); }
.botao-claro { background: var(--bege); color: var(--grafite); }
.botao-claro:hover { background: var(--papel); }
.botao-zap { background: var(--verde-zap); color: var(--branco); }
@keyframes pulsa { 0% { box-shadow: 0 0 0 0 rgba(140, 132, 128, .55); } 70% { box-shadow: 0 0 0 14px rgba(140, 132, 128, 0); } 100% { box-shadow: 0 0 0 0 rgba(140, 132, 128, 0); } }
@keyframes pulsa-verde { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); } 70% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }
.pulsa { animation: pulsa 2.4s ease-out infinite; }
.pulsa-verde { animation: pulsa-verde 2.4s ease-out infinite; }
@media (prefers-reduced-motion: reduce) { .pulsa, .pulsa-verde { animation: none; } html { scroll-behavior: auto; } }
.link-seta { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: var(--grafite); text-decoration: none; border-bottom: 1px solid var(--bege); padding-bottom: 2px; }
.link-seta svg { width: 18px; height: 18px; }

/* Faixa de segurança e topo */
.faixa { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; padding: 8px 16px; background: var(--grafite); color: var(--bege-2); font-size: 13px; line-height: 1.4; text-align: center; }
.faixa a { color: var(--branco); font-weight: 600; }
.sair { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; background: var(--bege); color: var(--grafite) !important; text-decoration: none; font-size: 12px; }
.sair svg { width: 15px; height: 15px; }
.topo { position: sticky; top: 0; z-index: 40; background: rgba(247, 245, 242, .9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--linha); }
.topo-in { max-width: var(--max); margin: 0 auto; padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.marca img { width: 176px; height: auto; }
.marca-texto { font-weight: 600; color: var(--grafite); }
.topo .botao { min-height: 44px; padding: 0 18px; font-size: 14px; }

/* Abertura: faixa escura com a foto do Dr. Nardenn à direita, que se funde ao fundo num degradê (o mesmo
   tratamento da capa da proposta de honorários). */
.abertura { position: relative; overflow: hidden; background: #262626; color: #F5F3EF; }
.abertura-foto { position: absolute; top: 0; right: 0; bottom: 0; width: 52%; }
.abertura-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 62% 22%; filter: saturate(.8) contrast(1.05); }
.abertura-foto::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #262626 0%, rgba(42, 38, 36, .55) 30%, rgba(42, 38, 36, 0) 65%); }
.abertura-in { position: relative; z-index: 2; max-width: var(--max); margin: 0 auto; padding: 88px 20px 80px; }
.abertura-txt { max-width: 600px; }
.abertura h1 { font-size: clamp(42px, 5.6vw, 70px); margin: 22px 0 24px; color: #F5F3EF; }
.abertura .lead { color: #BFBFBF; font-weight: 300; }
.acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 34px; }
.abertura .link-seta { color: #F5F3EF; border-color: rgba(217, 203, 186, .5); }
.garantias { list-style: none; padding: 0; margin: 40px 0 0; display: flex; flex-wrap: wrap; gap: 12px 26px; border-top: 1px solid rgba(255, 255, 255, .12); padding-top: 22px; }
.garantias li { display: flex; align-items: center; gap: 9px; font-size: 14px; color: #D8D2CC; }
.garantias svg { color: var(--bege); }
.assina-abertura { margin-top: 26px; font-size: 11px; font-weight: 300; letter-spacing: .12em; text-transform: uppercase; color: var(--taupe); }

/* Seções */
.secao { padding: 96px 0; }
.secao-in { max-width: var(--max); margin: 0 auto; padding: 0 20px; }
.secao-in.estreito { max-width: 820px; }
.titulo-bloco { display: grid; gap: 14px; margin-bottom: 44px; max-width: 720px; }
.titulo-bloco.centro { margin-inline: auto; justify-items: center; }
.secao h2 { font-size: clamp(32px, 4.2vw, 50px); }

.sinais { background: var(--branco); border-block: 1px solid var(--linha); }
.lista-sinais { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px; }
.lista-sinais li { display: flex; gap: 16px; align-items: flex-start; padding: 22px 0; border-top: 1px solid var(--linha); font-size: 17px; color: var(--grafite-2); }
.lista-sinais img { width: 22px; margin-top: 4px; flex: none; }
.fecho { margin-top: 40px; padding: 24px 28px; background: var(--bege-2); border-radius: var(--raio); font-size: 17px; color: var(--grafite-2); }

.grade-frentes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.frente { background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 30px 24px; display: grid; gap: 12px; align-content: start; }
.frente svg { width: 28px; height: 28px; color: var(--taupe); }
.frente h3 { font-size: 19px; }
.frente p { font-size: 15px; color: var(--suave); line-height: 1.65; }

.historia { background: var(--grafite); color: var(--bege-2); }
.historia-in { max-width: var(--max); margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; align-items: center; }
.historia img { width: 100%; max-width: 420px; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 15%; margin-top: -48px; margin-bottom: 64px; border-radius: var(--raio); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
.historia blockquote { margin: 18px 0 14px; font-size: clamp(22px, 2.6vw, 32px); font-weight: 300; line-height: 1.4; letter-spacing: -.015em; color: var(--branco); }
.assinatura { font-weight: 600; color: var(--bege); }
.historia-txt { margin-top: 22px; color: #CFC6BF; max-width: 560px; text-align: justify; hyphens: auto; }

.contato { background: linear-gradient(180deg, var(--papel), var(--bege-2)); }
.contato-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: start; }
.contato-txt h2 { margin: 16px 0 30px; }
.passos { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; counter-reset: passo; }
.passos li { counter-increment: passo; display: grid; grid-template-columns: 44px 1fr; column-gap: 16px; padding: 18px 0; border-top: 1px solid var(--linha); }
.passos li::before { content: counter(passo); grid-row: span 2; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--taupe); display: grid; place-items: center; font-weight: 300; font-size: 20px; color: var(--grafite); }
.passos b { font-size: 16px; }
.passos span { color: var(--suave); font-size: 15px; }
.presente { margin-top: 30px; display: grid; grid-template-columns: 150px 1fr; gap: 20px; align-items: center; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 18px; }
/* Capa do e-book (opção A, escolhida pelo proprietário): desenhada aqui mesmo, sem imagem, para ficar nítida em qualquer
   tela. Uma porta de luz que se abre no escuro: a saída. */
.capa-ebook { position: relative; width: 132px; aspect-ratio: 600 / 860; font-size: 132px; overflow: hidden; border-radius: .008em .02em .02em .008em; color: #F5F3EF;
  background: radial-gradient(70% 50% at 50% 62%, #4a4240 0%, #262626 60%, #1c1b1b 100%); transform: perspective(600px) rotateY(14deg);
  box-shadow: inset .045em 0 .03em -.02em rgba(0, 0, 0, .5), 14px 18px 28px -10px rgba(40, 30, 25, .45); }
.capa-ebook::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, .1) 18%, transparent 30%); }
.ce-confie { position: absolute; left: 9.3%; right: 8%; top: 7.4%; font-size: .05em; font-weight: 300; letter-spacing: .32em; text-transform: uppercase; color: var(--bege); display: flex; align-items: center; gap: .5em; }
.ce-confie::after { content: ''; flex: 1; height: 1px; background: rgba(217, 203, 186, .5); }
.ce-titulo { position: absolute; left: 9.3%; right: 8%; top: 16%; font-size: .09em; font-weight: 300; line-height: 1.04; letter-spacing: -.035em; }
.ce-titulo b { display: block; font-weight: 700; color: #fff; }
.ce-porta { position: absolute; left: 50%; top: 60.5%; width: 31.7%; height: 29%; transform: translateX(-50%); border-radius: 999px 999px 0 0; background: linear-gradient(180deg, #F7EFE4 0%, #E6D6C1 45%, #C9B49B 100%); box-shadow: 0 0 .2em .067em rgba(232, 214, 190, .35), 0 0 .067em .01em rgba(255, 244, 228, .5); }
.ce-chao { position: absolute; left: 50%; top: 89.5%; width: 50%; height: 10.5%; transform: translateX(-50%); background: linear-gradient(180deg, rgba(230, 214, 193, .45), transparent); clip-path: polygon(18% 0, 82% 0, 100% 100%, 0 100%); }
.ce-logo { position: absolute; left: 9.3%; bottom: 5.3%; width: 35%; height: auto; z-index: 1; }
.presente p { font-size: 14.5px; color: var(--suave); line-height: 1.6; }

/* Formulário */
.form { background: var(--branco); border: 1px solid var(--linha); border-radius: 24px; padding: 32px 30px 26px; box-shadow: var(--sombra); display: grid; gap: 14px; position: sticky; top: 100px; }
.form-sobre { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--taupe); }
.form-titulo { font-size: 28px; font-weight: 300; letter-spacing: -.03em; }
.form-texto { color: var(--suave); font-size: 14.5px; line-height: 1.55; }
.form-erro { background: #FBEDEA; border: 1px solid #D9A79C; color: #6B2A1E; border-radius: 12px; padding: 10px 14px; font-size: 14px; }
.campo { display: grid; gap: 6px; font-size: 13px; font-weight: 600; color: var(--grafite); }
.campo small { color: var(--taupe); font-weight: 400; }
.campo input, .campo select, .campo textarea { width: 100%; font: 400 16px/1.4 Inter, sans-serif; color: var(--texto); background: var(--papel); border: 1px solid var(--linha); border-radius: 12px; padding: 13px 14px; }
.campo textarea { resize: vertical; min-height: 60px; }
.campo select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--taupe) 50%), linear-gradient(135deg, var(--taupe) 50%, transparent 50%); background-position: calc(100% - 20px) 55%, calc(100% - 14px) 55%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 40px; }
.campo input:focus, .campo select:focus, .campo textarea:focus { outline: none; border-color: var(--grafite-2); box-shadow: 0 0 0 3px rgba(140, 132, 128, .25); background: var(--branco); }
.campo input[aria-invalid="true"] { border-color: #B5523F; }
.aceite { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.5; color: var(--suave); }
.aceite input { margin-top: 3px; width: 18px; height: 18px; accent-color: var(--grafite); flex: none; }
.form .botao { width: 100%; margin-top: 4px; background: var(--grafite); color: var(--papel); }
.form .botao:hover { background: var(--grafite-2); }
.form .botao.pulsa { animation-name: pulsa; }
.form-sigilo { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 12px; color: var(--taupe); }
.form-sigilo svg { width: 15px; height: 15px; }
/* Contato seguro: horário e forma do primeiro contato, em destaque dentro do formulário. */
.seguro { margin: 4px 0 0; padding: 18px; border: 1px solid var(--bege); border-radius: 14px; background: var(--bege-2); display: grid; gap: 12px; }
.seguro-titulo { display: inline-flex; align-items: center; gap: 8px; padding: 0; font-size: 14px; font-weight: 600; color: var(--grafite); }
.seguro-titulo svg { width: 16px; height: 16px; color: var(--taupe); }
.seguro-texto { font-size: 13px; line-height: 1.5; color: var(--grafite-2); }
.seguro .campo input, .seguro .campo select { background-color: var(--branco); }
.armadilha { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.vozes { background: var(--papel); }
.grade-vozes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.voz { margin: 0; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 28px 26px; display: grid; gap: 14px; align-content: start; }
.estrelas { color: #C9A227; letter-spacing: .15em; font-size: 16px; }
.voz blockquote { margin: 0; font-size: 16.5px; line-height: 1.65; color: var(--grafite-2); }
.voz figcaption { font-size: 13px; color: var(--taupe); }

.duvidas { background: var(--branco); border-top: 1px solid var(--linha); }
.duvidas details { border-bottom: 1px solid var(--linha); padding: 20px 4px; }
.duvidas summary { cursor: pointer; font-weight: 600; color: var(--grafite); list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.duvidas summary::-webkit-details-marker { display: none; }
.duvidas summary::after { content: '+'; color: var(--taupe); font-size: 22px; line-height: 1; font-weight: 300; }
.duvidas details[open] summary::after { content: '–'; }
.duvidas details p { margin-top: 10px; color: var(--suave); }

.final { background: var(--grafite); }
.final-in { max-width: 820px; margin: 0 auto; padding: 88px 20px; text-align: center; display: grid; gap: 30px; justify-items: center; }
.final h2 { color: var(--papel); font-size: clamp(30px, 4vw, 46px); }

/* Obrigado: o mesmo topo escuro da abertura (foto em degradê), o ícone do escritório e, abaixo, os próximos passos e o
   e-book, em cartões claros. */
.obrigado { background: var(--papel); }
.ob-topo { position: relative; overflow: hidden; background: #262626; color: #F5F3EF; }
.ob-topo .abertura-foto { width: 46%; }
.ob-topo .abertura-foto img { object-position: 50% 12%; }
.ob-topo-in { position: relative; z-index: 2; max-width: var(--max); margin: 0 auto; padding: 72px 20px 80px; display: grid; gap: 18px; justify-items: start; }
.ob-topo-in > * { max-width: 600px; }
.ob-icone { display: block; }
.ob-icone img { width: 84px; height: auto; }
.ob-selo { font-size: 12px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; color: var(--bege); }
.ob-topo h1 { color: #F5F3EF; font-size: clamp(38px, 5vw, 62px); }
.ob-topo h1 em { font-style: normal; display: block; color: var(--bege); }
.ob-topo .lead { color: #BFBFBF; font-weight: 300; text-align: left; }
.ob-corpo { max-width: var(--max); margin: 0 auto; padding: 0 20px 90px; display: grid; gap: 28px; }
.ob-grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 22px; margin-top: -44px; position: relative; z-index: 3; }
.ob-cartao { background: var(--branco); border: 1px solid var(--linha); border-radius: 22px; padding: 30px 28px; box-shadow: var(--sombra); }
.ob-rotulo { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--taupe); margin-bottom: 14px; }
.ob-ebook { display: grid; grid-template-columns: 132px 1fr; gap: 24px; align-items: center; }
.ob-ebook h2 { font-size: 22px; font-weight: 400; letter-spacing: -.02em; line-height: 1.25; margin-bottom: 18px; }
.ob-ebook .botao { width: 100%; margin-top: 10px; }
.obrigado .aviso { margin: 0 auto; }
.aviso { display: flex; gap: 12px; align-items: flex-start; text-align: left; background: var(--branco); border: 1px solid var(--linha); border-radius: 14px; padding: 14px 16px; font-size: 14px; color: var(--suave); max-width: 560px; }
.aviso svg { color: var(--taupe); }
.aviso a { font-weight: 600; color: var(--grafite); }

/* Política de privacidade (mesma folha, quando a versão da marca for a escolhida) */
.texto-legal { max-width: 760px; margin: 0 auto; padding: 56px 20px 90px; }
.texto-legal h1 { font-size: clamp(36px, 5vw, 52px); }
.texto-legal h2 { font-size: 22px; font-weight: 600; letter-spacing: -.01em; margin: 34px 0 10px; }
.texto-legal p { color: var(--grafite-2); text-align: justify; hyphens: auto; }
.atualizada { color: var(--taupe) !important; margin-top: 10px; }

/* Rodapé: o mesmo do Blog Jurídico. */
.rodape { background: var(--grafite); color: rgba(247, 245, 242, .78); font-size: 14px; }
.rodape-in { max-width: var(--max); margin: 0 auto; padding: 64px 24px 40px; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 48px; }
.rodape-marca img { width: 200px; margin-bottom: 20px; }
.rodape-marca p { max-width: 42ch; line-height: 1.7; text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; }
.rodape-col { display: grid; gap: 10px; align-content: start; }
.rodape-col .sobre { color: var(--bege); margin-bottom: 6px; }
.rodape a { text-decoration: none; }
.rodape-fim a { text-decoration: underline; text-underline-offset: 3px; }
.rodape a:hover { color: var(--papel); text-decoration: underline; }
.rodape address { font-style: normal; line-height: 1.6; margin-top: 6px; }
.rodape-fim { max-width: 1320px; margin: 0 auto; padding: 22px 32px 28px; border-top: 1px solid rgba(247, 245, 242, .1); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 24px; font-size: 12px; color: rgba(247, 245, 242, .6); }
.zap-flutuante { position: fixed; right: 18px; bottom: 18px; z-index: 50; width: 58px; height: 58px; border-radius: 50%; background: var(--verde-zap); color: var(--branco); display: grid; place-items: center; }
.zap-flutuante svg { width: 30px; height: 30px; }

/* E-book "Amor não cobra" (estelionato sentimental): o livro ao lado do formulário, abaixo dos passos; no obrigado, no cartão do presente. */
.ebook-e { position: relative; display: grid; grid-template-columns: minmax(0, 210px) minmax(0, 1fr); gap: 34px; align-items: center; margin-top: 44px; padding: 32px 32px 32px 26px; color: #E8E1D8; border-radius: var(--raio); overflow: hidden;
  background: radial-gradient(90% 120% at 0% 50%, #4a4240 0%, #3A3534 45%, #2b2726 100%); box-shadow: 0 30px 60px -30px rgba(28, 27, 27, .55); }
.ebook-e .capa-e { filter: drop-shadow(0 22px 26px rgba(0, 0, 0, .45)); }
.ebook-e h3 { margin: 8px 0 14px; font-size: 32px; font-weight: 300; letter-spacing: -.03em; color: #fff; }
.ebook-e-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.ebook-e-lista li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.5; color: #CFC6BF; }
.ebook-e-lista li::before { content: ''; position: absolute; left: 0; top: .5em; width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--bege); }
.ebook-e-acao { margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(217, 203, 186, .22); }
.botao-bege { background: var(--bege); color: var(--grafite); white-space: nowrap; }
.botao-bege:hover { background: #E6D6C1; }
.ebook-e-acao p { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: #A99F98; }
.capa-e { display: block; width: 100%; height: auto; }
.ob-ebook .capa-e { max-width: 132px; }

@media (max-width: 1000px) {
  .rodape-in { grid-template-columns: 1fr 1fr; }
  .rodape-marca { grid-column: 1 / -1; }
  .grade-frentes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grade-vozes { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
  .ebook-e { grid-template-columns: 110px 1fr; gap: 18px; padding: 22px 20px; }
  .ebook-e h3 { font-size: 26px; margin-bottom: 10px; }
  .ebook-e-lista li { font-size: 14px; }
  .abertura-foto { position: relative; width: 100%; height: 360px; }
  .abertura-foto::before { background: linear-gradient(0deg, #262626 0%, rgba(42, 38, 36, 0) 60%); }
  .abertura-in { padding: 0 16px 56px; margin-top: -40px; }
  .abertura h1 { margin-top: 18px; }
  .acoes .botao { width: 100%; }
  .acoes { justify-content: center; }
  .lista-sinais { grid-template-columns: minmax(0, 1fr); }
  .secao { padding: 64px 0; }
  .secao-in { padding: 0 16px; }
  .historia-in { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0 16px 56px; }
  .historia img { margin: -32px auto 32px; max-width: 300px; }
  .contato-in { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .form { position: static; padding: 26px 20px 20px; }
  .rodape-in { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 48px 16px 28px; }
  .ob-topo .abertura-foto { width: 100%; height: 300px; }
  .ob-topo-in { padding: 0 16px 76px; margin-top: -60px; }
  .ob-grade { grid-template-columns: minmax(0, 1fr); }
  .ob-corpo { padding: 0 16px 64px; }
  .rodape-fim { padding: 20px 16px 24px; }
  .final .botao { width: 100%; }
}
@media (max-width: 560px) {
  .ebook-e { grid-template-columns: 1fr; justify-items: center; text-align: left; padding: 26px 22px; }
  .ebook-e .capa-e { width: 170px; }
  .ebook-e > div { justify-self: stretch; }
  .grade-frentes { grid-template-columns: minmax(0, 1fr); }
  .topo .botao span { display: none; }
  .topo .botao { width: 44px; padding: 0; }
  .marca img { width: 150px; }
  .faixa { font-size: 12px; gap: 8px; }
  .presente { grid-template-columns: 96px 1fr; }
  .capa-ebook { width: 96px; font-size: 96px; }
  .ob-ebook { grid-template-columns: 96px 1fr; gap: 16px; padding: 22px 18px; }
  .ob-ebook .capa-e { max-width: 96px; }
}
/* Livro em 3D do e-book "Confie" (capa nova, 01/11/2026) */
.capa-ebook-3d { display: block; width: 100%; height: auto; filter: drop-shadow(0 14px 18px rgba(28, 27, 27, .25)); }