/* Páginas novas do site (estilo do lançamento 1.0.6): painéis de cor chapada, títulos grandes, celulares com as telas reais do app. */
:root {
  --n-azul: #2E95DA; --n-azul-s: #1F73AE; --n-verde: #3AA36A; --n-verde-s: #2A7B4F; --n-marinho: #1B3A55; --n-marinho-s: #102638;
  --n-ouro: #F2C14E; --n-ouro-s: #C6952A; --n-creme: #FAF6EC; --n-creme2: #F1E9D6; --n-linha: #E3DCCB; --n-texto: #1A2E3B; --n-suave: #566B79;
  --n-verm: #E4553F; --n-branco: #FFFFFF;
}
html, body { margin: 0; padding: 0; }
body.cdn { background: var(--n-creme); color: var(--n-texto); font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.cdn *, body.cdn *::before, body.cdn *::after { box-sizing: border-box; }
body.cdn img, body.cdn video { max-width: 100%; }
.cdn a { color: inherit; }
.cdn h1, .cdn h2, .cdn h3 { font-family: 'Poppins', sans-serif; margin: 0; text-wrap: balance; word-spacing: .06em; }
.cdn p { margin: 0; }

/* painéis */
.pn { position: relative; padding: clamp(60px, 9vw, 120px) 16px; overflow: hidden; }
.pn-in { position: relative; z-index: 1; max-width: 1160px; margin: 0 auto; }
.pn-azul { background: var(--n-azul); color: #FFFFFF; }
.pn-verde { background: var(--n-verde); color: #FFFFFF; }
.pn-marinho { background: var(--n-marinho); color: #FFFFFF; }
.pn-creme { background: var(--n-creme); }
.pn-branco { background: #FFFFFF; }
.pn-duas { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 70px); align-items: center; }
.pn-duas.inverte > :first-child { order: 2; }
.pn-centro { text-align: center; }

/* tipografia de painel */
.n-rotulo { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 999px; background: #FFFFFF; color: var(--n-marinho); font: 800 14px/1 'Poppins', sans-serif; letter-spacing: 1.4px; text-transform: uppercase; box-shadow: 0 4px 0 rgba(16, 38, 56, .25); }
.n-rotulo b { color: var(--n-verde); }
.n-rotulo .ok { color: var(--n-verde); font-size: 16px; }
.n-riscado { display: block; margin: 18px 0 6px; font: 800 clamp(17px, 2.2vw, 22px)/1.3 'Poppins', sans-serif; text-decoration: line-through; text-decoration-color: var(--n-verm); text-decoration-thickness: 3px; opacity: .9; }
.n-titulo { font-size: clamp(36px, 6.2vw, 66px); font-weight: 900; line-height: 1.04; letter-spacing: -1.2px; }
.n-titulo-m { font-size: clamp(30px, 4.6vw, 50px); font-weight: 900; line-height: 1.08; letter-spacing: -.8px; }
.n-sub { margin-top: 18px; font: 700 clamp(18px, 2.2vw, 22px)/1.5 'Nunito', sans-serif; max-width: 560px; }
.pn-centro .n-sub { margin-left: auto; margin-right: auto; }
.n-destaque { display: inline-block; padding: 2px 16px 6px; background: var(--n-ouro); color: var(--n-marinho); border-radius: 12px; transform: rotate(-2deg); box-shadow: 0 6px 0 var(--n-ouro-s); }
.n-ouro { color: var(--n-ouro); }
.n-sobrelinha { display: block; font: 800 15px/1 'Poppins', sans-serif; letter-spacing: 3px; text-transform: uppercase; opacity: .85; margin-bottom: 16px; }

/* botões com degrau */
.n-botoes { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.pn-centro .n-botoes { justify-content: center; }
.n-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 58px; padding: 0 28px; border-radius: 18px; border: 0; cursor: pointer; text-decoration: none !important; font: 800 18px/1 'Poppins', sans-serif; transition: transform .12s ease, box-shadow .12s ease; }
@media (hover: hover) { .n-btn:hover { transform: translateY(-2px); } }
.n-btn:active { transform: translateY(4px); }
.n-btn-branco { background: #FFFFFF; color: var(--n-marinho) !important; box-shadow: 0 6px 0 rgba(16, 38, 56, .35); }
.n-btn-ouro { background: var(--n-ouro); color: var(--n-marinho) !important; box-shadow: 0 6px 0 var(--n-ouro-s); }
.n-btn-verde { background: var(--n-verde); color: #FFFFFF !important; box-shadow: 0 6px 0 var(--n-verde-s); }
.n-btn-contorno { background: transparent; color: #FFFFFF !important; box-shadow: inset 0 0 0 3px #FFFFFF; }
.n-nota { margin-top: 14px; font: 700 14px/1.4 'Nunito', sans-serif; opacity: .9; }

/* celular com a tela real do app */
.n-cels { position: relative; display: flex; justify-content: center; align-items: flex-end; gap: 0; min-height: 300px; }
.n-cel { position: relative; width: clamp(170px, 22vw, 250px); aspect-ratio: 1080 / 2342; border-radius: 34px; background: #0E1B26; padding: 9px; box-shadow: 0 16px 0 rgba(16, 38, 56, .28); flex-shrink: 0; }
.n-cel::before { content: ''; position: absolute; top: 15px; left: 50%; width: 30%; height: 7px; border-radius: 6px; background: #0E1B26; transform: translateX(-50%); z-index: 2; }
.n-cel video, .n-cel img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 26px; background: #CDE4F3; }
.n-cel + .n-cel { margin-left: -36px; }
.n-cels .n-cel:nth-child(1) { transform: rotate(-5deg); z-index: 1; }
.n-cels .n-cel:nth-child(2) { transform: rotate(4deg) translateY(-24px); z-index: 2; }
.n-cels .n-cel:nth-child(3) { transform: rotate(-2deg); z-index: 1; }
.n-cels.um .n-cel { transform: rotate(-3deg); }
.n-cels.tres .n-cel { width: clamp(130px, 17vw, 210px); }
.n-cels.tres .n-cel + .n-cel { margin-left: 14px; }
.n-cels.tres .n-cel:nth-child(2) { transform: translateY(-26px); }
.n-xuxu { position: absolute; z-index: 3; width: clamp(110px, 14vw, 170px); height: auto; bottom: -26px; animation: n-boia 3.6s ease-in-out infinite; }
.n-xuxu.esq { left: -18px; }
.n-xuxu.dir { right: -18px; }
@keyframes n-boia { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }

/* topo da página inicial */
.n-hero { padding-top: clamp(40px, 6vw, 80px); padding-bottom: clamp(70px, 9vw, 120px); }
.n-hero .n-titulo { font-size: clamp(44px, 8vw, 92px); }
.n-hero-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.n-hero-chips span { padding: 8px 14px; border-radius: 999px; background: var(--n-azul-s); color: #FFFFFF; font: 800 14px/1 'Poppins', sans-serif; }
.n-livro { position: absolute; left: -40px; bottom: -40px; width: clamp(160px, 22vw, 300px); opacity: 1; z-index: 0; }

/* as 5 dores */
.n-dores { list-style: none; padding: 0; margin: 34px auto 0; max-width: 640px; display: grid; gap: 14px; counter-reset: dor; }
.n-dores a { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 20px; background: #FFFFFF; color: var(--n-marinho) !important; text-decoration: none !important; font: 800 clamp(17px, 2.2vw, 21px)/1.25 'Poppins', sans-serif; box-shadow: 0 6px 0 rgba(0, 0, 0, .22); transition: transform .15s ease; }
@media (hover: hover) { .n-dores a:hover { transform: translateX(6px); } }
.n-dores i { flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; background: var(--n-verm); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font: normal 900 22px/1 'Poppins', sans-serif; }
.n-dores-fim { margin-top: 30px; font: 800 clamp(19px, 2.4vw, 24px)/1.35 'Poppins', sans-serif; }

/* números e mosaico de temas */
.n-numeros { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
.n-numero { padding: 16px 22px; border-radius: 20px; background: var(--n-marinho-s); }
.n-numero b { display: block; font: 900 clamp(34px, 5vw, 54px)/1 'Poppins', sans-serif; }
.n-numero span { display: block; margin-top: 6px; font: 800 13px/1 'Poppins', sans-serif; letter-spacing: 2px; text-transform: uppercase; color: var(--n-ouro); }
.n-mosaico { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.n-tema { position: relative; display: block; border-radius: 18px; overflow: hidden; aspect-ratio: 3 / 4; background: var(--n-marinho-s); text-decoration: none !important; box-shadow: 0 6px 0 rgba(0, 0, 0, .25); transition: transform .2s ease; }
@media (hover: hover) { .n-tema:hover { transform: translateY(-4px) rotate(-1deg); } }
.n-tema img { width: 100%; height: 100%; object-fit: cover; display: block; }
.n-tema span { position: absolute; left: 8px; right: 8px; top: 36px; padding: 8px 10px; border-radius: 12px; background: #FFFFFF; color: var(--n-marinho); font: 800 13px/1.2 'Poppins', sans-serif; text-align: center; }
.n-tema em { position: absolute; top: 8px; left: 8px; padding: 5px 9px; border-radius: 999px; font: normal 800 11px/1 'Poppins', sans-serif; letter-spacing: .5px; text-transform: uppercase; }
.n-tema .gratis { background: var(--n-verde); color: #FFFFFF; }
.n-tema .premium { background: var(--n-ouro); color: var(--n-marinho); }

/* experimente (atividades jogáveis) */
.n-experimente { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: start; margin-top: 36px; text-align: left; }
.n-palco { border-radius: 26px; overflow: hidden; border: 5px solid #FFFFFF; box-shadow: 0 10px 0 var(--n-linha); background: #CDE4F3; }
.n-verso { margin-top: 18px; padding: 22px 24px; border-radius: 22px; background: var(--n-marinho); color: #FFFFFF; box-shadow: 0 8px 0 var(--n-marinho-s); }
.n-verso p { font: italic 700 20px/1.5 'Nunito', sans-serif; }
.n-verso cite { display: inline-block; margin-top: 12px; padding: 7px 13px; border-radius: 999px; background: var(--n-ouro); color: var(--n-marinho); font: normal 800 13px/1 'Poppins', sans-serif; }
.n-jogo { padding: 22px; border-radius: 24px; background: #FFFFFF; box-shadow: inset 0 0 0 2px var(--n-linha), 0 8px 0 var(--n-linha); margin-bottom: 22px; position: relative; overflow: hidden; }
.n-jogo h3 { font-size: 13px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: var(--n-verde); margin-bottom: 8px; }
.n-jogo .q { font: 800 20px/1.4 'Poppins', sans-serif; color: var(--n-marinho); margin-bottom: 16px; }
.n-ops { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.n-op { min-height: 52px; border: 0; border-radius: 16px; cursor: pointer; background: #FFFFFF; color: var(--n-marinho); font: 800 16px/1 'Poppins', sans-serif; box-shadow: inset 0 0 0 2px var(--n-linha), 0 5px 0 var(--n-linha); transition: transform .12s ease; }
@media (hover: hover) { .n-op:hover { transform: translateY(-2px); } }
.n-op.certo { background: #DDF3E4; color: #1D5A33; box-shadow: inset 0 0 0 2px #3FA066, 0 5px 0 #3FA066; }
.n-op.errado { background: #FBE4E2; color: #8A2A22; box-shadow: inset 0 0 0 2px #D9645A, 0 5px 0 #D9645A; }
.n-resp { margin-top: 16px; padding: 14px 16px; border-radius: 16px; background: var(--n-creme2); font: 600 16px/1.5 'Nunito', sans-serif; display: flex; gap: 12px; align-items: flex-start; }
.n-resp[hidden] { display: none; }
.n-resp img { width: 48px; height: 48px; border-radius: 50%; background: #DCEBF5; object-fit: cover; flex-shrink: 0; }
.n-blocos { display: flex; flex-wrap: wrap; gap: 10px; min-height: 52px; padding: 10px; border-radius: 16px; background: var(--n-creme2); margin-bottom: 12px; }
.n-blocos.alvo { background: #E8F4EC; box-shadow: inset 0 0 0 2px #9FDDB7; }
.n-bloco { padding: 11px 14px; border: 0; border-radius: 12px; cursor: pointer; background: #FFFFFF; color: var(--n-marinho); font: 700 16px/1.3 'Nunito', sans-serif; box-shadow: 0 4px 0 var(--n-linha); }
.n-bloco.ok { background: var(--n-verde); color: #FFFFFF; box-shadow: 0 4px 0 var(--n-verde-s); }
.n-bloco.nao { animation: n-treme .35s ease; }
@keyframes n-treme { 0%, 100% { transform: translateX(0); } 30% { transform: translateX(-6px); } 70% { transform: translateX(6px); } }
.n-confete { position: absolute; width: 10px; height: 14px; border-radius: 3px; pointer-events: none; }

/* perguntas */
.n-faq { max-width: 820px; margin: 34px auto 0; display: grid; gap: 14px; text-align: left; }
.n-faq details { border-radius: 20px; background: #FFFFFF; box-shadow: inset 0 0 0 2px var(--n-linha), 0 6px 0 var(--n-linha); }
.n-faq summary { list-style: none; cursor: pointer; padding: 20px 56px 20px 22px; position: relative; font: 800 18px/1.35 'Poppins', sans-serif; color: var(--n-marinho); }
.n-faq summary::-webkit-details-marker { display: none; }
.n-faq summary::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background: var(--n-verde); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font: 900 22px/1 'Poppins', sans-serif; }
.n-faq details[open] summary::after { content: '–'; background: var(--n-marinho); }
.n-faq details p { padding: 0 22px 20px; font: 600 17px/1.6 'Nunito', sans-serif; color: var(--n-suave); }

/* cartões (sobre, recursos) */
.n-cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; margin-top: 36px; text-align: left; }
.n-cartao { padding: 24px; border-radius: 24px; background: #FFFFFF; color: var(--n-texto); box-shadow: 0 8px 0 rgba(0, 0, 0, .14); }
.pn-creme .n-cartao { box-shadow: inset 0 0 0 2px var(--n-linha), 0 8px 0 var(--n-linha); }
.n-cartao .ic { width: 58px; height: 58px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 30px; background: var(--n-creme2); margin-bottom: 14px; }
.n-cartao h3 { font-size: 20px; font-weight: 800; color: var(--n-marinho); margin-bottom: 8px; }
.n-cartao p { font: 600 16px/1.55 'Nunito', sans-serif; color: var(--n-suave); }

/* blog (últimos devocionais) */
.n-blog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 34px; text-align: left; }

/* aparecer ao rolar */
.cd-js-on .n-sobe { opacity: 0; transform: translateY(26px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .8, .2, 1); }
.cd-js-on .n-sobe.visto { opacity: 1; transform: none; }

/* celular */
@media (max-width: 860px) {
  .pn-duas, .n-experimente { grid-template-columns: 1fr; }
  .pn-duas.inverte > :first-child { order: 0; }
  .n-cels { margin-top: 20px; }
  .n-cel { width: 46vw; max-width: 220px; }
  .n-cels.tres .n-cel { width: 28vw; }
  .n-cels.tres .n-cel + .n-cel { margin-left: 8px; }
  .n-mosaico { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .n-tema span { font-size: 11px; padding: 6px; left: 5px; right: 5px; top: 30px; }
  .n-blog { grid-template-columns: 1fr; }
  .n-xuxu { width: 100px; }
  .n-botoes .n-btn { flex: 1 1 100%; }
  .n-livro { width: 130px; left: -30px; bottom: -30px; }
}
@media (prefers-reduced-motion: reduce) {
  .cdn *, .cd-js-on .n-sobe { animation: none !important; transition: none !important; }
  .cd-js-on .n-sobe { opacity: 1; transform: none; }
}

/* idioma: blocos com conteúdo diferente por idioma (o resto troca pelo data-en / data-es) */
.l-en, .l-es { display: none; }
html[data-cdl="en"] .l-pt, html[data-cdl="es"] .l-pt { display: none; }
html[data-cdl="en"] .l-en, html[data-cdl="es"] .l-es { display: block; }

/* peças */
.n-cels-wrap { position: relative; }
.n-xuxu-grande { width: clamp(200px, 30vw, 340px) !important; right: 10% !important; bottom: 0 !important; }
.n-lista { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 10px; max-width: 560px; }
.n-lista li { position: relative; padding: 12px 14px 12px 46px; border-radius: 16px; background: #24496A; font: 700 17px/1.45 'Nunito', sans-serif; }
.pn-azul .n-lista li { background: #2783C2; }
.pn-verde .n-lista li { background: #2F8F5B; }
.n-lista li::before { content: '✓'; position: absolute; left: 14px; top: 11px; width: 22px; height: 22px; border-radius: 50%; background: #FFFFFF; color: var(--n-verde); display: flex; align-items: center; justify-content: center; font: 900 13px/1 'Poppins', sans-serif; }
.n-loja { min-height: 64px; padding: 0 22px; gap: 12px; }
.n-loja span { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.n-loja small { font: 700 12px/1 'Nunito', sans-serif; opacity: .8; }
.n-loja b { font: 800 19px/1.1 'Poppins', sans-serif; }
.n-centro-lojas { justify-content: center; }
.n-quiz .ok-t, .n-quiz .nao-t { display: none; }
.n-quiz.acertou .ok-t, .n-quiz.errou .nao-t { display: block; color: var(--n-marinho); font: 800 17px/1.3 'Poppins', sans-serif; }
.n-resp p { margin-top: 4px; }
.n-monte.completo .n-blocos.alvo { box-shadow: inset 0 0 0 2px var(--n-verde); }
.n-monte.completo h3 { color: var(--n-verde); }
.n-form-caixa { max-width: 760px; margin: 0 auto; padding: clamp(22px, 4vw, 40px); border-radius: 28px; background: #FFFFFF; box-shadow: inset 0 0 0 2px var(--n-linha), 0 10px 0 var(--n-linha); }
.n-form-caixa h2 { margin-bottom: 18px; color: var(--n-marinho); }
.n-form-caixa .wpforms-submit { background: var(--n-verde) !important; color: #FFFFFF !important; border: 0 !important; border-radius: 16px !important; padding: 14px 28px !important; font: 800 17px/1 'Poppins', sans-serif !important; box-shadow: 0 6px 0 var(--n-verde-s) !important; cursor: pointer; }
.n-form-caixa input, .n-form-caixa textarea { border-radius: 14px !important; border: 2px solid var(--n-linha) !important; padding: 12px 14px !important; font: 600 16px/1.4 'Nunito', sans-serif !important; }
.n-final { padding-bottom: clamp(70px, 9vw, 120px); }

/* cena viva (mesma do blog) */
.n-palco .cdb-cena { position: relative; width: 100%; aspect-ratio: 2 / 1; overflow: hidden; background: #CDE4F3; }
.n-palco .cdb-cena-fundo { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.n-palco .cdb-cena-obj { position: absolute; z-index: 2; pointer-events: none; }
.n-palco .cdb-cena-reserva { position: absolute; inset: 0; z-index: 3; }
.n-palco .cdb-cena.viva .cdb-cena-reserva { opacity: 0; }

/* blog na página inicial */
.n-blog .n-post { display: block; border-radius: 22px; overflow: hidden; background: #FFFFFF; text-decoration: none !important; color: var(--n-texto); box-shadow: inset 0 0 0 2px var(--n-linha), 0 8px 0 var(--n-linha); transition: transform .2s ease; }
@media (hover: hover) { .n-blog .n-post:hover { transform: translateY(-4px); } }
.n-blog .n-post img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; display: block; }
.n-blog .n-post b { display: block; padding: 14px 16px 4px; font: 800 18px/1.3 'Poppins', sans-serif; color: var(--n-marinho); }
.n-blog .n-post span { display: block; padding: 0 16px 16px; font: 700 14px/1.4 'Nunito', sans-serif; color: var(--n-suave); }
/* respiro entre título e texto */
.n-titulo + .n-sub, .n-titulo-m + .n-sub, h1 + .n-sub, h2 + .n-sub { margin-top: 26px; }
.n-hero h1 { margin-bottom: 10px; }
.n-destaque { line-height: 1.12; }

/* painel "Versículos e imagens para o seu dia" logo depois do topo do Início (15/10, v2) */
.n-iscas { background: var(--n-creme); padding: 56px 0 60px; }
.n-iscas-topo { text-align: center; margin-bottom: 26px; }
.n-iscas-topo .n-sobrelinha { color: var(--n-verde); }
.n-iscas-topo .n-titulo-m { color: var(--n-marinho); margin: 8px 0 0; }
.n-isca-temas { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.n-isca-tema { display: flex; flex-direction: column; gap: 4px; padding: 10px 10px 14px; border-radius: 22px; background: #FFFFFF; text-decoration: none !important;
  color: var(--n-marinho) !important; box-shadow: 0 6px 0 var(--n-linha); transition: transform .15s ease, box-shadow .15s ease; }
@media (hover: hover) { .n-isca-tema:hover { transform: translateY(-4px); box-shadow: 0 10px 0 var(--n-linha); } }
.n-isca-tema:active { transform: translateY(4px); box-shadow: 0 2px 0 var(--n-linha); }
.n-isca-foto { display: block; aspect-ratio: 3 / 4; border-radius: 14px; overflow: hidden; background: var(--c, var(--n-marinho)); margin-bottom: 8px; }
.n-isca-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.n-isca-tema b { font: 900 17px/1.15 'Poppins', sans-serif; padding: 0 4px; }
.n-isca-tema small { font: 700 13px/1.2 'Nunito', sans-serif; color: var(--n-suave); padding: 0 4px; }
.n-isca-mais .n-isca-foto { display: flex; align-items: center; justify-content: center; background: var(--n-marinho); }
.n-isca-mais i { font: normal 900 34px/1 'Poppins', sans-serif; color: var(--n-ouro); }
.n-isca-img { display: grid; grid-template-columns: 260px minmax(0, 1fr); align-items: center; gap: 28px; margin-top: 26px; padding: 22px 28px; border-radius: 26px;
  background: var(--n-verde); color: #FFFFFF !important; text-decoration: none !important; box-shadow: 0 8px 0 var(--n-verde-s); overflow: hidden; }
.n-isca-img:active { transform: translateY(5px); box-shadow: 0 3px 0 var(--n-verde-s); }
.n-isca-leque { position: relative; display: block; height: 200px; }
.n-isca-leque img { position: absolute; top: 4px; left: 50%; width: 98px; height: auto; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 12px; border: 3px solid #FFFFFF; box-shadow: 0 6px 0 rgba(0, 0, 0, .18); }
.n-isca-leque img:nth-child(1) { transform: translateX(-104%) rotate(-9deg); }
.n-isca-leque img:nth-child(2) { transform: translateX(-50%); z-index: 2; top: 0; }
.n-isca-leque img:nth-child(3) { transform: translateX(4%) rotate(9deg); }
.n-isca-img-txt { display: flex; flex-direction: column; gap: 8px; }
.n-isca-img-txt b { font: 900 clamp(26px, 3.4vw, 34px)/1.1 'Poppins', sans-serif; }
.n-isca-img-txt span { font: 700 17px/1.45 'Nunito', sans-serif; color: #E4F6EA; }
.n-isca-img-txt em { align-self: flex-start; margin-top: 4px; padding: 11px 18px; border-radius: 999px; background: #FFFFFF; color: var(--n-verde-s); font: normal 800 15px/1 'Poppins', sans-serif; box-shadow: 0 4px 0 rgba(0, 0, 0, .15); }
@media (max-width: 860px) {
  .n-iscas { padding: 40px 0 44px; }
  .n-isca-temas { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 16px; gap: 12px; padding: 4px 16px 14px; margin: 0 -16px; scrollbar-width: none; }
  .n-isca-temas::-webkit-scrollbar { display: none; }
  .n-isca-tema { flex: 0 0 132px; scroll-snap-align: start; }
  .n-isca-img { grid-template-columns: 1fr; gap: 14px; padding: 22px 20px 24px; text-align: center; }
  .n-isca-leque { height: 170px; }
  .n-isca-leque img { width: 86px; }
  .n-isca-img-txt em { align-self: center; }
}

/* toque no celular (15/10): sem atraso de toque duplo e sem o "hover grudado" do iPhone, que comia o 1º toque */
button, a.cdb-btn3d, .cdb-op, .cdb-sentimento, .cdb-vs-btn, .cdb-pessoa, .cdb-isca-tema, .n-btn, .n-isca-tema, .n-isca-img { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }

/* 15/10: título não fica mais embaixo dos celulares (o do meio sobe 26 px) e o texto de baixo não encosta na sombra */
.n-titulo + .n-cels, .n-titulo-m + .n-cels { margin-top: 60px; }
.n-cels + .n-sub { margin-top: 44px; }
@media (max-width: 860px) { .n-titulo + .n-cels, .n-titulo-m + .n-cels { margin-top: 48px; } .n-cels + .n-sub { margin-top: 36px; } }

/* faixa "Leituras" no Início (16/10) */
.n-leituras .n-titulo-m { margin: 8px 0 26px; }
.n-leit-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 26px; }
.n-leit { display: flex; flex-direction: column; gap: 4px; padding: 18px 18px 16px; border-radius: 22px; background: #FFFFFF; color: var(--n-marinho) !important; text-decoration: none !important;
  box-shadow: inset 0 0 0 2px var(--n-linha), 0 6px 0 var(--n-linha); border-top: 6px solid var(--c); transition: transform .15s ease, box-shadow .15s ease; }
.n-leit-ic { font-size: 28px; line-height: 1; margin-bottom: 4px; }
.n-leit b { font: 900 18px/1.2 'Poppins', sans-serif; }
.n-leit small { font: 700 14px/1.35 'Nunito', sans-serif; color: var(--n-suave); }
.n-leit:active { transform: translateY(4px); box-shadow: inset 0 0 0 2px var(--n-linha), 0 2px 0 var(--n-linha); }
@media (hover: hover) { .n-leit:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 2px var(--c), 0 9px 0 var(--n-linha); } }
@media (max-width: 860px) { .n-leit-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .n-leit { padding: 14px; } .n-leit b { font-size: 16px; } }