/* Plugin inchurch-novidades — central de novidades (recriação do Framer) (campanhas.inchurch.com.br/novidades/home)
   Breakpoints iguais aos do Framer: celular < 810 · tablet 810–1439 · desktop ≥ 1440 */
@font-face{font-family:"Involve";src:url(fonts/Involve-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Involve";src:url(fonts/Involve-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Involve";src:url(fonts/Involve-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Involve";src:url(fonts/Involve-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --verde:#90BE42; --verde-10:rgba(144,190,66,.1); --cinza:#4C4C4C; --cinza-2:#323232; --cinza-3:#808080;
  --fundo:#FAFAFA; --borda:rgba(76,76,76,.1);
  --wrap:1216px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--fundo);color:#000;font-family:"Involve",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,p,ul,ol{margin:0}
ul{padding:0;list-style:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
.wrap{width:var(--wrap);margin-inline:auto}
:focus-visible{outline:3px solid var(--verde);outline-offset:3px;border-radius:6px}
.so-mobile{display:none!important}

/* botão verde */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:48px;padding:0 24px;border-radius:8px;background:var(--verde);color:#fff;font-weight:500;font-size:16px;line-height:24px;white-space:nowrap;transition:background-color .2s ease}
.btn .seta{width:36px;height:36px;flex:none;margin-right:-8px}
@media (hover:hover){.btn:hover{background:#82b032}}

/* ---------------- cabeçalho */
.topo{height:100px}
.topo__in{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 14px}
.topo__logo img{width:192px;height:35px}
.topo__btn{width:215px}

/* ---------------- hero (home) */
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 0 0}
.hero__olho{font-size:16px;line-height:24px;letter-spacing:.2em;text-transform:uppercase;color:var(--verde)}
.hero__t{margin-top:24px;font-weight:700;font-size:56px;line-height:1.3;letter-spacing:.01em}
.hero__p{margin-top:16px;max-width:826px;font-weight:600;font-size:20px;line-height:32px;letter-spacing:.01em;color:var(--cinza-2)}
.hero__btn{margin-top:40px;width:215px}

/* títulos de seção */
.secao-t{font-weight:600;font-size:40px;line-height:52px;letter-spacing:.01em}

/* pill de categoria e tags */
.pill{display:inline-block;padding:8px 16px;border-radius:4px;background:var(--verde-10);color:var(--verde);font-weight:500;font-size:16px;line-height:20.8px;letter-spacing:.01em;text-transform:uppercase}
.tags{display:flex;flex-wrap:wrap;gap:16px}
.tags li{padding:3px 15px;border:1px solid var(--cinza);border-radius:100px;font-size:16px;line-height:21.6px;letter-spacing:.01em;color:var(--cinza)}

/* artes */
.arte{display:block;overflow:hidden}
.arte img{width:100%;height:auto}

/* ---------------- destaques (home) */
.destaques{margin-top:160px}
.destaques__grid{display:grid;grid-template-columns:592px 596px;justify-content:space-between;margin-top:40px}
.destaques__col{display:flex;flex-direction:column;gap:49px}
.dest{display:flex;color:#000}
.dest--grande{flex-direction:column}
.dest--grande .dest__titulo{display:flex;justify-content:space-between;align-items:flex-start;gap:0;margin-top:4px;font-weight:600;font-size:32px;line-height:41.6px;letter-spacing:.01em}
.dest--grande .dest__titulo .seta{width:36px;height:36px;flex:none;margin-top:4px}
.dest--grande .dest__resumo{margin-top:12px}
.dest--grande .dest__rodape{margin-top:24px}
.dest--grande .arte{margin-top:48px;border-radius:16px}
.dest__resumo{font-size:16px;line-height:21.6px;letter-spacing:.01em;color:var(--cinza)}
.dest:not(.dest--grande) .dest__resumo{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.dest:not(.dest--grande) .dest__titulo{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dest__rodape{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dest__rodape .post__data{color:rgba(76,76,76,.3);display:none}
.dest:not(.dest--grande){height:279px;gap:24px}
.dest:not(.dest--grande) .arte{order:-1;flex:none;width:311px;height:279px;border-radius:16px}
.dest:not(.dest--grande) .arte img{height:100%;object-fit:cover}
.dest:not(.dest--grande) .dest__txt{padding-top:24px;max-width:283px}
.dest:not(.dest--grande) .pill{font-size:14px;line-height:18.2px}
.dest:not(.dest--grande) .dest__titulo{margin-top:15px;font-weight:600;font-size:21px;line-height:27.3px;letter-spacing:.01em}
.dest:not(.dest--grande) .dest__resumo{margin-top:15px}
.dest:not(.dest--grande) .dest__rodape{margin-top:24px}
.dest:not(.dest--grande) .tags{gap:11px}
.dest:not(.dest--grande) .tags li{padding:3px 15px;font-size:12px;line-height:16.2px}
@media (hover:hover){.dest .dest__titulo{transition:color .2s}.dest:hover .dest__titulo{color:#3d5a14}}

/* ---------------- banner */
.banner{display:block;margin-top:104px;border:2.15px solid var(--borda);border-radius:17px;overflow:hidden;aspect-ratio:1218/367;width:1218px}
.banner img{width:100%;height:100%;object-fit:cover}

/* ---------------- lista de posts */
.lista{display:flex;flex-direction:column;gap:56px}
.lista__t{margin:80px 0 0}
.pagina .lista{margin-top:56px}
.post{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:48px 34px}
.post__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.post__data{font-weight:500;font-size:16px;line-height:20.8px;letter-spacing:.01em;color:var(--cinza);text-align:right;white-space:nowrap}
.post__titulo{margin-top:24px;font-weight:600;font-size:40px;line-height:52px;letter-spacing:.01em}
.post__titulo a{transition:color .2s}
@media (hover:hover){.post__titulo a:hover{color:#3d5a14}}
.post__resumo{margin-top:24px;font-weight:500;font-size:24px;line-height:32.4px;letter-spacing:.01em}
.post .arte{margin-top:48px;border-radius:16px}
.arte-link{display:block}
.post--artigo .arte{margin-top:17px}
.post__rodape{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:48px}
.btn--cta{height:60px;width:310px;flex:none;padding:0 16px 0 32px}
.post--escuro{background:#000;color:#fff}
.post--escuro .tags li{border-color:#fff;color:#fff}
.post--escuro .post__data{color:rgba(255,255,255,.6)}

/* artigo */
.voltar{display:inline-flex;align-items:center;gap:8px;margin-top:80px;font-size:24px;line-height:36px;letter-spacing:-.02em;color:var(--cinza-3)}
.voltar__ico{display:grid;place-items:center;width:32px;height:32px;border:.5px solid var(--verde);border-radius:50%}
.voltar__ico svg{width:16px;height:16px}
.artigo{display:flex;flex-direction:column;gap:56px;margin-top:56px}
.corpo{margin-top:24px;font-weight:500;font-size:24px;line-height:32.4px;letter-spacing:.01em}
.corpo .sub{font-weight:700;font-size:32px;letter-spacing:.01em}
.corpo .sub{line-height:32.4px}.corpo .sub::first-line{line-height:43.2px}
.corpo p.vazio{height:32.4px}
.corpo>*+*{margin-top:32.4px}
.corpo h2,.corpo h3{font-weight:700;font-size:32px;line-height:43.2px;letter-spacing:.01em}
.corpo h3{font-size:26px;line-height:35px}
.corpo h2+*,.corpo h3+*{margin-top:16px}
.corpo li+li{margin-top:0}
.corpo figure{margin:0}
.corpo img{height:auto}
.corpo ol,.corpo ul{padding-left:26px;margin:0}
.corpo ol{list-style:decimal}.corpo ul{list-style:disc}
.corpo a{color:#3d7a00;text-decoration:underline}
.corpo strong{font-weight:700}
.corpo img{margin:24px 0;border-radius:16px}

/* paginação */
.paginacao{display:flex;justify-content:center;gap:16px;margin-top:80px}
.paginacao a{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--verde-10);color:var(--cinza);font-weight:500;font-size:16px;line-height:24px;transition:background-color .2s}
.paginacao a[aria-current]{background:var(--verde);color:#fff}
@media (hover:hover){.paginacao a:not([aria-current]):hover{background:rgba(144,190,66,.25)}}

/* chamada final */
.assine{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:104px;padding-bottom:80px}
.assine h2{max-width:348px;font-weight:600;font-size:32px;line-height:41.6px;letter-spacing:.01em}
.assine p{margin-top:24px;max-width:487px;font-size:20px;line-height:26px;letter-spacing:.01em}
.assine strong{font-weight:700}
.assine .btn{width:215px;flex:none}
.pagina .assine{margin-top:80px}

/* ---------------- rodapé */
.rodape{background:#000;color:#FBFBFB;padding:112px 0 96px}
.rodape a,.rodape span{transition:color .2s}
.rodape__top{display:flex;gap:0;padding-bottom:48px}
.rodape__marca{width:305px;padding-right:0;border-right:3px solid rgba(255,255,255,.1);margin-right:158px;padding-top:0}
.rodape__marca .logo-rodape{width:139px;height:33px;display:block}
.rodape__marca p{font-size:18px;line-height:27px;margin-top:16px;max-width:305px}
.rodape__marca p+p{margin-top:16px}
.rodape__redes{display:flex;align-items:center;gap:24px;margin-top:40px;padding-top:24px;border-top:4px solid rgba(255,255,255,.1);max-width:294px}
.rodape__ico{display:grid;grid-template-columns:32px 32px;gap:8px 10px}
.rodape__ico a{display:grid;place-items:center;width:32px;height:32px;border:.5px solid var(--verde);border-radius:50%}
.rodape__ico a:first-child{background:rgba(144,190,66,.3)}
.rodape__ico svg{width:16px;height:16px}
.rodape__redes span{max-width:118px;font-size:16px;line-height:24px}
.rodape__cols{display:flex;gap:50px;flex:1}
.rodape__cols div{display:flex;flex-direction:column;gap:22px}
.rodape__cols h3{font-weight:400;font-size:16px;line-height:24px;padding-bottom:12px;border-bottom:4px solid rgba(255,255,255,.1);margin-bottom:2px;min-width:133px}
.rodape__cols a,.rodape__cols span{font-size:16px;line-height:16px;letter-spacing:-.02em;color:#fff}
@media (hover:hover){.rodape__cols a:hover,.rodape__tel:hover,.rodape__subir:hover{color:var(--verde)}}
.rodape__meio{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding:56px 0;border-top:4px solid rgba(255,255,255,.1);border-bottom:4px solid rgba(255,255,255,.1);font-size:16px;line-height:24px;letter-spacing:-.02em}
.rodape__meio>p:first-child{max-width:346px}
.rodape__end{display:flex;gap:16px;max-width:394px;color:var(--cinza-3)}
.rodape__tel{display:flex;align-items:center;gap:16px;color:var(--cinza-3);white-space:nowrap}
.rodape__circ{display:grid;place-items:center;width:32px;height:32px;flex:none;border:.5px solid var(--verde);border-radius:50%}
.rodape__circ svg{width:16px;height:16px}
.rodape__base{display:flex;align-items:center;gap:67px;padding-top:40px;font-size:16px;line-height:24px;letter-spacing:-.02em;color:var(--cinza-3)}
.rodape__subir{margin-left:auto;display:flex;align-items:center;gap:8px}

/* ---------------- pop-up do novo financeiro */
.pop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px}
.pop[hidden]{display:none}
.pop__fundo{position:absolute;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pop__card{outline:0;position:relative;width:668px;max-width:100%;aspect-ratio:668/433;border-radius:16.5px;border:3.3px solid rgba(255,255,255,.1);background:#070804;overflow:hidden;color:#fff}
.pop__arte{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pop__txt{position:absolute;left:0;right:0;top:194px;display:flex;flex-direction:column;align-items:center;text-align:center}
.pop__t{max-width:523px;font-weight:700;font-size:41px;line-height:37.4px;letter-spacing:-1.48px;background:radial-gradient(72.8% 447% at 27.2% 67.7%,#fff 0%,rgba(255,255,255,.3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pop__p{margin-top:16px;max-width:494px;font-weight:500;font-size:14px;line-height:21px;color:#BBB}
.pop__btns{display:flex;gap:9px;margin-top:20px}
.pop__ir{display:flex;align-items:center;width:397px;height:56px;padding:6px 9px;border:1.88px solid rgba(255,255,255,.3);border-radius:999px}
.pop__ir span{display:grid;place-items:center;width:100%;height:100%;border-radius:999px;background:#86BD00;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:0}
.pop__fechar{width:151px;height:56px;border:1.88px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(0,0,0,.12);color:rgba(255,255,255,.5);font:700 15px/1 "Involve",sans-serif;text-transform:uppercase;cursor:pointer}
@media (hover:hover){.pop__ir:hover span{background:#97d200}.pop__fechar:hover{color:#fff}}

/* ================= TABLET 810–1439 ================= */
@media (max-width:1439px){
  :root{--wrap:688px}
  .topo__in{padding:0}
  .hero__t{max-width:688px;font-size:44px}
  .hero__p{max-width:694px}
  .destaques{margin-top:120px}
  .destaques__grid{display:flex;flex-direction:column;gap:32px}
  .dest__rodape .post__data{display:block}
  .destaques__col{gap:41px}
  .dest:not(.dest--grande){width:592px}
  .banner{width:694px;margin-top:80px}
  .lista{gap:55px}
  .post{border-radius:9px;padding:27px 19px 28px}
  .pill{font-size:14px;line-height:18.2px;padding:6px 12px}
  .post__data{font-size:14px;line-height:18.2px}
  .post__titulo{margin-top:13px;font-size:24px;line-height:31.2px}
  .post__resumo{margin-top:14px;font-size:16px;line-height:21.6px;max-width:613px}
  .post .arte{margin-top:27px;border-radius:9px}
  .post__rodape{margin-top:27px}
  .tags{gap:8px}
  .tags li{padding:2px 10px;font-size:14px;line-height:18px}
  .btn--cta{height:52px}
  .voltar{margin-top:56px;font-size:20px}
  .corpo{margin-top:24px;font-size:16px;line-height:21.6px}
  .corpo .sub{font-size:22px;line-height:21.6px}.corpo .sub::first-line{line-height:29.7px}
  .post--artigo .arte{margin-top:16px}
  .corpo p.vazio{height:21.6px}
  .corpo>*+*{margin-top:21.6px}
  .corpo h2{font-size:22px;line-height:29.7px}
  .corpo h3{font-size:19px;line-height:26px}
  .corpo h2+*,.corpo h3+*{margin-top:12px}
  .corpo ol,.corpo ul{padding-left:18px}
  .assine{flex-wrap:wrap}
  .rodape{padding:80px 0 64px}
  .rodape__top{flex-direction:column;gap:48px}
  .rodape__marca{border-right:0;margin-right:0;width:auto}
  .rodape__cols{flex-wrap:wrap;gap:40px 50px}
  .rodape__meio{flex-direction:column;gap:24px}
  .rodape__base{gap:32px;flex-wrap:wrap}
}

/* ================= CELULAR < 810 ================= */
@media (max-width:809px){
  :root{--wrap:calc(100% - 66px)}
  .so-mobile{display:revert!important}
  .post.so-mobile{display:block!important}
  .so-desktop{display:none!important}
  .topo{height:auto}
  .topo__in{padding:40px 0 0;justify-content:flex-start}
  .topo__logo img{width:179px;height:34px}
  .topo__btn{display:none}
  .hero{align-items:flex-start;text-align:left;padding-top:40px;width:calc(100% - 58px)}
  .hero__olho,.br-d{display:none}
  .hero__t{margin-top:0;max-width:238px;font-weight:600;font-size:36px;line-height:46.8px}
  .hero__p{max-width:264px;font-size:15px;line-height:24px}
  .hero__btn{margin-top:24px;width:100%;height:56px;font-weight:700}
  .hero__btn .so-mobile{display:inline-flex!important}
  .destaques,.banner,.lista__t{display:none}
  .lista{gap:32px;margin-top:40px}
  .pagina .lista{margin-top:32px}
  .post{border-radius:16px;padding:48px 17px}
  .post__meta{flex-direction:column}
  .lista--home .post__data{display:none}
  .pagina .post__meta{flex-direction:column-reverse;align-items:flex-start;gap:32px}
  .pagina .post__data{text-align:left}
  .topo--centro .topo__in{justify-content:center}
  .pill{font-size:14px;line-height:18.2px;padding:8px 16px}
  .post__titulo{margin-top:17px;max-width:266px;font-size:31px;line-height:40.3px;letter-spacing:.01em;overflow-wrap:anywhere}
  .post__resumo{margin-top:16px;max-width:273px;font-size:16px;line-height:21.6px}
  .post .arte{margin-top:48px;border-radius:4px}
  .post__rodape{flex-direction:column;align-items:stretch;gap:39px;margin-top:48px}
  .tags{gap:16px}
  .tags li{padding:3px 15px;font-size:16px;line-height:21.6px}
  .btn--cta{width:100%;height:52px}
  .voltar{margin-top:40px;font-size:16px;line-height:24px}
  .artigo{gap:32px;margin-top:32px}
  .paginacao{gap:8px;margin-top:56px;flex-wrap:wrap}
  .paginacao a{width:40px;height:40px}
  .assine{flex-direction:column;align-items:stretch;margin-top:80px;gap:24px}
  .assine h2{font-size:28px;line-height:36px}
  .assine p{font-size:16px;line-height:22px;margin-top:16px}
  .assine .btn{width:100%;height:52px}
  .rodape{padding:64px 0 48px}
  .rodape__cols{gap:32px 40px}
  .rodape__cols div{min-width:40%}
  .rodape__base{flex-direction:column;align-items:flex-start;gap:16px}
  .rodape__subir{margin-left:0}
  .pop{display:none!important}
}
@media (max-width:359px){:root{--wrap:calc(100% - 32px)}.hero{width:calc(100% - 32px)}.post__titulo{font-size:26px;line-height:34px}}
