/* Home em TRES colunas de CONTEUDO (29/09/2026 — antes eram duas + o lado):
   coluna 1 "Cifras em alta agora", coluna 2 "Toque facil" + "Musicas para
   missa" (cifranet_home_facil_markup) e coluna 3 "Artistas mais buscados" com o
   cartao da proxima Missa; a coluna da direita (290px) traz o convite da conta e
   o cartao da outra rede.
   ATENCAO: a pagina tem a coluna fixa da esquerda (300px, ver .cfn-lado), entao
   a largura UTIL e janela - 300. Em 1500px de janela sobram 1200px: por isso as
   colunas laterais sao enxutas (290px medido) e o ponto de quebra e 1200px.
   Com as listas em UMA coluna (24/09/2026) o miolo pode ser estreito: nao existe
   mais o problema de duas cifras espremidas lado a lado. */
.cfn-home{width:min(1400px,calc(100% - 28px));margin:14px auto 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 290px;gap:20px;align-items:start;min-width:0}
.cfn-home *{box-sizing:border-box}
/* Os itens do grid NAO podem ter min-width auto: o cartao do convite pedia 353px,
   nao cabia na coluna de 320px e AVANCAVA por cima do bloco do meio (medido:
   invadia 17px do "Cifras em alta agora" — era o que aparecia como "uma parte em
   cima da outra", 24/09/2026). Com min-width:0 cada item respeita a sua coluna. */
.cfn-home > *{min-width:0}
/* Coluna de apoio da home: o movimento do membro, quem está em alta e o cartão
   da outra rede — o mesmo papel da coluna da direita na área /social/. */
.cfn-home-lado{display:flex;flex-direction:column;gap:14px;min-width:0;align-self:stretch}
.cfn-home-lado > *{min-width:0}
.cfn-home-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:16px 18px;box-shadow:0 10px 26px rgba(15,35,66,.05)}
.cfn-home-card h3{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;font-size:15.5px;color:#0b2447 !important}
.cfn-home-nota{margin-left:auto;font-size:11px;font-weight:700;color:#94a3b8 !important;text-transform:uppercase;letter-spacing:.08em}
.cfn-home-card p{margin:0;font-size:13.5px;line-height:1.6;color:#64748b}
.cfn-home-card .cfn-home-btn{border-color:#cbd5e1;background:#ffffff;color:#0b2447}
.cfn-home-card .cfn-home-btn:hover{background:#eef1f6}
.cfn-home-card .cfn-home-btn-forte{background:#c2410c;border-color:#c2410c;color:#ffffff}
.cfn-home-card .cfn-home-btn-forte:hover{background:#a8360a}
/* 25/09/2026: as regras .cfn-home-nums / .cfn-home-num sairam com o cartao "Seu
   movimento" (era o unico lugar que usava os numeros em caixinha). */
.cfn-home-lista{display:grid;gap:8px;margin:0}
.cfn-home-lista a{display:flex;align-items:center;gap:10px;text-decoration:none !important;color:#0b2447 !important;font-size:14px;font-weight:700;min-width:0}
.cfn-home-lista a:hover b{color:#c2410c}
.cfn-home-lista .n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:#eef1f6;color:#0b2447;font-size:11.5px;font-weight:900;flex:0 0 auto}
.cfn-home-lista a:nth-child(1) .n{background:#c2410c;color:#ffffff}
.cfn-home-lista a:nth-child(2) .n{background:#0b2447;color:#ffffff}
.cfn-home-lista b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfn-home-lista a span{color:#94a3b8;font-size:12px;font-weight:600;margin-left:auto;white-space:nowrap}
/* Coluna do MEIO: "Toque fácil" + "Músicas para missa" (29/09/2026).
   Cartao proprio (`cfn-facil-card`), e nao .home-section, para nao entrar no
   recorte do miolo da home — ver cifranet_social_home_ajustar(). */
.cfn-facil-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:16px 18px;box-shadow:0 10px 26px rgba(15,35,66,.05);min-width:0}
.cfn-facil-cabeca h2{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font-size:15.5px;color:#0b2447 !important}
.cfn-facil-cabeca p{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:#94a3b8}
.cfn-facil-lista{display:grid;gap:6px}
.cfn-facil-lista a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;border:1px solid #eef1f6;border-radius:14px;background:#f8fafc;color:#0b2447 !important;text-decoration:none !important;font-size:14px;font-weight:700;min-width:0}
.cfn-facil-lista a:hover{background:#eef1f6;border-color:#e2e8f0}
.cfn-facil-lista b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#c2410c;color:#ffffff;font-size:13.5px;font-weight:900}
.cfn-facil-missa{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
/* 28 categorias (29/09/2026): com os rotulos antigos (7px de folga) o cartao ia a
   ~840px de altura em UMA coluna. Os itens ficaram mais justos e, quando a home
   empilha (ate 1200px, quando o cartao ganha a largura toda), viram DUAS colunas.
   O texto pode quebrar em duas linhas: truncar nome de categoria e pior que a
   linha extra. */
.cfn-facil-missa a{padding:5px 8px;border:1px solid transparent;border-radius:10px;color:#0b2447 !important;text-decoration:none !important;font-size:13px;line-height:1.32;font-weight:700;min-width:0}
.cfn-facil-missa a:hover{background:#f8fafc;border-color:#eef1f6}
@media(max-width:1200px){
.cfn-facil-missa{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
.cfn-facil-missa{grid-template-columns:minmax(0,1fr)}
}
/* As DUAS colunas de conteudo da home (25/09/2026): a coluna 1 recebe "Cifras
   em alta agora" (o lugar do feed, que saiu) e a coluna 2 recebe "Artistas mais
   buscados" e, abaixo, o cartao da proxima Missa. Os blocos sao os ORIGINAIS do
   site, movidos por cifranet_social_home_ajustar(). O markup e o do proprio
   site; aqui entra o cartao branco, a largura e a LISTA em uma coluna (pedido de
   24/09/2026: "somente em uma coluna listando as 10, dessa forma ficara mais
   facil para ver os nomes sem cortar"). O nome .cfn-home-coluna substituiu
   .cfn-home-coluna, que era so a coluna do meio. */
.cfn-home-coluna{display:flex;flex-direction:column;gap:18px;min-width:0;align-self:stretch}
.cfn-home-coluna > .home-section{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:18px 20px;box-shadow:0 10px 26px rgba(15,35,66,.05);min-width:0;border-bottom:1px solid #e2e8f0}
.cfn-home-coluna > .home-section .container{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important}
.cfn-home-coluna > .home-section .home-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:nowrap;margin-bottom:14px}
.cfn-home-coluna > .home-section .home-section-head > div{min-width:0}
.cfn-home-coluna > .home-section .home-section-head h2{font-size:19px;margin:0 0 4px}
.cfn-home-coluna > .home-section .home-section-head p{margin:0}
.cfn-home-coluna > .home-section .home-see-all{white-space:nowrap;flex:0 0 auto}
/* Cifras: UMA por linha. O original usa 5 colunas (.trending-row) e corta o
   nome com reticencias (.trending-copy strong{white-space:nowrap}) — os dois
   sao desfeitos aqui, senao o titulo vira "O..." na tela. */
.cfn-home-coluna > .home-section .trending-row{grid-template-columns:minmax(0,1fr) !important;gap:8px}
.cfn-home-coluna > .home-section .trending-item{padding:6px 8px;border:1px solid transparent;border-radius:14px}
/* Cada peça na SUA coluna (numero / capa / nome+autor). Sem isto o tema, no
   celular, poe a capa com width:100% e embaralha as colunas — a imagem ficou
   achatada em 22px (medido em 24/09/2026). */
.cfn-home-coluna > .home-section .trending-item:before{grid-column:1;justify-self:center;align-self:center}
.cfn-home-coluna > .home-section .trending-item img{grid-column:2;aspect-ratio:auto;object-fit:cover}
.cfn-home-coluna > .home-section .trending-copy{grid-column:3}
.cfn-home-coluna > .home-section .trending-item:hover{background:#f8fafc;border-color:#eef1f6}
.cfn-home-coluna > .home-section .trending-copy{padding:0 !important}
.cfn-home-coluna > .home-section .trending-copy strong,
.cfn-home-coluna > .home-section .trending-copy span{white-space:normal !important;overflow:visible !important;text-overflow:clip !important}
.cfn-home-coluna > .home-section .trending-copy strong{font-size:14.5px}
/* Artistas: lista, um abaixo do outro, com o avatar REDONDO (pedido de
   24/09/2026). O original usa 10 colunas (.artist-row) com o nome embaixo. */
.cfn-home-coluna > .home-section .artist-row{grid-template-columns:minmax(0,1fr) !important;gap:6px}
.cfn-home-coluna > .home-section .artist-card{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;text-align:left;padding:6px 8px;border:1px solid transparent;border-radius:14px;font-size:14.5px}
.cfn-home-coluna > .home-section .artist-card:hover{background:#f8fafc;border-color:#eef1f6}
.cfn-home-coluna > .home-section .artist-card img{width:46px !important;height:46px !important;margin:0 !important;border-radius:50% !important;flex:0 0 auto}
.cfn-home-coluna > .home-section .artist-card span{display:block;font-weight:700;color:#0b2447;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* "Aprenda Violao" no fim da coluna da direita, em LISTA: um item abaixo do
   outro, com o icone numa caixinha (pedido de 24/09/2026). O original e uma
   grade de 7 colunas (4 e 2 nas telas menores). */
.cfn-home-aprenda{min-width:0}
.cfn-home-aprenda > .home-section{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:16px 18px;box-shadow:0 10px 26px rgba(15,35,66,.05);min-width:0}
.cfn-home-aprenda > .home-section .container{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important}
.cfn-home-aprenda > .home-section .home-section-head{margin-bottom:10px}
.cfn-home-aprenda > .home-section .home-section-head h2{font-size:15.5px;margin:0}
.cfn-home-aprenda > .home-section .learn-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.cfn-home-aprenda > .home-section .learn-row a{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:0;padding:8px 10px;border:1px solid transparent;border-right:0;border-bottom:0;border-radius:12px;font-size:14px;font-weight:700;color:#0b2447 !important;text-decoration:none !important;min-width:0}
.cfn-home-aprenda > .home-section .learn-row a:hover{background:#f8fafc;border-color:#eef1f6}
.cfn-home-aprenda > .home-section .learn-row a:last-child{border-bottom:0}
.cfn-home-aprenda > .home-section .learn-row b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;background:#eef1f6;color:#0b2447;font-size:13px;font-weight:900;flex:0 0 auto}
/* ── Propaganda nas SOBRAS das colunas da home (25/09/2026) ───────────────
   Pedido do responsavel: as duas areas da home que ficavam em branco passam a
   mostrar anuncio do Google — abaixo de "Cifras em alta agora" (coluna 1) e
   abaixo de "Aprenda Violao" (coluna da direita).
   Como funciona: as colunas deixaram de ter a altura do proprio conteudo e
   passaram a ter a ALTURA DA LINHA (align-self:stretch no item do grid). Dentro
   delas o ultimo bloco leva flex:1 — entao todo o espaco que sobra vira anuncio
   (min 250px para o Google ter onde desenhar). Na coluna do meio este mesmo
   papel ja era do cartao azul da proxima Missa. Assim nao sobra area branca em
   coluna nenhuma, seja qual for a altura das listas. */
.cfn-home-coluna.cfn-home-cifras > .cfn-sobra-anuncio,
.cfn-home-lado > .cfn-sobra-anuncio,
.cfn-home-coluna.cfn-home-artistas > .cfn-home-missa{flex:1 1 auto}
.cfn-sobra-anuncio{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;width:100%;min-width:0}
/* O anuncio e SO anuncio: sem caixa, sem borda, sem sombra e sem rotulo em volta
   (pedido do responsavel, 25/09/2026). A largura acompanha o espaco da coluna. */
.cfn-sobra-anuncio ins.adsbygoogle{display:block !important;width:100% !important;min-height:230px;margin:0 auto}
/* Faixas de largura total, abaixo do bloco da rede social: "Repertorios prontos
   para tocar", "Videos de Fe e Pregacoes" e "Materias e videos" ocupam a LINHA
   INTEIRA, de um lado ao outro (pedido de 24/09/2026). */
.cfn-home-faixas{width:min(1400px,calc(100% - 28px));margin:0 auto 10px;display:grid;gap:18px;min-width:0}
.cfn-home-faixas > *{min-width:0}
.cfn-home-faixas > .home-section{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:18px 20px;box-shadow:0 10px 26px rgba(15,35,66,.05);min-width:0}
.cfn-home-faixas > .home-section .container{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important}
.cfn-home-faixas > .home-section .home-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:nowrap;margin-bottom:14px}
.cfn-home-faixas > .home-section .home-section-head > div{min-width:0}
.cfn-home-faixas > .home-section .home-section-head h2{font-size:19px;margin:0 0 4px}
.cfn-home-faixas > .home-section .home-section-head p{margin:0}
.cfn-home-faixas > .home-section .home-repertoire-grid,
.cfn-home-faixas > .home-section .home-video-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px}
.cfn-home-btn-bloco{width:100%;margin-top:12px}
@media(max-width:1200px){
.cfn-home{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cfn-home-lado{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start}
.cfn-home-lado > .cfn-sobra-anuncio{grid-column:1 / -1}
}
@media(max-width:900px){
.cfn-home{grid-template-columns:minmax(0,1fr)}
.cfn-home-lado{grid-column:auto;grid-template-columns:minmax(0,1fr)}
/* No celular o feed mostra so os TRES ultimos acontecimentos (pedido de
   24/09/2026). O h1 (leitores de tela) e o titulo contam antes dos artigos,
   por isso nth-of-type — ele conta so os <article>. */
.cfn-home-fluxo > .cfn-home-post:nth-of-type(n+4){display:none}
/* Cifras em alta no celular: capa menor e o MESMO desenho do computador —
   imagem de um lado, nome e autor do outro. Sem isto, o tema empilha o item e
   a capa vira 295px de largura (medido em 24/09/2026). */
.cfn-home-coluna > .home-section .trending-item{display:grid !important;grid-template-columns:26px 46px minmax(0,1fr) !important;gap:8px;align-items:center}
.cfn-home-coluna > .home-section .trending-item img{grid-column:2;width:46px !important;height:46px !important;border-radius:8px !important;aspect-ratio:auto}
.cfn-home-coluna > .home-section .trending-item:before{grid-column:1;font-size:15px !important}
.cfn-home-coluna > .home-section .trending-copy{grid-column:3;display:block !important;padding:0 !important}
.cfn-home-coluna > .home-section .trending-copy strong{font-size:14px !important}
}
@media(max-width:640px){
.cfn-home-faixas > .home-section .home-repertoire-grid,
.cfn-home-faixas > .home-section .home-video-grid{grid-template-columns:minmax(0,1fr) !important}
}
/* Home em colunas (24/09/2026): as secoes de conteudo do site ficam lado a lado,
   em cartoes, aproveitando a largura que antes ficava vazia. */
.home-colunas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;width:min(1400px,calc(100% - 28px));margin:0 auto}
body.cifranet-shell.page-index .home-colunas > .home-section{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:18px 20px;box-shadow:0 10px 26px rgba(15,35,66,.05)}
body.cifranet-shell.page-index .home-colunas .home-section .container{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important}
body.cifranet-shell.page-index .home-colunas .trending-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px}
body.cifranet-shell.page-index .home-colunas .home-repertoire-grid,
body.cifranet-shell.page-index .home-colunas .home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px}
body.cifranet-shell.page-index .home-colunas .home-section-head{margin-bottom:14px}
body.cifranet-shell.page-index .home-colunas .home-section-head h2{font-size:19px}
/* O topo da home tinha uma faixa escura enorme. Sem o titulo antigo e sem a busca,
   ela vira uma tarja clara e discreta: os atalhos de estilo e o destaque da Missa
   continuam ali, sem ocupar meia tela (24/09/2026). */
body.cifranet-shell.page-index .hero{background:#ffffff !important;padding:14px 0 16px !important;border-bottom:1px solid #eef1f6}
body.cifranet-shell.page-index .hero .home-accent{display:none !important}
body.cifranet-shell.page-index .hero .home-hero-grid{display:block !important}
body.cifranet-shell.page-index .hero .home-panel{padding:0 !important;min-height:0 !important}
body.cifranet-shell.page-index .hero .home-style-label{margin:0 0 8px !important;font-size:13px;color:#64748b}
/* Os atalhos de estilo sao pilulas coloridas da propria home. Aqui so o
   espacamento entra: na primeira versao eu troquei o fundo delas por branco e o
   texto (que e branco) desapareceu — o que aparecia eram quadradinhos vazios. */
body.cifranet-shell.page-index .hero .home-style-chips{display:flex !important;flex-wrap:wrap;gap:8px}
body.cifranet-shell.page-index .hero .home-hero-benefits{margin-top:12px !important}
@media(max-width:900px){
.home-colunas{grid-template-columns:minmax(0,1fr)}
}
/* A coluna do feed e uma COLUNA de verdade (flex): o bloco "Musicas para a
   proxima Missa", que agora vive nela, cresce e ocupa o espaco que sobrava em
   branco embaixo dos posts (25/09/2026). */
.cfn-home-fluxo{display:flex;flex-direction:column;gap:14px;min-width:0}
.cfn-home-fluxo > *{min-width:0}
/* ── Cartao "Musicas para a proxima Missa" dentro da coluna do feed ────────
   O original e uma faixa de largura total (texto a esquerda, botao a direita,
   fundo azul). Aqui ele vira um cartao de coluna: uma coluna so, sem margem
   lateral e ocupando toda a altura que sobrar. A especificidade acompanha a do
   tema (body.cifranet-shell.page-index .home-missa-next ...) para as cores do
   cartao azul continuarem valendo. */
.cfn-home-missa{flex:1 1 auto;display:flex;min-width:0}
body.cifranet-shell.page-index .cfn-home .cfn-home-missa > .home-missa-next{flex:1 1 auto;display:flex;min-width:0;margin:0 !important;padding:0 !important;border:0 !important;background:none !important}
body.cifranet-shell.page-index .cfn-home .cfn-home-missa .container{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important}
body.cifranet-shell.page-index .cfn-home .cfn-home-missa .home-missa-card{width:100%;grid-template-columns:minmax(0,1fr) !important;gap:14px !important;padding:22px 20px !important;border-radius:18px !important;align-content:center}
body.cifranet-shell.page-index .cfn-home .cfn-home-missa .home-missa-card h2{font-size:22px !important}
body.cifranet-shell.page-index .cfn-home .cfn-home-missa .home-missa-action{min-width:0 !important;max-width:100% !important}
body.cifranet-shell.page-index .cfn-home .cfn-home-missa .home-missa-action a{min-height:46px !important;font-size:13.5px !important}
body.cifranet-shell.page-index .cfn-home .cfn-home-missa .home-missa-card:after{right:-24px !important;top:-34px !important;font-size:120px !important}
/* O cartao de convite saiu da home em 24/09/2026 (pedido do responsavel): as
   regras .cfn-home-portao / .cfn-home-selo foram removidas junto. Sobrou o h1
   para leitores de tela — invisivel na tela, mas presente para o Google. */
.cfn-home-so-leitor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.cfn-home-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.cfn-home-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#ffffff;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}
.cfn-home-btn:hover{background:rgba(255,255,255,.16)}
.cfn-home-btn-forte{background:#c2410c;border-color:#c2410c;color:#ffffff}
.cfn-home-btn-forte:hover{background:#a8360a}
/* O feed vive numa coluna estreita (320-400px): o subtitulo vai SEMPRE embaixo
   do titulo — lado a lado, em 400px, ele espremia o "O que esta acontecendo". */
.cfn-home-titulo{display:grid;gap:2px;margin:6px 0 0;font-size:17px;color:#14213d}
.cfn-home-titulo span{font-size:12.5px;color:#64748b;font-weight:600}
.cfn-home-post{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:14px 14px;box-shadow:0 10px 26px rgba(15,35,66,.05)}
/* O feed agora vive numa coluna de 320px: aqui o nome do membro e o selo
   ("Musicas para MISSA") NAO cabem na mesma linha. Medido em 24/09/2026: o nome
   ficava com 71px de espaco e o texto (85px) passava POR CIMA do selo — era o que
   aparecia como "uma parte em cima da outra". Com flex-wrap o selo desce para a
   linha de baixo em vez de amassar o nome. */
.cfn-home-post-topo{display:flex;align-items:flex-start;gap:10px 12px;flex-wrap:wrap}
.cfn-home-post .cfn-social-avatar{border-radius:50%;object-fit:cover;flex:0 0 auto}
/* A foto do cabecalho tem 28px por regra da casca; no feed ela e maior. Esta
   regra e mais especifica de proposito, para o navegador escolher a do feed. */
body.cifranet-shell .cfn-home .cfn-social-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}
.cfn-home-post-quem{flex:1 1 150px;display:grid;gap:2px;min-width:0;font-size:14.5px;color:#334155;overflow-wrap:break-word}
.cfn-home-post-quem b{color:#0b2447}
.cfn-home-post-selo{margin-left:auto;padding:4px 10px;border-radius:999px;background:#eef1f6;color:#0b2447;font-size:11px;font-weight:800;white-space:nowrap}
.cfn-home-alvo{color:#c2410c;text-decoration:none;font-weight:800}
.cfn-home-alvo:hover{text-decoration:underline}
.cfn-home-post-texto{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:#334155}
.cfn-home-post-quando{margin:8px 0 0;font-size:12px;color:#94a3b8}
.cfn-home-vazio{background:#ffffff;border:1px dashed #cbd5e1;border-radius:18px;padding:18px 20px;color:#14213d}
.cfn-home-vazio p{margin:6px 0 0;font-size:14px;line-height:1.6;color:#64748b}
.cfn-home-vazio .cfn-home-btn{border-color:#cbd5e1;color:#0b2447}
.cfn-home-vazio .cfn-home-btn:hover{background:#eef1f6}
.cfn-home-mais{justify-self:start;font-size:14px;font-weight:800;color:#0b2447;text-decoration:none}
.cfn-home-mais:hover{color:#c2410c}
.cfn-home-btn-bloco{width:100%;margin-top:12px}
@media(max-width:640px){
.cfn-home-post{padding:14px}
.cfn-home-coluna > .home-section{padding:16px}
}