/* Força títulos e links do rodapé a aparecerem com cor escura */
footer * {
  color: #4a2c2a !important;
  fill: #4a2c2a !important;
}

/* Se o rodapé for um elemento com outro nome, pega todos os elementos finais da página */
body > div:last-child *,
body > footer *,
body footer *,
body .footer *,
body .rodape * {
  color: #4a2c2a !important;
  fill: #4a2c2a !important;
}

/* Corrige fundo claro se necessário */
footer, 
body > footer,
body .footer,
body .rodape {
  background-color: #fffaf7 !important;
}

/* Landing Devocional – ESCOPO GERAL */
#lp-devocional *{box-sizing:border-box}
#lp-devocional{font-family:Arial,Helvetica,sans-serif;color:#3A2E2A;background:#F4E7DC}
#lp-devocional img{max-width:100%;height:auto;display:block}
#lp-devocional .wrap{max-width:1140px;margin:0 auto;padding:20px}
#lp-devocional h1,#lp-devocional h2,#lp-devocional h3{margin:0 0 10px;line-height:1.15}
#lp-devocional p{margin:0 0 12px;color:#5a4e48}
#lp-devocional .cta{display:inline-block;padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:700;background:#B8705C;color:#fff}
#lp-devocional .cta:hover{opacity:.92}

/* HERO */
#lp-devocional .hero{position:relative;border-radius:24px;overflow:hidden;background:#EED8C9}
#lp-devocional .hero-grid{display:grid;gap:18px;align-items:center}
#lp-devocional .hero-left{padding:24px}
/* fallback p/ clamp: usa um tamanho padrão + ajusta no media query */
#lp-devocional .hero-title{font-size:32px;color:#3a2e2a}
#lp-devocional .hero-sub{font-size:16px}
/* fallback p/ aspect-ratio */
#lp-devocional .hero-media{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#000}
#lp-devocional .hero-media::before{content:"";display:block;padding-top:56.25%} /* 16:9 */
#lp-devocional .hero-media iframe{position:absolute;inset:0;width:100%;height:100%}

#lp-devocional .section{padding:36px 0}
#lp-devocional .card{background:#fff;border:1px solid #ead9ce;border-radius:18px;padding:18px}
#lp-devocional .muted{color:#7b6c66}
#lp-devocional .circle-img{border-radius:999px;overflow:hidden}
#lp-devocional .grid{display:grid;gap:16px}
#lp-devocional .cols-2{grid-template-columns:1fr}
#lp-devocional .cols-3{grid-template-columns:1fr}
#lp-devocional .bg-soft{background:#F8EFE8;border-radius:20px}
#lp-devocional .bg-brown{background:#6A584F;color:#F6ECE6}
#lp-devocional .bg-brown p{color:#F6ECE6}
#lp-devocional .pill{display:inline-block;padding:10px 14px;border-radius:999px;background:#E7C4B6;color:#5a3f37;font-weight:700}
#lp-devocional .testi{display:grid;gap:16px;align-items:center}
#lp-devocional .bubble{background:#fff;border:1px solid #ead9ce;border-radius:14px;padding:12px}
#lp-devocional .who{font-weight:700;color:#3a2e2a}
#lp-devocional .cta-box{border:1px solid #ead9ce;border-radius:18px;padding:18px;background:#fff;text-align:center}
#lp-devocional .mini{font-size:13px;color:#7b6c66}

/* RESPONSIVO */
@media (min-width:768px){
  #lp-devocional .hero-title{font-size:44px}
  #lp-devocional .hero-sub{font-size:18px}
  #lp-devocional .hero-grid{grid-template-columns:1.1fr 0.9fr}  /* zero à esquerda */
  #lp-devocional .cols-2{grid-template-columns:1fr 1fr}
  #lp-devocional .cols-3{grid-template-columns:repeat(3,1fr)}
  #lp-devocional .testi{grid-template-columns:0.8fr 1.2fr}
}

/* (Opcional) esconder header/rodapé SÓ nessa URL */
body[data-url$="/pagina/devocional.html"] .header,
body[data-url$="/pagina/devocional.html"] .menu,
body[data-url$="/pagina/devocional.html"] .footer,
body[data-url$="/pagina/devocional.html"] .rodape,
body[data-url$="/pagina/devocional.html"] .barra-topo{display:none!important}