comentei o que identifiquei, mas ainda assim não funcionou.fada-botao a,
.fada-botao a:visited,
.fada-botao a:hover,
.fada-botao a:focus {
    display: inline-block;
    background-color: #ff00aa;
    color: #fff;
    padding: 10px 25px;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none !important;
    transition: background 0.3s ease;
    margin-top: 10px;
}

.fada-botao a:hover {
    background-color: #cc0088;
}
.fada-botoes-navegacao {
  text-align: center;
  margin-top: 30px;
}
.fada-botoes-navegacao a {
  margin: 0 10px;
}

.fada-form-container {
  margin: 20px 0;
}
.fada-galeria {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  margin: 20px auto;
  max-width: 100%;
  padding-bottom: 10px;
}

.fada-galeria img {
  max-height: 200px;
  border-radius: 6px;
  cursor: zoom-in;
  transition: transform 0.3s ease;
}

.fada-galeria img:hover {
  transform: scale(1.05);
}
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Garante que os slides se comportem como swiper espera */
.swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.swiper-wrapper {
  display: flex !important;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100% !important;
  height: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* Cor padrão: cinza */
.fada-acompanhamento {
  color: #5c5c5c !important;
}

/* Cor rosa SOMENTE na página Transparência – Todas as Doações (exemplo com ID 123) */
body.page-id-2555 .fada-acompanhamento {
  color: #ff00aa !important;
}


.fada-compartilhar {
  text-align: center;
  font-size: 15px;
  margin-top: 30px;
  white-space: nowrap;
}

.fada-compartilhar span,
.fada-compartilhar a {
  display: inline-block;
  margin-right: 12px;
  white-space: nowrap;
}

/* === Ajustes visuais complementares FADA === */

/* Centralização e largura máxima nas páginas */
body {
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px;
}

/* Imagens da nota fiscal (swiper) com hover ampliado */
.fada-swiper img,
.fada-receb-swiper img {
    max-height: 350px;
    border-radius: 6px;
    cursor: zoom-in;
    transition: transform 0.3s ease;
}

.fada-swiper img:hover,
.fada-receb-swiper img:hover {
    transform: scale(1.05);
}

/* Título dos cards da página "Doações Utilizadas" */
.fada-card {
    background: #fff0fa;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #222;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    margin-bottom: 20px;
    display: inline-block;
    width: 260px;
}

/* Container para os cards (shortcode geral) */
.fada-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 40px;
}

/* Fundo do cabeçalho com degradê rosinha */ 
.ast-site-header,
.ast-primary-header-bar,
.ast-site-identity,
.ast-mobile-header-wrap {
  background: linear-gradient(to bottom, #fff1f9 0%, #ffffff 100%) !important;
  border: none !important;
  box-shadow: none !important;
}

/* Fundo do rodapé com o mesmo degradê rosinha do cabeçalho */
.site-footer {
  background: linear-gradient(to top, #fff1f9 0%, #ffffff 100%) !important;
  border-top: none !important;
  box-shadow: none !important;
  padding: 40px 20px;
}


/* Cor de fundo rosa para item ativo ou focado no menu mobile */
.ast-header-break-point .main-header-menu .menu-item.current-menu-item > a,
.ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > a,
.ast-header-break-point .main-header-menu .menu-item:hover > a,
.ast-header-break-point .main-header-menu .menu-item:focus > a {
  background-color: #ff00aa !important;
  color: white !important;
}

/* Corrige links azul ao clicar no menu mobile e em geral */
.main-header-menu a,
.main-header-menu a:visited,
.main-header-menu a:active,
.main-header-menu a:focus {
  color: #ff00aa !important;
}

/* Estilo título-fada recuperado */
.titulo-fada {
  font-size: 32px;
  font-weight: bold;
  color: #ff00aa;
  margin-bottom: 25px;
  text-align: center;
}

/* Reduzir altura do logotipo FADA com precisão */
.ast-site-header .ast-site-identity img {
  max-height: 40px !important;
  height: auto;
  width: auto;
}

/* Força largura total no container principal */
.ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ast-site-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remover qualquer espaçamento entre o cabeçalho e o conteúdo principal */
.ast-site-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.site-content,
.content-area,
.ast-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* 🌸 Fundo do cabeçalho com degradê rosinha original */
.ast-site-header,
.ast-primary-header-bar,
.ast-site-identity,
.ast-mobile-header-wrap {
  background: linear-gradient(to bottom, #fff1f9 0%, #ffffff 100%) !important;
  border: none !important;
  box-shadow: none !important;
}
.selo-fada-card {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 42px;
    height: auto;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Tabelas de transparência do projeto (desktop e mobile) */
.fada-transparencia-box table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-size: 15px;
  background: white;
}

.fada-transparencia-box th,
.fada-transparencia-box td {
  padding: 8px;
  border: 1px solid #ccc;
  text-align: left;
  white-space: nowrap;
}

/* Responsivo no mobile */
@media screen and (max-width: 768px) {
  .fada-transparencia-box table,
  .fada-transparencia-box thead,
  .fada-transparencia-box tbody,
  .fada-transparencia-box th,
  .fada-transparencia-box td,
  .fada-transparencia-box tr {
    display: block;
    width: 100%;
  }

  .fada-transparencia-box thead {
    display: none;
  }

  .fada-transparencia-box tr {
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  border: 1px solid #ddd;
}




  .fada-transparencia-box td {
    text-align: right;
    padding-left: 50%;
    position: relative;
  }

  .fada-transparencia-box td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    width: 45%;
    white-space: nowrap;
    font-weight: bold;
    color: deeppink;
    text-align: left;
  }
}

@media screen and (max-width: 768px) { 
  .fada-transparencia-box td {
    border: none !important;
    border-bottom: 1px solid #eee;
  }

  .fada-transparencia-box td:last-child {
    border-bottom: none;
  }
}

.fada-button {
  background-color: #ff00aa;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none !important;
  border-radius: 6px;
  display: inline-block;
  border: none;
  cursor: pointer;
  text-align: center;
  margin: 5px 4px;
}


.fada-button.limpar {
  background-color: white;
  color: #ff00aa;
  border: 2px solid #ff00aa;
}

.fada-botao-verde {
  background-color: #28a745;
  color: white !important;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none !important;
  display: inline-block;
  width: 100%;
  max-width: 320px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  margin: 10px auto;
  text-align: center;
  transition: background-color 0.3s ease;
}

.fada-botao-verde:hover {
  background-color: #218838 !important;
}

.fada-botao-verde {
  background-color: #28a745; /* verde tipo botão "Apoiar este projeto" */
  color: #fff;
  padding: 10px 18px;
  font-weight: bold;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  margin: 5px 5px 5px 0;
}

.fada-botao-copiar {
  background-color: #ff69b4; /* rosa */
  color: #fff;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: 8px;
  display: inline-block;
}

/* BOTÃO FLUTUANTE EXCLUSIVO PARA MOBILE */
.fada-btn-mobile-ajuda {
  display: none;
}

@media (max-width: 768px) {
  .fada-btn-mobile-ajuda {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background-color: deeppink;
    color: #fff;
    padding: 12px 20px;
    border-radius: 6px;
    z-index: 999;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }
}


/* BOTÃO VERDE FIXO NO MOBILE – estilo Vakinha */
@media screen and (max-width: 768px) {
  .fada-botao-flutuante-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff5fb;
    padding: 14px 20px 20px;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    z-index: 9999;
  }

  .fada-botao-flutuante-mobile span {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    color: #444;
  }

  .fada-botao-verde {
    background-color: #28a745;
    color: white !important;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  }
}

.fada-botao-verde:hover {
    background-color: #218838 !important;
}

.fada-transparencia-box table td .fada-button {
  padding: 6px 12px;
  font-size: 13px;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  text-align: center;
}

@media (max-width: 768px) {
  .fada-transparencia-box table td .fada-button {
    width: 100%;
    font-size: 12px;
    padding: 8px 6px;
  }
}

.fada-transparencia-box td .fada-button {
  display: block;
  width: 100%;
  text-align: center;
  margin: 4px auto;
  font-size: 13px;
  padding: 6px 12px;
  box-sizing: border-box;
  white-space: nowrap;
}

.fada-transparencia-box td {
  text-align: center;
  vertical-align: middle;
}

.fada-transparencia-box .acoes-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

/* Destaca blocos de ações com fundo cinza claro */
.fada-transparencia-box .bloco-acoes {
  background: #f7f7f7;
  padding: 10px;
  border-radius: 6px;
  margin-top: 8px;
}

.fada-redes-projeto {
  text-align: center;
  margin: 20px 0;
}

.fada-redes-projeto a {
  margin: 0 10px;
  display: inline-block;
}

.fada-redes-projeto img {
  width: 24px;
  height: 24px;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.fada-redes-projeto img:hover {
  filter: grayscale(0%);
}

.fada-compartilhar-texto {
  font-size: 14px;
  color: #444;
  margin-bottom: 8px;
}

.fada-tabela-icone {
  background: none;
  border: none;
  font-size: 18px;
  padding: 6px 10px;
  cursor: pointer;
  color: #ff00aa;
  transition: background 0.3s ease;
}

.fada-tabela-icone:hover {
  background-color: #fff1f9;
  border-radius: 6px;
}

/* 💞 Botão Recorrente FADA */

.fada-botao-recorrente {
  background-color: #28a745;
  color: white;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: background-color 0.3s ease, transform 0.2s ease;
  position: relative;
  overflow: hidden;
  max-width: 320px;
  width: 100%;
  margin: 12px auto;
}

.fada-botao-pontual {
  background-color: #28a745;
  color: white;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: background-color 0.3s ease, transform 0.2s ease;
  position: relative;
  overflow: hidden;
}



.fada-botao-recorrente::before {
  content: '💞';
  position: absolute;
  left: 16px;
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
}

.fada-botao-recorrente:hover {
  background-color: #218838;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* Estilo para cabeçalho das páginas de transparência */
.titulo-fada {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #e6007e;
  margin-bottom: 20px;
}
/* ===== Página: Transparência – Doações do Projeto ===== */
.fada-transparencia-box {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}

/* 
----------------------------------------------------------
🎯 BLOCO DE ESTILO PARA BOTÕES DE NAVEGAÇÃO ENTRE CONVERSÕES
Usado na página de transparência de conversões (page-transparencia-conversao-projeto.php)
Este estilo aplica um visual textual simples, como o modelo usado
na página de Detalhes da Doação. Os links ficam centralizados 
e estilizados como navegação discreta e leve.
----------------------------------------------------------
*/

/* 🔘 Estilo para os botões de navegação entre conversões */
.fada-navegacao-textual {
  text-align: right;
  margin: 40px auto;
  max-width: 1140px;
  font-size: 16px;
}

.fada-navegacao-textual a {
  color: #0073e6;
  text-decoration: none;
  margin: 0 10px;
}

.fada-navegacao-textual a:hover {
  text-decoration: underline;
}

.fada-container-central {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 16px;
}

.fada-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 16px;
  text-align: center;
}

.fada-link-azul {
  color: #0073aa;
  text-decoration: underline;
  font-size: 13px;
}
.fada-link-azul:hover {
  color: #005177;
}

.fada-container-completo {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.fada-botao-doacao {
  display: inline-block;
  margin-bottom: 16px;
  background-color: #00b050; /* verde FADA */
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  transition: background-color 0.3s ease;
  width: auto;
  max-width: 300px;
  min-width: 180px;
}

.fada-botao-doacao:hover {
  background-color: #008b3d;
}

/* Mobile */
@media screen and (max-width: 768px) {
  .fada-botao-doacao {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .fada-bloco-botoes + .fada-bloco-botoes {
    margin-top: 60px !important; /* mais espaçamento ainda no mobile */
  }

  .fada-bloco-botoes > p strong {
    font-size: 1.2em;
    display: block;
    margin-bottom: 8px;
  }
}

.fada-bloco-botoes + .fada-bloco-botoes p {
  margin-top: 16px;
}


.fada-botao-doacao:link,
.fada-botao-doacao:visited {
  color: white;
}

.fada-bloco-botoes + .fada-bloco-botoes {
  margin-top: 50px;
}

.fada-bloco-botoes > p strong {
  color: #e91e63; /* Rosa FADA */
  font-weight: 700;
  font-size: 1.1em;
}

.fada-frase-recorrente {
  display: block;
  margin-top: 5px;
  font-weight: normal;
  font-size: 0.95em;
  color: #333;
}

/* Bloco maior na pagina do projeto*/
.fada-container-projeto-completo {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* 🌸 Bloco layout 2 colunas - PROJETOS (FADA) */
.fada-projeto-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  max-width: 1140px;
}

.fada-container-duas-colunas {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 40px;
  margin-top: 30px;
}

/* Coluna principal */
.fada-coluna-principal {
  flex: 2;
  min-width: 0;
}

/* Coluna lateral */
.fada-coluna-lateral {
  flex: 1;
  min-width: 260px;
}

#aba-apoie {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.fada-selo-inativo {
  background-color: #ffe6ef;
  color: #d10072;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: 10px;
  display: inline-block;
}

.fada-botao-projeto,
.fada-botao-transparencia {
  display: inline-block;
  background-color: #ff00aa;
  color: white;
  text-align: center;
  text-decoration: none !important;
  padding: 10px 18px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
  transition: background-color 0.3s ease;
}

.fada-botao-projeto:hover,
.fada-botao-transparencia:hover {
  background-color: #cc0088;
}




.botao-fada-acao {
  display: inline-block;
  background-color: #e6007e; /* Rosa FADA */
  color: #fff;
  padding: 6px 18px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
  border: none;
}

.botao-fada-acao:hover {
  background-color: #c2006c;
  color: #fff;
}

/* Estilo da tabela de controle FADA */
.fada-tabela-controle {
    width: 90%;             /* ocupa 90% da largura do container */
    max-width: 1100px;      /* limite máximo em desktop */
    margin: 0 auto;         /* centraliza */
    border-collapse: collapse;
    display: block;         /* permite rolagem horizontal no mobile */
    overflow-x: auto;
    white-space: nowrap;    /* impede quebra de colunas */
}

/* Cabeçalho */
.fada-tabela-controle thead {
    background: #f9f9f9;
}

.fada-tabela-controle th {
    padding: 8px 12px;
    font-size: 0.95em;
    text-align: right;
    border-bottom: 2px solid #ddd;
}

.fada-tabela-controle th:first-child {
    text-align: left; /* "Mês" alinhado à esquerda */
}

/* Linhas */
.fada-tabela-controle td {
    padding: 6px 12px;
    text-align: right;
    font-size: 0.9em; /* números mais compactos */
    border-bottom: 1px solid #eee;
    white-space: nowrap;
}

.fada-tabela-controle td:first-child {
    text-align: left; /* "Mês" alinhado à esquerda */
}

/* Destaque no Saldo Final */
.fada-tabela-controle td strong {
    color: #000;
    font-weight: bold;
}


/* Estilo da tabela de controle FADA */
.fada-tabela-controle {
    width: 90%;             /* ocupa 90% da largura do container */
    max-width: 1100px;      /* limite máximo em desktop */
    margin: 0 auto;         /* centraliza */
    border-collapse: collapse;
    display: block;         /* permite rolagem horizontal no mobile */
    overflow-x: auto;
    white-space: nowrap;    /* impede quebra de colunas */
}

/* Cabeçalho */
.fada-tabela-controle thead {
    background: #f9f9f9;
}

.fada-tabela-controle th {
    padding: 8px 12px;
    font-size: 0.95em;
    text-align: right;
    border-bottom: 2px solid #ddd;
}

.fada-tabela-controle th:first-child {
    text-align: left; /* "Mês" alinhado à esquerda */
}

/* Linhas */
.fada-tabela-controle td {
    padding: 6px 12px;
    text-align: right;
    font-size: 0.9em; /* números mais compactos */
    border-bottom: 1px solid #eee;
    white-space: nowrap;
}

.fada-tabela-controle td:first-child {
    text-align: left; /* "Mês" alinhado à esquerda */
}

/* Destaque no Saldo Final */
.fada-tabela-controle td strong {
    color: #000;
    font-weight: bold;
}

/* ===== Estilo exclusivo para Transparência – Controle da Campanha ===== */
.page-template-transparencia-controle-campanha .fada-container-transparencia {
    max-width: 1000px;
    margin: 40px auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.fada-container-transparencia .titulo-transparencia {
    color: #ff00aa !important;
    text-align: center;
}
.fada-container-transparencia .subtitulo-projeto {
    color: #ff00aa !important;
    font-weight: bold;
}
.fada-container-transparencia .botao-voltar-campanha {
    background: #ff00aa !important;
}
.fada-container-transparencia .botao-voltar-campanha:hover {
    background: #cc0088 !important;
}


.page-template-transparencia-controle-campanha .fada-controle-msg {
    margin-bottom: 20px;
    font-size: 14px;
    color: #555;
}

.page-template-transparencia-controle-campanha .tabela-controle-campanha {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
}

.page-template-transparencia-controle-campanha .tabela-controle-campanha thead {
    background: #f8bbd0;
    color: #000;
}

.page-template-transparencia-controle-campanha .tabela-controle-campanha th,
.page-template-transparencia-controle-campanha .tabela-controle-campanha td {
    padding: 10px;
    border: 1px solid #ddd;
}

.page-template-transparencia-controle-campanha .tabela-controle-campanha tbody tr:nth-child(even) {
    background: #fdf1f6;
}

/*Animacao institutofadaoficial/impulsionadores*/
.fada-contando {
  animation: fada-pulsar 1.8s ease-out;
  display: inline-block;
}

@keyframes fada-pulsar {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}

/* =========================================================
   FADA – Transparência (Home) v1
   ========================================================= */
.fada-section-title{
  font-weight:700; font-size:1.4rem; text-align:center; margin:8px 0 18px;
}
.fada-grid-2{
  display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:stretch;
}
@media (max-width: 860px){ .fada-grid-2{ grid-template-columns:1fr; } }

.fada-card{ 
  background:#fff; border:1px solid #f5cfe5; border-radius:16px;
  padding:18px; box-shadow:0 8px 20px rgba(248,115,192,0.08);
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  text-align:center; transition:transform .15s ease, box-shadow .15s ease;
}
.fada-card:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(248,115,192,0.14); }
.fada-card-xl{ padding:26px 22px; }
.fada-card-title{ font-weight:700; font-size:1.05rem; margin-bottom:6px; }
.fada-card-sub{ font-size:.9rem; opacity:.75; }

/* “Form card” (dropdown + botão) */
.fada-card-form .fada-form-inline{
  width:100%; display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:8px;
}
.fada-select{
  max-width:520px; width:100%; padding:12px 14px; border:1px solid #e5e7eb; border-radius:10px;
  background:#fff; font-size:16px; line-height:1.2;
}
.fada-help{
  font-size:.85rem; opacity:.7; margin-top:6px; text-align:center;
}

/* FADA – Ajustes visuais dos cards (Home) */
a.fada-card { 
  text-decoration: none; 
  color: inherit; 
  display: flex;
}
.fada-card-title a { text-decoration: none; color: inherit; }
.fada-grid-2 { margin-top: 6px; } /* um respiro entre o H2 e os cards */

/* FADA – remover sublinhado dos cards de Transparência */
.entry-content a.fada-card,
a.fada-card,
a.fada-card:hover,
a.fada-card:focus,
a.fada-card:visited,
a.fada-card * {
  text-decoration: none !important;
  border-bottom: 0 !important; /* alguns temas sublinham com borda */
  color: inherit !important;
}
.fada-card-title a,
.fada-card-sub a { 
  text-decoration: none !important; 
  border-bottom: 0 !important; 
}


/* ============================
   FADA – Home (stepper + cards)
   ============================ */

/* Stepper de 3 passos com setas */
.fada-stepper{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:12px 18px; margin:8px 0 18px;
}
.fada-stepper .step{
  font-weight:700; font-size:1.05rem; color:#ff1493; /* rosa FADA do tema */
  text-align:center;
}
.fada-stepper .step:not(:last-child)::after{
  content:"→"; margin:0 8px; opacity:.6; font-weight:700;
}
@media (max-width: 640px){
  .fada-stepper{ flex-direction:column; gap:6px; }
  .fada-stepper .step:not(:last-child)::after{ content:"↓"; display:block; margin:6px 0 0; }
}

/* Aproximar os dois cards (grid da prova social) */
.fada-grid-2{ margin-top:6px; gap:14px; }

/* Remover sublinhado dos cards */
.entry-content a.fada-card,
a.fada-card, a.fada-card:hover, a.fada-card:focus, a.fada-card:visited, a.fada-card *{
  text-decoration:none !important; border-bottom:0 !important; color:inherit !important;
}

/* Leve ajuste de padding dos cards para ficarem mais compactos */
.fada-card{ padding:16px; }
.fada-card-xl{ padding:22px 20px; }

/* =========================================================
   FADA – Home (ajustes de respiro e centralização)
   ========================================================= */

/* Dá respiro depois do herói (H1 + CTAs) */
.fada-hero { margin-bottom: 28px; }
@media (max-width: 860px){ .fada-hero { margin-bottom: 22px; } }

/* Stepper: mais espaço acima, menos abaixo */
.fada-stepper { margin: 26px auto 12px; }

/* Colunas dos dois cards: centralizadas e com largura controlada */
.fada-grid-2.wp-block-columns{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap: 14px 18px;           /* distância entre os cards */
  margin-top: 12px;         /* aproxima do stepper */
}
.fada-grid-2.wp-block-columns > .wp-block-column{
  flex: 0 1 360px;          /* largura de cada card (até 360px) */
  max-width: 360px;
}
@media (max-width: 900px){
  .fada-grid-2.wp-block-columns > .wp-block-column{
    flex-basis: 100%;
    max-width: 560px;       /* card mais larguinho no mobile */
  }
}

/* Cards mais compactos e alinhados */
.fada-card{ padding:16px; height:100%; }
.fada-card-xl{ padding:22px 20px; }

/* Links dentro do card sem sublinhado (garantia) */
.entry-content a.fada-card,
a.fada-card, a.fada-card:hover, a.fada-card:focus, a.fada-card:visited, a.fada-card *{
  text-decoration:none !important; border-bottom:0 !important; color:inherit !important;
}

.fada-empresas{max-width:980px;margin:28px auto 0;text-align:center}
.fada-empresas .sub{margin:6px 0 18px;color:#444}
.fada-empresas .grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px}
@media (max-width:780px){.fada-empresas .grid{grid-template-columns:1fr}}
.fada-empresas .tile{background:#fff;border:1px solid #ffd1ec;border-radius:14px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.fada-empresas h4{margin:0 0 8px;color:#ff1493}
.fada-empresas .ticks{list-style:none;margin:0;padding:0}
.fada-empresas .ticks li{margin:6px 0;padding-left:20px;position:relative;color:#444}
.fada-empresas .ticks li:before{content:"✓";position:absolute;left:0;top:0;color:#2bb673;font-weight:700}
.fada-empresas .cta{margin-top:16px}
.fada-empresas .nota{display:block;margin-top:8px;color:#777}

/* ======= HOME – TOPO (Hero) ======= */
/*.fada-hero,
.fada-container-central.hero { max-width:1140px; margin:0 auto; padding:8px 16px 24px; }

.subtitulo-fada { font-size:clamp(16px,1.6vw,18px); line-height:1.6; color:#2b2b2b; margin:0 0 12px; }
.fada-card-sub { font-size:15px; line-height:1.7; color:#4a4a4a; margin:0 0 14px; }

.fada-botoes-centro { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:center; margin:12px 0 8px; }
.fada-dica { text-align:center; font-size:13px; color:#6b6b6b; margin:2px 0 14px; }

/* Faixa “Você apoia …” */
/*.fada-ribbon { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; align-items:center; margin:12px auto 10px; padding:6px 8px; }
.fada-ribbon a, .fada-ribbon span { font-weight:600; color:#ff2a8a; text-decoration:none; white-space:nowrap; }
.fada-ribbon .sep::before { content:"•"; margin:0 6px; color:#ff2a8a; opacity:.7; }

/* Linha de estatísticas (ração, castrações, etc.) */
/*.fada-grid-stats { max-width:1140px; margin:10px auto 16px; padding:0 16px;
  display:grid; grid-template-columns:repeat(auto-fit, minmax(90px,1fr)); gap:6px 12px; text-align:center; }
.fada-grid-stats .n { font-weight:700; font-size:18px; line-height:1.2; color:#222; }
.fada-grid-stats .lbl { font-size:12px; color:#666; }

/* toque nos botões já existentes */
/*.fada-botao, .fada-botao-pontual { box-shadow:0 2px 0 rgba(0,0,0,.08); }
.fada-botao:hover, .fada-botao-pontual:hover { transform:translateY(-1px); transition:transform .15s ease; }



/* ===== HOME (aplica só na página inicial) ===== */
.home .fada-hero,
.home .fada-container-central.hero{
  max-width:1140px; margin:0 auto; padding:8px 16px 24px;
}

.home .titulo-fada{ margin:8px 0 10px; } /* mantém seu h1 como está, só respiro */
.home .subtitulo-fada{ font-size:clamp(16px,1.6vw,18px); line-height:1.6; color:#2b2b2b; margin:0 0 12px; }
.home .fada-card-sub{ font-size:15px; line-height:1.7; color:#4a4a4a; margin:0 0 14px; }

/* grupo dos botões do topo */
.home .fada-botoes-centro{
  display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:center;
  margin:12px 0 8px;
}
.home .fada-dica{ text-align:center; font-size:13px; color:#6b6b6b; margin:2px 0 14px; }

/* faixa “Você apoia …” */
.home .fada-ribbon{
  display:flex; flex-wrap:wrap; gap:14px; justify-content:center; align-items:center;
  margin:12px auto 10px; padding:6px 8px;
}
.home .fada-ribbon a, .home .fada-ribbon span{
  font-weight:600; color:#ff2a8a; text-decoration:none; white-space:nowrap;
}
.home .fada-ribbon .sep::before{ content:"•"; margin:0 6px; color:#ff2a8a; opacity:.7; }

/* linha de estatísticas (ração, castrações etc.) */
.home .fada-grid-stats{
  max-width:1140px; margin:10px auto 16px; padding:0 16px;
  display:grid; grid-template-columns:repeat(auto-fit, minmax(90px,1fr)); gap:6px 12px; text-align:center;
}
.home .fada-grid-stats .n{ font-weight:700; font-size:18px; line-height:1.2; color:#222; }
.home .fada-grid-stats .lbl{ font-size:12px; color:#666; }

/* leve efeito nos botões existentes */
.home .fada-botao, .home .fada-botao-pontual{ box-shadow:0 2px 0 rgba(0,0,0,.08); }
.home .fada-botao:hover, .home .fada-botao-pontual:hover{ transform:translateY(-1px); transition:transform .15s ease; }

.home #eficiencia { margin-top: 8px; }
.home #eficiencia .fada-card-sub { margin: 0 0 6px; }

/* grid 2 colunas (se já existir, mantém o seu) */
.fada-grid-2{
  display:grid; grid-template-columns: repeat(2, minmax(0,1fr));
  gap:16px;
}

/* largura mais estreita e centralizada p/ seções com 2 cards */
.fada-grid-narrow{
  max-width: 920px;   /* ajuste fino se quiser 880/900 */
  margin: 10px auto 0;
  padding: 0 12px;
}

html { scroll-behavior: smooth; }

/* === HOME: forçar 2 colunas nos cards de Transparência === */
.home .wp-block-columns.emduas{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 16px;
  max-width: 920px;
  margin: 10px auto 0;
  padding: 0 12px;
}
.home .wp-block-columns.emduas > .wp-block-column{
  /* zera “jeitos” do tema que empilham */
  margin: 0 !important;
  flex: unset !important;
  width: auto !important;
  min-width: 0;
}

/* card clicável à esquerda está dentro de <a> — precisa virar bloco largo */
.home a.fada-card{ display:block; width:100%; }
.home .fada-card{ width:100%; }

/* História Viva: 2 cards centralizados */
.home .fada-grid-2{
  display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap:16px; align-items:stretch;
}
.home .fada-grid-narrow{ max-width:920px; margin:10px auto 0; padding:0 12px; }
@media (max-width:800px){
  .home .fada-grid-2{ grid-template-columns:1fr; }
}

/* ===== HOME – Ribbon com setas (desktop › / mobile ↓) ===== */
.home .fada-ribbon{ gap:14px; }
.home .fada-ribbon .sep::before{
  content:"›";               /* seta no desktop */
  margin:0 8px; 
  opacity:.6; 
  font-weight:700;
  font-size:18px;
}
@media (max-width:640px){
  .home .fada-ribbon{ flex-direction:column; gap:6px; }
  .home .fada-ribbon .sep::before{
    content:"↓";            /* seta para baixo no mobile */
    display:block; 
    margin:6px 0 0;
  }
}

/* ===== HOME – Faixa com 3 colunas (Todos | Recorrentes | Empresas) ===== */
.home .fada-row-3{
  max-width:1140px;
  margin:18px auto 0;        /* dá respiro daquele bloco de texto acima */
  padding:0 12px;
  display:grid;
  grid-template-columns:repeat(3, minmax(260px,1fr));
  gap:16px;
  align-items:stretch;
}
@media (max-width:980px){
  .home .fada-row-3{ grid-template-columns:1fr; }
}

/* Coluna do meio com dois cards empilhados (se usar) */
.home .fada-card-stack{
  display:grid;
  gap:12px;
}

/* Ajuste fino dos cards nessa faixa de 3 colunas */
.home .fada-row-3 .fada-card{ padding:18px; }

/* ===========================
   HOME – respiro do topo
   =========================== */

/* Dá mais espaço entre título, subtítulo, contadores e CTAs */
.home .fada-hero { margin-bottom: 34px; }
.home .subtitulo-fada { line-height: 1.7; margin: 10px 0 14px; }

.home .fada-grid-stats{
  margin: 14px auto 22px;          /* mais respiro embaixo dos números */
}

.home .fada-botoes-centro{         /* botões “Apoiar agora / Ver transparência” */
  margin: 14px 0 10px;
}

.home .fada-dica{                  /* a linha da “Dica” */
  margin: 8px 0 20px;
}

/* Ribbon “Você apoia / A FADA garante / …” com mais ar */
.home .fada-ribbon{
  margin: 12px auto 18px;
  gap: 12px 18px;
}

/* ===========================
   HOME – setas no ribbon
   =========================== */

/* no desktop: seta → entre os itens */
.home .fada-ribbon .sep::before{
  content: "→";
  margin: 0 10px;
  opacity: .65;
  font-weight: 700;
}

/* no mobile: seta para baixo ↓ e itens empilhados */
@media (max-width: 640px){
  .home .fada-ribbon{ flex-direction: column; gap: 6px; }
  .home .fada-ribbon .sep::before{
    content: "↓";
    display: block;
    margin: 6px 0 0;
  }
}

/* HOME – Respiro +2 (mais solto) */
.home .fada-hero            { margin-bottom: 48px; }
.home .subtitulo-fada       { margin: 14px 0 18px; line-height: 1.78; }

.home .fada-grid-stats      { margin: 18px auto 30px; }
.home .fada-botoes-centro   { margin: 18px 0 14px; }
.home .fada-dica            { margin: 12px 0 28px; }

.home .fada-ribbon          { margin: 18px auto 28px; gap: 16px 24px; }
.home #eficiencia           { margin-top: 22px; }
.home #eficiencia .fada-card-sub { margin: 0 0 12px; }

/* HOME – soltar a faixa de estatísticas (ração, castrações, etc.) */
.home .fada-grid-stats{
  margin: 22px auto 30px;     /* mais espaço acima e abaixo */
  gap: 10px 24px;             /* mais respiro entre colunas e linhas */
  padding: 0 16px;
  text-align: center;
}

.home .fada-grid-stats .n{
  display: block;
  font-size: 20px;            /* número um pouco maior */
  line-height: 1.15;
  font-weight: 700;
  color: #222;
}

.home .fada-grid-stats .lbl{
  display: block;
  margin-top: 4px;            /* distância entre número e rótulo */
  font-size: 13px;
  line-height: 1.35;
  color: #4a4a4a;
}

/* se quiser ainda mais respiro antes dos botões, ative a linha abaixo */
/* .home .fada-botoes-centro{ margin-top:16px; } */


/* Título com mais contraste e peso */
.home .titulo-fada{
  color:#121212;            /* preto quase puro */
  font-weight:800;
  letter-spacing: .2px;
}

/* Subtítulo mais “leve” visualmente */
.home .subtitulo-fada{
  color:#5a5a5a;            /* cinza mais claro */
  font-size:clamp(15px,1.4vw,17px);
  line-height:1.6;
}

/* Mais respiro entre H1/sub e ribbon/estatísticas */
.home .fada-hero{ padding-bottom: 30px; }

/* Ribbon: setas e respiro (desktop) */
.home .fada-ribbon{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap: 12px 40px;                 /* mais distância entre itens */
  margin: 18px auto 12px;
  padding:4px 0;
}
.home .fada-ribbon a{
  position:relative; padding-right:22px; font-weight:600; color:#ff2a8a; text-decoration:none;
}
.home .fada-ribbon a::after{
  content:"→"; position:absolute; right:0; top:0; opacity:.65; font-weight:700;
}
.home .fada-ribbon a:last-of-type::after{ content:none; }
.home .fada-ribbon .sep{ display:none !important; }

/* Mobile: empilha e seta para baixo */
@media (max-width:680px){
  .home .fada-ribbon{ flex-direction:column; gap:6px; }
  .home .fada-ribbon a{ padding-right:0; padding-bottom:16px; }
  .home .fada-ribbon a::after{ content:"↓"; left:50%; right:auto; top:100%; transform:translateX(-50%); }
}

.home .fada-grid-stats{
  margin: 28px auto 24px;   /* +respiro acima/abaixo */
  gap: 10px 32px;           /* +entre colunas */
  text-align:center;
}
.home .fada-grid-stats .n{ font-size:20px; font-weight:700; color:#222; line-height:1.15; }
.home .fada-grid-stats .lbl{ margin-top:6px; font-size:13px; line-height:1.35; color:#4a4a4a; }

/* Base visual unificada */
.home .fada-botao,
.home .fada-botao-pontual{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:0 18px;
  border-radius:10px;            /* mesmo raio para ambos */
  font-weight:700; letter-spacing:.2px;
  box-shadow:0 2px 0 rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}
.home .fada-botao:hover,
.home .fada-botao-pontual:hover{
  transform: translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.10);
}


/* Contêiner das 3 colunas (o grupo onde colocou os 3 blocos) */
.fada-3cols{
  display:grid; grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;                   /* respiro entre os cards */
  max-width: 1080px;           /* largura controlada */
  margin: 18px auto 10px;
  padding: 0 12px;
}

/* Em telas médias/pequenas empilha em 1 ou 2 */
@media (max-width: 980px){ .fada-3cols{ grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px){ .fada-3cols{ grid-template-columns: 1fr; } }

/* “Pele” dos cards para ficarem coerentes */
.fada-3cols .fada-card,
.fada-3cols .fada-card-form{        /* cobre os três tipos que você usa */
  background:#fff;
  border:1px solid #ffd1ec;
  border-radius:14px;
  padding:16px 18px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  height:100%;
  text-align:left;                  /* títulos podem ser centralizados dentro, mas corpo à esquerda */
}
.fada-3cols .fada-card h3,
.fada-3cols .fada-card-title{ margin:0 0 10px; color:#ff1493; font-weight:800; text-align:center; }
.fada-3cols .fada-card-sub{ margin:8px 0 0; color:#444; line-height:1.55; }

/* card mais “vivo” */
.home .fada-grid-2 .fada-card{
  background: #fff;
  border:1px solid #ffe3f3;
  border-radius:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.home .fada-grid-2 .fada-card-title{ color:#ff1493; font-weight:800; text-align:center; margin:0 0 8px; }



/* === HOME – soltar topo e estatísticas === */
.home .fada-hero { 
  margin-bottom: 48px;              /* mais respiro entre título/sub e a linha de números */
}
.home .subtitulo-fada { 
  margin: 14px 0 18px; 
  line-height: 1.75; 
  color: #5a5a5a;
}

/* Linha de estatísticas (ração, castrações etc.) com mais ar */
.home .fada-grid-stats{
  margin: 22px auto 30px;           /* espaço acima/abaixo */
  gap: 12px 28px;                   /* distância entre os itens */
  padding: 0 16px;
  text-align: center;
}
.home .fada-grid-stats .n{
  display: block;
  font-size: 20px; 
  line-height: 1.15; 
  font-weight: 700; 
  color: #222;
}
.home .fada-grid-stats .lbl{
  display: block;
  margin-top: 6px; 
  font-size: 13px; 
  line-height: 1.35; 
  color: #4a4a4a;
}

/* === HOME – faixa “Você apoia / A FADA garante / …” com setas === */
.home .fada-ribbon{
  display: flex; 
  flex-wrap: wrap; 
  align-items: center; 
  justify-content: center;
  gap: 16px 24px;                    /* respiro entre itens */
  margin: 18px auto 24px;            /* espaço em volta da faixa */
  padding: 4px 0;
}
.home .fada-ribbon .sep{ display:inline-block; }
.home .fada-ribbon .sep::before{
  content: "→";                      /* desktop: seta para a direita */
  margin: 0 10px; 
  opacity: .65; 
  font-weight: 700;
}

/* mobile: empilha e seta para baixo */
@media (max-width: 640px){
  .home .fada-ribbon{ flex-direction: column; gap: 6px; }
  .home .fada-ribbon .sep::before{
    content: "↓"; 
    display: block; 
    margin: 6px 0 0;
  }
}


/* ===========================
   HOME — respiro do topo
   =========================== */
.home .titulo-fada{ color:var(--fada-rosa); font-weight:800; letter-spacing:.2px; margin:10px 0 8px; }
.home .subtitulo-fada{ color:#5a5a5a; font-size:clamp(15px,1.4vw,17px); line-height:1.6; margin:8px 0 12px; }

.home .fada-grid-stats{           /* linha: ração, castrações, etc. */
  margin: 18px auto 28px;         /* +respiro acima/abaixo */
  gap: 12px 28px;                 /* +respiro entre colunas */
  padding: 0 16px;
  text-align:center;
}
.home .fada-grid-stats .n{ font-size:20px; font-weight:700; color:#222; line-height:1.15; }
.home .fada-grid-stats .lbl{ margin-top:6px; font-size:13px; line-height:1.35; color:#4a4a4a; }

.home .fada-botoes-centro{ margin:14px 0 16px; }
.home .fada-dica{ margin:10px 0 24px; }

/* Ribbon “Você apoia / A FADA garante / …” — setas e respiro */
.home .fada-ribbon{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap: 14px 32px; margin:16px auto 26px; padding:4px 0;
}
.home .fada-ribbon .sep::before{ content:"→"; margin:0 10px; opacity:.65; font-weight:700; }
@media (max-width:640px){
  .home .fada-ribbon{ flex-direction:column; gap:6px; }
  .home .fada-ribbon .sep::before{ content:"↓"; display:block; margin:6px 0 0; }
}

/* ===========================
   HOME — 3 colunas (Padrão | Recorrentes | Empresas)
   =========================== */
.home .fada-row-3{
  max-width:1080px;
  margin:24px auto 8px;
  padding:0 12px;
  display:grid;
  grid-template-columns:repeat(3, minmax(260px,1fr));
  gap:22px;
  align-items:stretch;
}
@media (max-width:980px){
  .home .fada-row-3{ grid-template-columns:1fr; }
}

/* “pele” dos cards nessa faixa */
.home .fada-row-3 .fada-card,
.home .fada-row-3 .fada-card-form{
  background:#fff;
  border:1px solid #ffd1ec;
  border-radius:14px;
  padding:18px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  height:100%;
  display:flex;                 /* empurra o botão pro rodapé */
  flex-direction:column;
}
.home .fada-row-3 .fada-card-title{
  color:#ff1493;
  font-weight:800;
  text-align:center;
  margin:0 0 8px;
}
.home .fada-row-3 .fada-card .card-body{ flex:1 1 auto; }

/* ===========================
   HOME — Botões iguais nos 3 cards
   =========================== */
/* base visual */
.home .fada-row-3 .card-actions a.fada-botao,
.home .fada-row-3 .card-actions a.fada-botao-verde,
.home .fada-row-3 .card-actions a.fada-button,
.home .fada-row-3 .card-actions .whatsapp{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  height:48px;                 /* mesma altura do “Falar com a FADA” */
  padding:0 18px;
  border-radius:10px;
  font-weight:700;
  letter-spacing:.2px;
  text-decoration:none !important;
  width:220px;                 /* todos exatamente do mesmo tamanho */
  max-width:220px;
  min-width:220px;
  margin:12px auto 0;          /* centraliza no card */
  box-shadow:0 2px 0 rgba(0,0,0,.08);
  transition:transform .15s ease, box-shadow .15s ease;
}

/* cores (mantém sua paleta) */
.home .fada-row-3 .card-actions a.fada-botao{
  background:#ff00aa; color:#fff !important;
}
.home .fada-row-3 .card-actions a.fada-botao:hover{
  background:#cc0088;
}
.home .fada-row-3 .card-actions a.fada-botao-verde{
  background:#28a745 !important; color:#fff !important;
}
.home .fada-row-3 .card-actions a.fada-botao-verde:hover{
  background:#218838 !important;
}

/* neutraliza larguras antigas (ex.: min-width do WhatsApp, regra da coluna 2) */
.home .fada-row-3 .card-actions .whatsapp{
  min-width:220px !important;
}
.home .fada-row-3 .wp-block-column:nth-child(2) .card-actions a{
  width:220px !important; max-width:220px !important; min-width:220px !important;
}

/* mobile: botão 100% da largura do card */
@media (max-width:560px){
  .home .fada-row-3 .card-actions a,
  .home .fada-row-3 .card-actions .whatsapp{
    width:100% !important;
    max-width:320px !important;
    min-width:0 !important;
  }
}


/* ===========================
   HOME — História Viva (respiro)
   =========================== */
.home #historia-viva{ margin-top:28px; }
.home #historia-viva .fada-grid-2{ gap:18px; }


/* =========================
   HOME – HOTFIX de respiro
   ========================= */

/* 1) Descer os botões (mais ar entre contadores e CTAs) */
.home .fada-botoes-centro{
  margin: 18px 0 10px;   /* ↑ empurra os botões para baixo */
}

/* 2) “Você apoia / A FADA garante / …” em chips com setas */
.home .fada-ribbon{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap: 12px 24px;
  margin: 10px auto 10px;  /* respiro ajustado */
  padding: 0;
}
.home .fada-ribbon a{
  display:inline-flex; align-items:center; justify-content:center;
  background:#fff5fb;
  border:1px solid #ffd1ec;
  color:#e6007e; font-weight:700;
  padding: 6px 12px;
  border-radius: 999px;
  text-decoration:none;
  line-height:1.25;
}
.home .fada-ribbon a::after{
  content:"→"; margin-left: 10px; opacity:.6; font-weight:800;
}
.home .fada-ribbon a:last-of-type::after{ content:none; }

/* Mobile: empilha e seta para baixo */
@media (max-width: 640px){
  .home .fada-ribbon{ flex-direction:column; gap:6px; }
  .home .fada-ribbon a{ width:100%; }
  .home .fada-ribbon a::after{ content:"↓"; margin-left:0; margin-top:6px; }
}

/* 3) Aproximar o parágrafo da plataforma do esquema acima */
.home #eficiencia{ margin-top: 8px; }                  /* antes estava bem maior */
.home #eficiencia .fada-card-sub{ margin: 0 0 10px; }  /* respiro interno controlado */

/* 4) Aproximar as 3 colunas do parágrafo (sem grudar) */
.home .fada-row-3{ margin-top: 14px; }                 /* reduz distância */
.home .fada-row-3 .fada-card{ padding: 16px; }         /* pele consistente e compacta */

/* ======== Benefícios (título de seção) ======== */
.home .fada-beneficios-title{
  text-align:center;
  font-weight:800;
  font-size:clamp(22px,2.4vw,28px);
  color:#121212;
  margin: 18px auto 8px;    /* respiro antes das 3 colunas */
}

/* ======== Títulos das colunas ======== */
.home .fada-row-3 .fada-col-title{
  margin: 0 0 8px;
  color:#ff1493;
  font-weight:800;
  text-align:center;
  line-height:1.25;
}
.home .fada-row-3 .fada-col-title small{
  font-weight:600; color:#555;
}

/* ======== Colunas em flex p/ empurrar o botão p/ baixo ======== */
.home .fada-row-3 > .wp-block-group{
  display:flex; flex-direction:column; min-height:100%;
}
.home .fada-row-3 .empurra-fim{ margin-top:auto; }

/* ======== Botão rosa reutilizável ======== */
.fada-btn-rosa{
  display:inline-block;
  background:#ff00aa;
  color:#fff !important;
  padding:10px 16px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none !important;
  box-shadow:0 2px 0 rgba(0,0,0,.08);
  transition: background .2s ease, transform .15s ease, box-shadow .15s ease;
}
.fada-btn-rosa:hover{ background:#cc0088; transform: translateY(-1px); box-shadow:0 4px 10px rgba(0,0,0,.10); }

/* (opcional) centraliza o botão dentro do bloco onde você colou */
.fada-card-center{ text-align:center; }

/* === Benefícios – títulos das 3 colunas (versão discreta e elegante) === */
.home .fada-row-3 .fada-col-title{
  margin: 4px 0 12px;
  font-size: clamp(16px,1.4vw,18px);
  font-weight: 700;
  color: #222;                /* neutro, não compete com o rosa dos cards/botões */
  text-align: left;           /* leitura mais natural */
  line-height: 1.25;
  display: inline-block;
  position: relative;
  padding-left: 10px;         /* espaço para a barrinha rosa */
}

.home .fada-row-3 .fada-col-title::before{
  content:"";
  width: 4px;                 /* barrinha rosa lateral */
  height: 16px;
  background: #ff1493;
  border-radius: 2px;
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
}

.home .fada-row-3 .fada-col-title small{
  display: block;
  margin-top: 2px;
  font-size: .9em;
  font-weight: 600;
  color: #666;                /* informação secundária mais leve */
}

.home .fada-row-3 .fada-col-title.pill{
  background:#fff1f9; color:#d10072;
  border:1px solid #ffd1ec; border-radius:999px;
  padding:6px 12px; display:inline-block;
  font-size: 13px; font-weight: 800; letter-spacing:.2px;
  text-transform: uppercase;
}
.home .fada-row-3 .fada-col-title.pill small{ display:none; }

/* ===== Título geral da seção ===== */
.home .fada-benef-title{
  max-width:1080px; margin:28px auto 8px; padding:0 12px;
  text-align:center; color:#111; font-weight:800;
  font-size:clamp(22px,2.2vw,30px); letter-spacing:.2px;
}

/* ===== Rótulos das 3 colunas (versão “pílula”, discreta) ===== */
.home .fada-row-3 .fada-col-title{
  display:inline-block;
  background:#fff1f9; color:#d10072;
  border:1px solid #ffd1ec; border-radius:999px;
  padding:6px 12px; margin:0 0 12px;
  font: 800 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  text-transform:uppercase; letter-spacing:.3px;
}
.home .fada-row-3 .fada-col-title small,
.home .fada-row-3 .fada-col-title .hint{
  display:block; margin-top:4px; font-weight:600;
  text-transform:none; letter-spacing:0;
  font-size:12px; color:#777;
}

/* ===== Respiros finos p/ ficar menos “socado” no topo ===== */
.home .fada-hero        { margin-bottom:46px; }
.home .fada-ribbon      { margin:18px auto 26px; }
.home #eficiencia       { margin-top:18px; }
.home .fada-row-3       { margin-top:24px; }

/* ===== HOME — Grade 3 colunas ===== */
.home .fada-row-3{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px; align-items:stretch; max-width:1080px;
  margin:18px auto 8px; padding:0 12px;
}
@media (max-width:980px){ .home .fada-row-3{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:680px){ .home .fada-row-3{ grid-template-columns:1fr !important; } }
.home .fada-row-3 > .wp-block-group,
.home .fada-row-3 > .wp-block-column{ margin:0 !important; display:flex; }
.home .fada-row-3 > .wp-block-column > .wp-block-group{ flex:1 1 auto; }

/* ===== HOME — Títulos (tarja acima dos cards) ===== */
.home .fada-row-3 .fada-col-title{
  display:flex; align-items:center; justify-content:center; flex-direction:column;
  width:100%; box-sizing:border-box; min-height:48px;
  margin:0 0 8px; padding:8px 12px; text-align:center;
  background:#fff1f9; border:1px solid #ffd1ec; border-radius:999px;
  color:#d10072; font:800 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  text-transform:uppercase; letter-spacing:.3px;
}
.home .fada-row-3 .fada-col-title small,
.home .fada-row-3 .fada-col-title .hint{
  margin-top:4px; font-weight:600; font-size:11px; color:#777; text-transform:none; letter-spacing:0;
}
.home .fada-row-3 .fada-col-title::before{ content:none !important; }
@media (max-width:780px){
  .home .fada-row-3 .fada-col-title{ min-height:44px; margin-bottom:6px; }
}

/* ===== HOME — Cards ===== */
.home .fada-row-3 .fada-card{
  display:flex; flex-direction:column; height:100%;
  background:#fff; border:1px solid #ffd1ec; border-radius:14px; padding:18px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
min-height:430px;

}
.home .fada-row-3 .fada-card .card-actions{ margin-top:auto; } /* garante botões na base */

@media (max-width:980px){
  .home .fada-row-3 .fada-card{ min-height:unset; }  /* não força no mobile */
}


.home .fada-card-title{ text-align:center; font-weight:800; color:#ff1493; margin:0 0 4px; }
.home .fada-card-sub{ text-align:center; color:#444; margin:2px 0 12px; }
.home .fada-row-3 .fada-card .card-body{ flex:1 1 auto; font-size:14px; line-height:1.5; color:#333; }
.home .fada-row-3 .fada-card .card-body ul{ margin:0; padding-left:18px; }
.home .fada-row-3 .fada-card .card-body li{ margin:5px 0; }

/* Subcards internos */
.home .fada-row-3 .fada-card .fada-subcard{
  background:#fff; border:1px solid #ffd1ec; border-radius:12px; padding:16px;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
}
.home .fada-row-3 .fada-card .fada-subcard + .fada-subcard{ margin-top:14px; }
.home .fada-row-3 .fada-card .fada-subcard *:last-child{ margin-bottom:0; }

/* ===== Botões ===== */
.fada-cta, .fada-duo-cta{ margin-top:auto; display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }

/* Duo CTA (doadores recorrentes) */
.fada-duo-cta a{
  flex:1 1 0; white-space:nowrap; height:42px;
  display:inline-flex; align-items:center; justify-content:center; text-align:center;
}
@media (max-width:560px){ .fada-duo-cta{ flex-direction:column; } .fada-duo-cta a{ width:100%; } }

/* Botão rosa FADA */
.fada-btn-rosa,
.fada-botao,
.fada-botao a{

  background:#ff00aa !important; color:#fff !important;
  height:42px; padding:0 18px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:700; letter-spacing:.2px; text-decoration:none !important;
  box-shadow:0 2px 0 rgba(0,0,0,.08);
}

.fada-btn-rosa:hover,
.fada-botao:hover,
.fada-botao a:hover{ background:#cc0088 !important; }

/* Botão verde DOAR */
.fada-botao-verde{
  background:#28a745 !important; color:#fff !important;
  height:42px; padding:0 18px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center; font-weight:700; text-decoration:none;
}
.fada-botao-verde:hover{ background:#218838 !important; }

/* Botão WhatsApp */
.fada-botao.whatsapp, .whatsapp{
  background:#25D366 !important; color:#fff !important;
  min-width:210px; white-space:nowrap;
  height:42px; padding:0 18px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center; font-weight:700; text-decoration:none;
}
.fada-botao.whatsapp:hover, .whatsapp:hover{ background:#1eb65a !important; }

/* ===== Tarja Transparência ===== */
.home .fada-tarja-transp{
  max-width:1140px; margin:16px auto 0; padding:14px 18px;
  background:#ffe8f4; border:1px solid #ffd1ec; color:#d10072;
  border-radius:12px; font:600 14px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 4px 14px rgba(255,0,170,.10);
}
.home .fada-tarja-transp strong{ color:#d10072; font-weight:800; }
.home .fada-tarja-transp em{ font-style:normal; text-decoration:underline; color:#c2006c; }


:root{
  --fada-rosa:#ff00aa;
  --fada-rosa-dark:#cc0088;
}

.fada-btn-rosa,
.fada-botao,
.fada-botao a{
  background:var(--fada-rosa) !important;
}
.fada-btn-rosa:hover,
.fada-botao:hover,
.fada-botao a:hover{
  background:var(--fada-rosa-dark) !important;
}

/* Home – coluna 2 (Doadores recorrentes): iguala a largura de "Ver projetos" e "Doar" */
.home .fada-row-3 .wp-block-column:nth-child(2) a.fada-botao,
.home .fada-row-3 .wp-block-column:nth-child(2) a.fada-botao-verde{
  width: 220px;            /* mesma largura */
  display: inline-flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width:560px){
  .home .fada-row-3 .wp-block-column:nth-child(2) a.fada-botao,
  .home .fada-row-3 .wp-block-column:nth-child(2) a.fada-botao-verde{
    width: 100%;
    max-width: 320px;
  }
}

/* ===== PATCH – 3 colunas (Home) =====
   1) Coluna 2 (Doadores recorrentes): "Ver projetos" = "Doar"
   2) Respiro antes dos botões
   ==================================== */

/* 1) força mesma largura nos dois botões do meio */
.home .fada-row-3 .wp-block-column:nth-child(2) .fada-duo-cta a{
  flex: 0 0 220px;   /* não cresce, não encolhe, base 220px */
  width: 220px;
  margin-left: auto;
  margin-right: auto;
}

/* se algum estilo global impuser width:100% nos links, neutraliza só nessa coluna */
.home .fada-row-3 .wp-block-column:nth-child(2) a.fada-botao,
.home .fada-row-3 .wp-block-column:nth-child(2) a.fada-botao-verde{
  width: 220px;        /* mantém igual ao acima */
  max-width: none;     /* evita travar em 320px vindo de regras globais */
}

/* mobile: mantém full width, com limite confortável */
@media (max-width:560px){
  .home .fada-row-3 .wp-block-column:nth-child(2) .fada-duo-cta a,
  .home .fada-row-3 .wp-block-column:nth-child(2) a.fada-botao,
  .home .fada-row-3 .wp-block-column:nth-child(2) a.fada-botao-verde{
    flex: 1 1 auto;
    width: 100%;
    max-width: 320px;
  }
}

/* 2) dá respiro entre o texto e os botões nos cards */
.home .fada-row-3 .fada-card .card-body{ margin-bottom: 10px; }

/* ============== AJUSTES DE RESPIRO – FADA (19/08/2025) ============== */

/* HERO (topo) */
.fada-hero { padding: 24px 0 12px; }
.fada-botoes-centro { gap: 12px; margin: 10px 0 6px; }
.fada-dica { margin-top: 8px; }

/* PAINEL DE IMPACTO */
#painel-impacto { margin-top: 28px; }
#painel-impacto .titulo-fada { margin-bottom: 6px; }
#painel-impacto .subtitulo-fada { margin-bottom: 8px; }
#painel-impacto .fada-kpis { margin-top: 6px; }

/* Chips de confiança (linha sob o número) */
.fada-chip {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 6px 10px; border-radius: 999px; border: 1px solid #f3a; 
  font-size: 13px; line-height: 1; background: #fff; white-space: nowrap;
}
.fada-chips { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin: 8px 0 12px; }

/* COMO PARTICIPAR (título + stepper) */
#como-participar { margin-top: 28px; }
#como-participar .subtitulo-fada { margin-bottom: 10px; }
#como-participar .fada-botoes-centro { gap: 8px; margin: 6px 0 18px; }

/* GRID dos 3 cards */
@media (min-width: 901px){
  .fada-cards-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
}
@media (max-width: 900px){
  .fada-cards-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
}

/* Card com altura uniforme e botão no rodapé */
.fada-card { height: 100%; display: flex; flex-direction: column; }
.fada-card .card-body { flex: 1 1 auto; }
.fada-card .fada-button, .fada-card .fada-botao-verde { margin-top: auto; }

/* TARJA DE TRANSPARÊNCIA */
.fada-tarja-transp { margin: 28px auto; padding: 12px 16px; }

/* HISTÓRIA VIVA – respiro superior */
#historia-viva, section#historia-viva { margin-top: 28px; }

/* AJUSTES MOBILE GERAIS */
@media (max-width: 600px){
  .titulo-fada { font-size: 26px; line-height: 1.2; }
  .subtitulo-fada { padding: 0 8px; }
  .fada-tarja-transp { margin: 20px 8px; }
}


/* ====== FADA – Patch Mobile (20/08/2025) ====== */

/* Painel de Impacto: respiros */
#painel-impacto { margin-top: 28px; margin-bottom: 32px; }
#painel-impacto .titulo-fada { margin-bottom: 8px; }
#painel-impacto .subtitulo-fada { margin-bottom: 10px; }

/* Chips (prova social) – viram carrossel no iPhone pequeno */
.chips-impacto{
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
  margin: 10px auto 16px;
}
.chips-impacto .chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:6px 12px; border:1px solid #f3a; border-radius:999px;
  font-size:13px; line-height:1; white-space:nowrap; background:#fff;
}

/* KPIs do shortcode */
.fada-kpis { margin-top: 8px; margin-bottom: 22px !important; }

/* Stepper “Como participar” */
.fada-stepper{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin: 8px 0 18px; }
.fada-stepper .pill{ display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; }
.fada-stepper .arrow{ align-self:center; opacity:.6; }

/* Grid dos 3 cards + leitura */
.fada-cards-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr));
  gap:18px; align-items:stretch;
}
.fada-card{ display:flex; flex-direction:column; height:100%; }
.fada-card .card-body{ flex:1 1 auto; }
.fada-card .card-body ul{ margin-left:18px; line-height:1.55; }
.fada-card .card-body li{ margin-bottom:6px; }
.fada-card_title{ word-break: normal; overflow-wrap: break-word; hyphens: auto; line-height:1.2; }

/* Botões dos cards iguais e com bom toque */
.fada-card .fada-button, .fada-card .fada-botao-verde{
  width:100%; min-height:44px; padding:12px 16px;
  display:inline-flex; align-items:center; justify-content:center;
  line-height:1; white-space:nowrap; margin-top:auto;
}

/* Tarja de Transparência com respiro */
.fada-tarja-transp { margin: 28px auto; padding: 12px 16px; }

/* iPhone SE / telas < 375px */
@media (max-width: 374px){
  .titulo-fada{ font-size:24px; line-height:1.2; }
  .subtitulo-fada{ font-size:14px; }
  .chips-impacto{ overflow-x:auto; white-space:nowrap; gap:8px; padding-bottom:6px; }
  .chips-impacto .chip{ flex:0 0 auto; }
  .fada-stepper{ overflow-x:auto; white-space:nowrap; gap:8px; padding-bottom:6px; -webkit-overflow-scrolling:touch; }
  .fada-stepper .pill, .fada-stepper .arrow{ flex:0 0 auto; }
}

/* iOS viewport mais estável (se usar blocos cheios de altura) */
@supports (height: 1svh){
  .hero, .fada-hero { min-height: 40svh; }
}

/* =========================================================
   FADA – HOME: 3 cards, botões, mobile e História Viva
   (cola este bloco no FINAL do arquivo)
   ========================================================= */

/* -------- Grid das 3 colunas (home) -------- */
.fada-3cols{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  max-width: 1080px;
  margin: 18px auto 10px;
  padding: 0 12px;
}

/* Tablet: 2 colunas  */
@media (max-width: 980px){
  .fada-3cols{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* Mobile: 1 coluna */
@media (max-width: 640px){
  .fada-3cols{ grid-template-columns: 1fr; }
}

/* -------- Card “pele” e altura uniforme -------- */
.fada-3cols .fada-card{
  /* neutraliza a regra antiga que colocava inline-block e width fixa */
  display: flex !important;
  width: auto !important;

  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #ffd1ec;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  text-align: left;
}

.fada-3cols .fada-card_title{
  margin: 0 0 6px;
  text-align: center;
  color: #ff1493;
  font-weight: 800;
  line-height: 1.2;
  word-break: normal;
  overflow-wrap: anywhere;
}

.fada-3cols .fada-card_subtitle{
  margin: 2px 0 12px;
  text-align: center;
  color: #444;
}

.fada-3cols .card-body{ flex: 1 1 auto; font-size: 15px; line-height: 1.55; color: #333; }
.fada-3cols .card-body ul{ margin:0; padding-left: 18px; }
.fada-3cols .card-body li{ margin: 6px 0; }

/* Botão no rodapé */
.fada-3cols .card-actions{ margin-top: auto; }

/* -------- Botões padronizados dentro dos cards -------- */
.fada-3cols .fada-button,
.fada-3cols .fada-botao-verde{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;                 /* toque confortável */
  padding: 0 18px;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: .2px;
  width: 100% !important;       /* full width dentro do card */
  max-width: 100% !important;   /* neutraliza limites anteriores */
  text-decoration: none !important;
}

/* Cores coerentes */
.fada-3cols .fada-button{ background:#ff00aa; color:#fff !important; }
.fada-3cols .fada-button:hover{ background:#cc0088; }
.fada-3cols .fada-botao-verde{ background:#28a745 !important; color:#fff !important; }
.fada-3cols .fada-botao-verde:hover{ background:#218838 !important; }

/* Nota pequena no card 3 */
.fada-3cols .nota-exemplo{
  margin-top: 8px;
  font-size: 12px;
  opacity: .8;
  text-align: center;
}

/* -------- HOTFIX global: neutraliza o .fada-card antigo de 260px -------- */
/* Se quiser manter aquele estilo só em páginas específicas, ótimo.
   Aqui garantimos que na HOME e no bloco de 3 cols a largura não fica fixa. */
.home .fada-card{ width:auto !important; display:flex !important; }

/* -------- História Viva: grid responsivo -------- */
/* Ajuste o seletor abaixo para o wrapper da seção “História Viva”.
   Mantive opções comuns do Gutenberg pra acertar em cheio. */
#historia-viva .wp-block-columns,
#historia-viva .cards-grid,
#historia-viva .lista-projetos,
#historia-viva .cards{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}

@media (max-width: 980px){
  #historia-viva .wp-block-columns,
  #historia-viva .cards-grid,
  #historia-viva .lista-projetos,
  #historia-viva .cards{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 640px){
  #historia-viva .wp-block-columns,
  #historia-viva .cards-grid,
  #historia-viva .lista-projetos,
  #historia-viva .cards{
    grid-template-columns: 1fr;  /* 1 por linha no mobile */
  }
}

/* -------- Pequenos polimentos mobile -------- */
@media (max-width: 374px){
  .fada-3cols .fada-card_title{ font-size: 18px; }
  .fada-3cols .fada-card_subtitle{ font-size: 14px; }
}

/* ===== HISTÓRIA VIVA — compatível com o shortcode [fada_top3_impulsionados] =====
   Funciona mesmo sem #historia-viva e mesmo com grid inline no container. */

/* Container do shortcode */
.fada-top3-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* vence o inline */
  gap: 16px !important;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 12px;
}

/* Quebras responsivas (2 colunas > 1 coluna) */
@media (max-width: 980px){ .fada-top3-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
@media (max-width: 640px){ .fada-top3-grid{ grid-template-columns: 1fr !important; } }

/* Neutraliza o .fada-card global (aquele width:260px) só aqui */
.fada-top3-grid .fada-card{
  width: auto !important;
  display: flex !important;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #ffd1ec;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

/* Imagem e textos legíveis */
.fada-top3-grid .card-impulsionado__thumb{
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 8px;
  display: block;
  margin-bottom: 10px;
}

/* Botão full-width com bom toque */
.fada-top3-grid .fada-button{
  width: 100% !important;
  min-height: 44px;
  border-radius: 10px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-top: auto;
}

/* ===== 3 CARDS — Botões com o mesmo tamanho e “toque” ===== */
.home .fada-row-3 .fada-card .fada-button,
.home .fada-row-3 .fada-card .fada-botao-verde{
  display:inline-flex; align-items:center; justify-content:center;
  height:48px;                    /* mesma altura do “Falar com a FADA” */
  padding:0 18px;
  border-radius:10px;
  font-weight:700;
  letter-spacing:.2px;
  margin:12px auto 0;             /* centraliza no card */
  min-width:220px;                /* desktop: pelo menos o tamanho do texto grande */
}

/* mobile: todos realmente “cheios” e iguais */
@media (max-width:560px){
  .home .fada-row-3 .fada-card .fada-button,
  .home .fada-row-3 .fada-card .fada-botao-verde{
    width:100%;
    max-width:320px;
  }
}

/* empurrar o botão pro rodapé do card (fica nivelado entre colunas) */
/*.home .fada-row-3 .fada-card .card-body{ margin-bottom:10px; }
.home .fada-row-3 .fada-card .fada-button,
.home .fada-row-3 .fada-card .fada-botao-verde{ margin-top:auto; }

/* ===== Stepper (Como participar) — setas e largura dos 3 botões ===== */

/* seta padrão (desktop) */
#como-participar .fada-stepper .step:not(:last-child)::after{
  content:"→";
  margin:0 10px;
  opacity:.65;
  font-weight:700;
}

/* mobile: seta para baixo */
@media (max-width:640px){
  #como-participar .fada-stepper{
    flex-direction:column;
    gap:8px;
  }
  #como-participar .fada-stepper .step:not(:last-child)::after{
    content:"↓";
    display:block;
    margin:6px 0 0;
  }
}

/* 3 botões do bloco “Como participar” com a MESMA largura */
#como-participar .fada-botoes-centro a,
#como-participar .fada-botao,
#como-participar .fada-btn-rosa{
  display:inline-flex; align-items:center; justify-content:center;
  height:48px;
  padding:0 18px;
  border-radius:10px;
  font-weight:700;
}

/* mobile: força largura cheia e idêntica nos 3 */
@media (max-width:560px){
  #como-participar .fada-botoes-centro a,
  #como-participar .fada-botao,
  #como-participar .fada-btn-rosa{
    width:100%;
    max-width:320px;
  }
}

/* ===== KPIs — grade fluida e tipografia adaptativa ===== */
.fada-kpis{
  display:grid;
  grid-template-columns: repeat(7, minmax(0,1fr)); /* desktop: 7 KPIs lado a lado */
  gap: 8px 12px;
  max-width:1140px;
  margin:8px auto 22px;
  padding:0 12px;
}

@media (max-width:768px){
  .fada-kpis{ grid-template-columns: repeat(3, minmax(0,1fr)); } /* mobile médio: 3 por linha */
}
@media (max-width:420px){
  .fada-kpis{ grid-template-columns: repeat(2, minmax(0,1fr)); } /* mobile pequeno: 2 por linha */
}

.fada-kpis .kpi{ text-align:center; }
.fada-kpis .kpi .valor{
  font-weight:700;
  font-size:clamp(16px, 4.6vw, 20px);  /* encolhe levemente conforme a tela */
  line-height:1.15;
  word-break:break-word;
}
.fada-kpis .kpi .rotulo{
  font-size:12px;
  color:#666;
  margin-top:4px;
}

/* === KPIs do Painel — 3 por linha no mobile === */
@media (max-width: 640px){
  .fada-kpis{
    display: grid !important;                     /* força grid */
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px 14px !important;
    justify-items: center;                        /* centraliza cada KPI */
  }
  .fada-kpis .kpi{
    min-width: 0;
    text-align: center;
  }
  .fada-kpis .kpi .valor{
    font-weight: 700;
    font-size: 18px;                              /* ajusta p/ números grandes */
    line-height: 1.1;
    font-variant-numeric: tabular-nums;          /* alinhamento agradável dos dígitos */
  }
  .fada-kpis .kpi .rotulo{
    font-size: 12.5px;
    line-height: 1.2;
    color: #555;
    margin-top: 2px;
    word-break: keep-all;
  }
}

/* === PATCH: 3 cards "Como participar" — botões iguais === */

/* 1) Zera qualquer largura especial aplicada só na coluna 2 */
.home .fada-row-3 .wp-block-column:nth-child(2) .card-actions .fada-botao,
.home .fada-row-3 .wp-block-column:nth-child(2) .card-actions .fada-botao-verde {
  width: 100% !important;   /* vence a regra antiga de 200px */
  max-width: 320px;
}

/* 2) Padroniza os botões dos 3 cards (classes que você usa nos cards) */
.home .fada-row-3 .fada-card .fada-button,
.home .fada-row-3 .fada-card .fada-botao,
.home .fada-row-3 .fada-card .fada-botao-verde {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 48px;             /* mesma altura de toque */
  width: 100%;
  max-width: 320px;         /* igual ao maior que você já usa */
  padding: 0 18px;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: .2px;
  margin: 12px auto 0;      /* centralizado e com respiro */
}

/* 3) Garante botão “no rodapé” do card (alinha entre colunas) */
/*.home .fada-row-3 .fada-card { display: flex; flex-direction: column; height: 100%; }
/*.home .fada-row-3 .fada-card .card-body { flex: 1 1 auto; }
/*.home .fada-row-3 .fada-card .fada-button,
/*.home .fada-row-3 .fada-card .fada-botao,
/*.home .fada-row-3 .fada-card .fada-botao-verde { margin-top: auto; }

/* 4) Stepper (Você apoia → …): seta para baixo no mobile e larguras iguais */
#como-participar .fada-stepper .step:not(:last-child)::after {
  content: "→";
  margin: 0 10px; opacity: .65; font-weight: 700;
}
@media (max-width: 640px) {
  #como-participar .fada-stepper { flex-direction: column; gap: 8px; }
  #como-participar .fada-stepper .step:not(:last-child)::after {
    content: "↓"; display: block; margin: 6px 0 0;
  }
  #como-participar .fada-botoes-centro a,
  #como-participar .fada-botao,
  #como-participar .fada-btn-rosa {
    width: 100%;
    max-width: 320px;
    height: 48px;
  }
}

/* === PADRONIZAÇÃO DOS BOTÕES NOS 3 CARDS (Doadores / Recorrentes / Impulsionadores) === */
.fada-3cols .fada-card {
  display: flex; 
  flex-direction: column;
  height: 100%;
}

.fada-3cols .fada-card .card-body {
  flex: 1 1 auto; /* empurra o botão pro rodapé */
}

.fada-3cols .card-actions {
  margin-top: auto; /* garante que o botão fique sempre na base do card */
  text-align: center;
}

.fada-3cols .card-actions a.fada-button,
.fada-3cols .card-actions a.fada-botao,
.fada-3cols .card-actions a.fada-botao-verde {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;           /* mesma altura para todos */
  min-width: 220px;       /* largura mínima igual */
  max-width: 220px;       /* largura máxima igual */
  width: 220px;           /* fixa em 220px no desktop */
  margin: 12px auto 0;    /* centralizado */
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 2px 0 rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}

/* Mobile: botões ocupam toda a largura */
@media (max-width: 560px) {
  .fada-3cols .card-actions a.fada-button,
  .fada-3cols .card-actions a.fada-botao,
  .fada-3cols .card-actions a.fada-botao-verde {
    width: 100% !important;
    max-width: 320px;
  }
}

/* === HERO (topo) — botões do mesmo tamanho === */
.home .fada-hero .fada-botoes-centro a.fada-botao-verde,
.home .fada-hero .fada-botoes-centro a.fada-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px !important;      /* mesma altura */
  width: 220px !important;       /* mesma largura no desktop */
  max-width: 220px !important;
  min-width: 220px !important;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: .2px;
  text-decoration: none !important;
  margin: 8px 6px 0;             /* respiro entre eles */
  box-shadow: 0 2px 0 rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}

/* Hover simpático */
.home .fada-hero .fada-botoes-centro a:hover{
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.10);
}

/* Mobile: ocupam toda a largura (ficam iguais também) */
@media (max-width: 560px){
  .home .fada-hero .fada-botoes-centro a.fada-botao-verde,
  .home .fada-hero .fada-botoes-centro a.fada-button{
    width: 100% !important;
    max-width: 320px !important;
    min-width: 0 !important;
  }
}

/* ===== Faixa Parceiro Impulsionador (Home) ===== */
.faixa-rosa-clara{
  background: linear-gradient(180deg,#fff1f9 0%, #ffffff 100%);
}

/* container da faixa */
.fada-parceiro{
  margin: 26px auto 8px;
  padding: 24px 16px 30px;
}
.fada-parceiro__wrap{
  max-width: 1080px; margin: 0 auto;
}

/* topo: texto + logo */
.fada-parceiro__top{
  display: grid; grid-template-columns: 1.4fr .8fr; gap: 18px; align-items: center;
}
@media (max-width: 820px){
  .fada-parceiro__top{ grid-template-columns: 1fr; text-align: center; }
}

.fada-parceiro__txt .titulo-fada.pequeno{
  font-size: clamp(20px, 2.2vw, 28px);
  margin: 6px 0 6px;
}
.chip-impulsionador{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 6px 12px; border:1px solid #ffd1ec; border-radius:999px;
  background:#fff; color:#d10072; font: 800 12px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing:.3px; text-transform:uppercase;
}

.fada-parceiro__logo img{
  width: 100%; max-width: 280px; height: auto; display:block; margin: 0 auto;
  border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

/* “Como funciona” — 3 passos */
.fada-parceiro__flow{
  display:flex; align-items:center; justify-content:center; gap: 12px 18px;
  margin: 14px 0 8px; flex-wrap: wrap;
}
.fada-parceiro__flow .flow-step{
  background:#fff; border:1px solid #ffd1ec; border-radius:12px;
  padding: 12px 14px; display:flex; align-items:center; gap:10px;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  min-width: 240px;
}
.fada-parceiro__flow .icon{ font-size:20px; line-height:1; }
.fada-parceiro__flow .txt{ font-size:14px; color:#333; }
.fada-parceiro__flow .txt strong{ color:#ff1493; }
.fada-parceiro__flow .seta{
  font-weight:800; opacity:.65;
}
@media (max-width:640px){
  .fada-parceiro__flow .seta{ display:none; } /* mobile já “quebra” em caixinhas */
}

/* Pilares */
.fada-parceiro__pilares{
  max-width: 760px; margin: 8px auto; padding: 0 10px 0 26px; color:#333; line-height:1.55;
}
.fada-parceiro__pilares li{ margin: 6px 0; }
.fada-parceiro__pilares strong{ color:#121212; }

/* CTAs: tamanho IGUAL e responsivo */
.fada-parceiro__ctas{
  margin-top: 14px; display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
}
.fada-parceiro__ctas a.fada-button,
.fada-parceiro__ctas a.fada-botao-verde{
  display:inline-flex; align-items:center; justify-content:center;
  height: 48px; padding: 0 18px; border-radius:10px; font-weight:700; letter-spacing:.2px;
  width: 100%; max-width: 420px;  /* iguais no desktop */
  text-decoration:none !important; margin-top: 6px;
}
@media (max-width:560px){
  .fada-parceiro__ctas a{ width:100%; max-width:320px; }
}


/* PATCH: herói colado demais do painel */
.home .fada-hero{
  margin-bottom: 18px !important;   /* estava 34/46/48px em alguns blocos */
  padding-bottom: 0 !important;
}
.home .fada-botoes-centro{ 
  margin-bottom: 8px !important; 
}
#painel-impacto{
  margin-top: 18px !important;      /* aproxima do herói */
}

/* Evita que alguma regra de seção logo abaixo crie “buraco” extra */
.fada-tarja-transp{ margin-top: 18px !important; }


/* grid do topo (texto + logo) */
.fada-parceiro__top{
  display: grid; 
  grid-template-columns: 1.4fr .8fr; 
  gap: 18px; 
  align-items: center;
}
.fada-parceiro__logo{
  justify-self: end;                 /* gruda à direita */
}
.fada-parceiro__logo img{
  display:block;
  width: 100%;
  max-width: 280px;                  /* ajuste fino aqui */
  max-height: 120px;                 /* controla altura */
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

/* Mobile: logo abaixo e centralizado */
@media (max-width: 820px){
  .fada-parceiro__top{ grid-template-columns: 1fr; text-align:center; }
  .fada-parceiro__logo{ justify-self: center; }
}

.home .fada-hero{ margin-bottom:18px !important; padding-bottom:0 !important; }
.home .fada-botoes-centro{ margin-bottom:8px !important; }
#painel-impacto{ margin-top:18px !important; }


/* === Sementes de Gaia – Logo na faixa do parceiro (BLOCO ÚNICO) === */
.faixa-gaia .fada-parceiro__top{
  grid-template-columns: 1fr minmax(240px, 320px) !important; /* coluna do logo mais enxuta */
}
.faixa-gaia .fada-parceiro__logo{
  justify-self: end;  /* à direita no desktop */
}
.faixa-gaia .fada-parceiro__logo img{
  width: clamp(170px, 19vw, 280px) !important;  /* um pouco menor que antes */
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

/* Mobile: centraliza e usa tamanho confortável */
@media (max-width: 820px){
  .faixa-gaia .fada-parceiro__top{ grid-template-columns: 1fr !important; text-align: center; }
  .faixa-gaia .fada-parceiro__logo{ justify-self: center; }
  .faixa-gaia .fada-parceiro__logo img{ width: clamp(160px, 56vw, 260px) !important; }
}

/* Aproxima herói do Painel de Impacto */
.home .fada-hero{ 
  margin-bottom: 12px !important; 
  padding-bottom: 0 !important; 
}

/* Se houver um Spacer do Gutenberg logo após o herói, esconde */
.fada-hero + .wp-block-spacer{ 
  display: none !important; 
}

/* Zera margens no container seguinte ao herói (seção do Painel) */
.fada-hero + #painel-impacto,
.fada-hero + section#painel-impacto,
.fada-hero + .wp-block-group#painel-impacto{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Garante que o primeiro título do painel não “puxe” margem pra cima */
#painel-impacto,
#painel-impacto > *:first-child{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#painel-impacto .titulo-fada,
#painel-impacto h2{
  margin-top: 0 !important;
}

/* Em layouts do WP que adicionam spacing automático: neutraliza só no topo do painel */
:where(#painel-impacto.is-layout-constrained) > :first-child{
  margin-block-start: 0 !important;
}

/* ===== KILL GAP: herói colado no Painel de Impacto (Home) ===== */

/* 0) O herói não empurra nada pra baixo */
.home .fada-hero > *:last-child { margin-bottom: 0 !important; }

/* 1) O bloco imediatamente após o herói não tem margem/padding no topo */
.home .fada-hero + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 2) Se esse bloco for Group/Container do Gutenberg, zera o block-gap */
.home .fada-hero + :is(.wp-block-group, [class*="wp-container-"], section, div) {
  --wp--style--block-gap: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

/* 3) E o PRIMEIRO elemento lá dentro também não puxa margem */
.home .fada-hero + :is(.wp-block-group, [class*="wp-container-"], section, div) > :first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.home .fada-hero + * :is(h2,.titulo-fada,.wp-block-heading):first-child { margin-top: 0 !important; }

/* 4) Se alguém deixou um Spacer ali, some com ele */
.home .fada-hero + .wp-block-spacer { height: 0 !important; display: none !important; }

/* 5) ID do Painel: garante 0 mesmo que haja inline style */
#painel-impacto { margin-top: 0 !important; padding-top: 0 !important; }


/* ===== FIX DEFINITIVO — gap entre herói e Painel (HOME) ===== */

/* 1) O herói não colapsa a margem do último filho */
.home .fada-hero{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  display: flow-root;                 /* impede margin-collapsing */
}

/* 2) Controla o respiro interno do herói (ajuste fino aqui) */
.home .fada-hero > *:last-child{
  margin-bottom: 12px !important;     /* mude p/ 8–16px se quiser */
}

/* 3) Mata o block-gap do Gutenberg no bloco imediatamente após o herói */
.entry-content > .fada-hero + *{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 4) Se o próximo bloco for Group/Container, zera as variáveis de gap */
.entry-content > .fada-hero + :is(.wp-block-group,[class*="wp-container-"],section,div){
  --wp--style--block-gap: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

/* 5) Algum Spacer ali? some com ele */
.home .fada-hero + .wp-block-spacer{
  display: none !important;
  height: 0 !important;
}


/* 6) Cautela extra no próprio Painel */
#painel-impacto{ margin-top: 0 !important; padding-top: 0 !important; }

/* Hero encostado no Painel */
.home .fada-hero { margin-bottom: 10px !important; padding-bottom: 0 !important; }
#painel-impacto { margin-top: 0 !important; padding-top: 0 !important; }
#painel-impacto .titulo-fada { margin-top: 0 !important; }

/* Se o editor deixou um Spacer/parágrafo vazio depois do herói, some com ele */
.fada-hero + .wp-block-spacer,
.fada-hero ~ .wp-block-spacer { display: none !important; height: 0 !important; margin: 0 !important; }
.fada-hero + p:empty,
.fada-hero + div:empty { display: none !important; height: 0 !important; margin: 0 !important; }

/* Se o painel estiver dentro de Group/Columns, zera gap/margem do container e do 1º filho */
.fada-hero + :is(.wp-block-group, .wp-block-columns, section, div){
  --wp--style--block-gap: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.fada-hero + :is(.wp-block-group, .wp-block-columns, section, div) > :first-child{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===== Desktop-only: encostar o Painel no herói e neutralizar Spacers ===== */
@media (min-width: 981px){

  /* 1) herói não deixa espaço extra */
  .home .fada-hero{
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
  }

  /* 2) o bloco imediatamente após o herói não tem margem/padding no topo */
  .home .fada-hero + :is(.wp-block-group, .wp-block-columns, section, div){
    --wp--style--block-gap: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 3) se o PRIMEIRO filho do container for Spacer, some com ele (desktop) */
  .home .fada-hero + :is(.wp-block-group, .wp-block-columns, section, div) > .wp-block-spacer:first-child{
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 4) garante que o primeiro conteúdo real não “puxe” margem */
  .home .fada-hero + :is(.wp-block-group, .wp-block-columns, section, div) > :first-child{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 5) Painel de Impacto sem margem no topo (força máxima) */
  .home section#painel-impacto.fada-container-central{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 6) qualquer Spacer perdido entre herói e painel (irmãos) some no desktop */
  .home .fada-hero ~ .wp-block-spacer{
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Como participar — cards mais compactos (mantém alinhamento) */
@media (min-width: 981px){
  #como-participar .fada-row-3 .fada-card{
    min-height: 340px !important;  /* era 430px */
  }
}


/* DESATIVADO: regra antiga de “empurrar botão pro rodapé”
#como-participar .fada-card .fada-button,
#como-participar .fada-card .fada-botao-verde,
#como-participar .fada-card .whatsapp{ margin-top: auto; }
#como-participar .fada-card .card-body{ margin-bottom: 10px; }
*/



/* FIX: remove altura mínima do herói que criava o “buraco” no desktop */
.hero, .fada-hero { min-height: 0 !important; }
@supports (height: 1svh){
  .hero, .fada-hero { min-height: 0 !important; }
}


/* === 1) HOME — mais respiro entre os CTAs do herói e o Painel (desktop) === */
@media (min-width: 981px){
  .home .fada-dica{               /* linha "Dica: ..." */
    margin-bottom: 24px !important;
  }
  /* se preferir ainda mais, troque 24px por 28–32px */
}

/* === 2) COMO PARTICIPAR — botão mais perto do texto, sem afetar outros === */
/* reduz a altura mínima só aqui (desktop) */
@media (min-width: 981px){
  #como-participar .fada-row-3 .fada-card{
    min-height: 320px !important;             /* antes alguns lugares forçavam ~430px */
  }
  /* em vez de “grudar no rodapé”, damos um gap fixo de ~10px depois do texto */
  #como-participar .fada-row-3 .fada-card .fada-button,
  #como-participar .fada-row-3 .fada-card .fada-botao,
  #como-participar .fada-row-3 .fada-card .fada-botao-verde{
    margin-top: 10px !important;              /* sobrescreve o margin-top:auto dessa seção */
  }
}

/* (cinto e suspensório) HERO — força largura idêntica dos 2 CTAs, só na home */
.home .fada-hero .fada-botoes-centro > a.fada-botao-verde,
.home .fada-hero .fada-botoes-centro > a.fada-button{
  display: inline-flex !important;
  align-items: center; justify-content: center;
  height: 48px !important;
  width: 220px !important; min-width: 220px !important; max-width: 220px !important;
}

/* ===== HARD-OVERRIDE (coloque no FINAL do FADA Style) ===== */

/* 1) HOME — dar respiro ENTRE os CTAs do herói e o Painel (apenas desktop) */
@media (min-width: 981px){
  body.home .fada-hero{
    margin-bottom: 28px !important;   /* ajuste livre: 24–36px */
    padding-bottom: 0 !important;
  }
  /* Mantém o Painel sem margem própria (o respiro vem do herói) */
  body.home #painel-impacto{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* 2) HOME — 3 cards (“Como participar”): botão mais perto do texto (sem afetar o resto) */
/* Cancela o truque de empurrar pro rodapé (margin-top:auto) SÓ nessa faixa */
@media (min-width: 981px){
  .home .fada-row-3 .card-actions,
  .home .fada-3cols .card-actions,
  .home .fada-cards-grid .card-actions{
    margin-top: 10px !important;       /* em vez de auto */
  }

  /* Opcional: reduzir levemente a altura mínima dos cards (se houver) */
  .home .fada-row-3 .fada-card,
  .home .fada-3cols .fada-card,
  .home .fada-cards-grid .fada-card{
    min-height: 320px !important;      /* ajuste: 300–360px */
  }

  /* Garante que o próprio link do botão não volte a auto */
  .home .fada-row-3 .fada-card .fada-button,
  .home .fada-row-3 .fada-card .fada-botao,
  .home .fada-row-3 .fada-card .fada-botao-verde{
    margin-top: 10px !important;
  }
}

/* ===== PATCH FINAL — HOME ===================================
   1) +respiro entre o herói e o Painel (desktop)
   2) "Como participar": botão logo após o texto (não no rodapé)
   3) Funciona mesmo se o bloco não tiver .fada-card
   ============================================================ */

/* 1) Um pouco mais de respiro entre os botões do herói e o Painel */
@media (min-width:981px){
  .home .fada-hero{ margin-bottom:26px !important; }  /* ajuste fino aqui */
  #painel-impacto{ margin-top:6px !important; }       /* opcional, só p/ somar */
}

/* 2) COMO PARTICIPAR — cancela o “empurra pro rodapé” */
#como-participar .fada-row-3 :is(.fada-card, .wp-block-group, .wp-block-column){
  display:flex !important;
  flex-direction:column;
}

/* o texto não “estica” para jogar o botão pra baixo */
#como-participar .fada-row-3 :is(.fada-card, .wp-block-group, .wp-block-column) .card-body{
  flex:0 0 auto !important;
  margin-bottom:12px;             /* respiro antes do botão */
}

/* o botão fica logo após o texto (e centralizado) */
#como-participar .fada-row-3 :is(.fada-button,.fada-botao,.fada-botao-verde,.whatsapp){
  margin-top:12px !important;     /* vence os margin-top:auto anteriores */
  align-self:center;
}

/* se existir um wrapper .card-actions, não deixa ele criar gap extra */
#como-participar .fada-row-3 .card-actions{ margin-top:0 !important; }


/* ================= FADA — HOME (pacote enxuto) =================== */

/* 1) Buraco entre Herói e Painel (desktop e mobile) */
.home .fada-hero{ margin-bottom:12px !important; padding-bottom:0 !important; display:flow-root !important; }
.home .fada-hero + *{ margin-top:0 !important; padding-top:0 !important; }
.home .fada-hero + .wp-block-spacer{ display:none !important; height:0 !important; }
#painel-impacto{ margin-top:0 !important; padding-top:0 !important; }
.hero, .fada-hero{ min-height:0 !important; }         /* mata qualquer svh antigo */
@supports (height:1svh){ .hero, .fada-hero{ min-height:0 !important; } }

/* 2) COMO PARTICIPAR — botão NÃO no rodapé (só aqui) */
#como-participar .fada-row-3 :is(.fada-card,.wp-block-group,.wp-block-column){
  display:flex !important; flex-direction:column !important; min-height:auto !important;
}
#como-participar .fada-row-3 :is(.fada-card,.wp-block-group,.wp-block-column) .card-body{
  flex:0 0 auto !important; margin-bottom:12px !important;
}
#como-participar .fada-row-3 .card-actions{ margin-top:0 !important; }
#como-participar .fada-row-3 :is(a.fada-button,a.fada-botao,a.fada-botao-verde,a.whatsapp,
                                 .fada-button,.fada-botao,.fada-botao-verde,.whatsapp){
  display:inline-flex !important; align-items:center; justify-content:center;
  height:48px; padding:0 18px; border-radius:10px; font-weight:700; letter-spacing:.2px;
  margin-top:12px !important; align-self:center !important;
  width:220px; max-width:220px; min-width:220px;
}
@media (max-width:560px){
  #como-participar .fada-row-3 :is(a.fada-button,a.fada-botao,a.fada-botao-verde,a.whatsapp,
                                   .fada-button,.fada-botao,.fada-botao-verde,.whatsapp){
    width:100% !important; max-width:320px !important; min-width:0 !important;
  }
}

/* 3) 3 cards da home — tamanhos iguais (sem forçar rodapé) */
.home .fada-row-3 .card-actions a.fada-botao,
.home .fada-row-3 .card-actions a.fada-botao-verde,
.home .fada-row-3 .card-actions a.fada-button,
.home .fada-row-3 .card-actions .whatsapp{
  display:inline-flex !important; align-items:center; justify-content:center;
  height:48px; padding:0 18px; border-radius:10px; font-weight:700; letter-spacing:.2px;
  text-decoration:none !important;
  width:220px; max-width:220px; min-width:220px;
  box-shadow:0 2px 0 rgba(0,0,0,.08);
}
@media (max-width:560px){
  .home .fada-row-3 .card-actions :is(a,.whatsapp){
    width:100% !important; max-width:320px !important; min-width:0 !important;
  }
}
/* Cores dos botões (mantém sua paleta) */
.home .fada-row-3 .card-actions a.fada-botao{ background:#ff00aa; color:#fff !important; }
.home .fada-row-3 .card-actions a.fada-botao:hover{ background:#cc0088; }
.home .fada-row-3 .card-actions a.fada-botao-verde{ background:#28a745 !important; color:#fff !important; }
.home .fada-row-3 .card-actions a.fada-botao-verde:hover{ background:#218838 !important; }

/* 4) Botões do HERÓI com o mesmo tamanho (desktop) */
.home .fada-hero .fada-botoes-centro a.fada-botao-verde,
.home .fada-hero .fada-botoes-centro a.fada-button{
  display:inline-flex; align-items:center; justify-content:center;
  height:48px !important; width:220px !important; max-width:220px !important; min-width:220px !important;
  border-radius:10px; font-weight:700; letter-spacing:.2px; text-decoration:none !important;
}
@media (max-width:560px){
  .home .fada-hero .fada-botoes-centro a.fada-botao-verde,
  .home .fada-hero .fada-botoes-centro a.fada-button{
    width:100% !important; max-width:320px !important; min-width:0 !important;
  }
}

/* 5) Faixa “Sementes de Gaia” — versão única */
.faixa-gaia .fada-parceiro__top{ grid-template-columns: 1fr minmax(240px,320px) !important; }
.faixa-gaia .fada-parceiro__logo{ justify-self:end; }
.faixa-gaia .fada-parceiro__logo img{
  width:clamp(170px,19vw,280px) !important; height:auto !important; object-fit:contain !important; border-radius:12px;
}
@media (max-width:820px){
  .faixa-gaia .fada-parceiro__top{ grid-template-columns:1fr !important; text-align:center; }
  .faixa-gaia .fada-parceiro__logo{ justify-self:center; }
  .faixa-gaia .fada-parceiro__logo img{ width:clamp(160px,56vw,260px) !important; }
}

/* ===== HARD-OVERRIDE — Como participar: NÃO colar botão no rodapé ===== */
#como-participar .fada-card { display:block !important; height:auto !important; }

#como-participar .card-actions,
#como-participar .fada-cta,
#como-participar .fada-duo-cta,
#como-participar .fada-card .fada-button,
#como-participar .fada-card .fada-botao,
#como-participar .fada-card .fada-botao-verde,
#como-participar .fada-card .whatsapp{
  margin-top:10px !important;   /* derrota todos os margin-top:auto */
}

#como-participar .fada-card .card-body{
  margin-bottom:10px !important; /* um respiro antes do botão */
  flex:initial !important;       /* se algum lugar tiver flex:1 */
}

/* ===== HARD-OVERRIDE — Como participar (não colar no rodapé) ===== */
body.home #como-participar .fada-row-3 .fada-card{
  display: block !important;      /* mata o flex que empurra tudo */
  height: auto !important;
}

/* mata TODO margin-top:auto dentro da seção */
body.home #como-participar .fada-row-3 .card-actions,
body.home #como-participar .fada-row-3 .fada-cta,
body.home #como-participar .fada-row-3 .fada-duo-cta,
body.home #como-participar .fada-row-3 a.fada-button,
body.home #como-participar .fada-row-3 a.fada-botao,
body.home #como-participar .fada-row-3 a.fada-botao-verde,
body.home #como-participar .fada-row-3 a.whatsapp{
  margin-top: 10px !important;    /* vence os “auto” de todos os blocos */
}

/* se houver .card-body com flex:1 em algum lugar, neutraliza aqui */
body.home #como-participar .fada-row-3 .fada-card .card-body{
  flex: initial !important;
  margin-bottom: 10px !important;
}

/* ===================== FADA — HOTFIX (colar no FINAL) ===================== */

/* 1) Desfaz o “site estreito” sem você precisar apagar o que já existe */
html, body { max-width: none !important; }
body { padding: 0 !important; }

/* 2) Seções FADA com largura controlada (o tema cuida do resto) */
.fada-container,
.fada-container-central,
.fada-container-completo,
.fada-container-projeto-completo,
.fada-container-transparencia,
.fada-projeto-container,
.fada-container-duas-colunas,
.fada-grid-narrow,
.fada-3cols,
.fada-top3-grid,
.fada-projetos-grid {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}

/* 3) Botão quando o próprio link tem a classe (ex.: <a class="fada-botao">) */
a.fada-botao,
a.fada-botao:visited,
a.fada-botao:hover,
a.fada-botao:focus {
  display:inline-block;
  background:#ff00aa;
  color:#fff !important;
  padding:10px 25px;
  border-radius:6px;
  font-weight:700;
  text-decoration:none !important;
  transition:background .3s ease;
  margin-top:10px;
}
a.fada-botao:hover { background:#cc0088; }

/* 4) Shortcodes [fada_blocos_projetos] e [fada_blocos_impulsionados] */
.fada-projetos-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
  width:min(1140px,100%);
  margin:12px auto 32px;
}
.fada-projetos-grid .fada-card.projeto-card{
  position:relative;
  display:flex !important; flex-direction:column;
  background:#fff; border:1px solid #ffd1ec; border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  padding:14px; width:auto !important; min-width:0;
}
.fada-projetos-grid .thumb16x9{ position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:8px; margin-bottom:10px; }
.fada-projetos-grid .thumb16x9 img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.fada-projetos-grid .ttl{ margin:6px 0 4px; font-weight:800; color:#ff1493; text-align:center; }
.fada-projetos-grid .mun{ margin:0 0 6px; text-align:center; color:#666; }
.fada-projetos-grid .val{ margin:0 0 8px; text-align:center; font-weight:700; }
.fada-projetos-grid .tx{ margin:0 0 8px; }
.fada-projetos-grid .chips{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin:4px 0 6px; }
.fada-projetos-grid .chip{ background:#fff1f9; border:1px solid #ffd1ec; border-radius:999px; padding:4px 8px; font:600 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#d10072; }
.projeto-card .fada-selo-inativo{ position:absolute; top:10px; left:10px; z-index:2; }

.fada-botao-projeto,
.fada-botao-transparencia{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:0 18px; border-radius:10px; font-weight:700;
  text-decoration:none !important; width:100%; margin-top:8px;
}
.fada-botao-projeto{ background:#ff00aa; color:#fff !important; }
.fada-botao-projeto:hover{ background:#cc0088; }
.fada-botao-transparencia{ background:#28a745; color:#fff !important; }
.fada-botao-transparencia:hover{ background:#218838; }

/* 5) Neutraliza o .fada-card antigo (inline-block/260px) só onde precisa */
.fada-projetos-grid .fada-card,
.home .fada-row-3 .fada-card,
.fada-top3-grid .fada-card{
  width:auto !important;
  display:flex !important;
  flex-direction:column;
  min-height:unset !important;
}

/* 6) #como-participar — botões PERTO do texto (sem colar no rodapé) */
#como-participar .fada-row-3{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
@media (max-width:980px){ #como-participar .fada-row-3{ grid-template-columns:1fr; } }

#como-participar .fada-card{ display:block !important; min-height:unset !important; }
#como-participar .fada-card .card-body{ margin-bottom:10px !important; flex:initial !important; }
#como-participar .card-actions{ margin-top:0 !important; }
#como-participar .fada-card .fada-button,
#como-participar .fada-card .fada-botao,
#como-participar .fada-card .fada-botao-verde,
#como-participar .fada-card .whatsapp{
  margin-top:10px !important; width:100%; max-width:320px;
}

/* 7) Swiper só dentro dos wrappers FADA (evita efeitos colaterais) */
.fada-swiper .swiper, .fada-receb-swiper .swiper{ width:100%; overflow:hidden; position:relative; }
.fada-swiper .swiper-wrapper, .fada-receb-swiper .swiper-wrapper{ display:flex; transition-property:transform; box-sizing:content-box; }
.fada-swiper .swiper-slide, .fada-receb-swiper .swiper-slide{ flex-shrink:0; width:100%; height:auto; display:flex; justify-content:center; align-items:center; }
/* ======================================================================= */

/* =================== FADA — HOTFIX V2 (colar NO FINAL) =================== */
/* 0) site não-estreito (sem mexer no que já existe) */
:where(html,body){ max-width:none !important; }
body{ padding-left:0 !important; padding-right:0 !important; }

/* 1) Shortcodes: grid certo em Projetos e Impulsionados */
.fada-projetos-grid{
  display:grid !important;                     /* vence display:flex inline */
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
  width:min(1140px,100%);
  margin:12px auto 32px;
  padding:0 12px;
  box-sizing:border-box;
}

/* 1.1) Card padrão dos shortcodes */
.fada-projetos-grid .fada-card,
.fada-projetos-grid .fada-card.projeto-card{
  display:flex !important;
  flex-direction:column !important;
  width:auto !important;            /* cancela width fixa antiga */
  min-width:0 !important;
  background:#fff;
  border:1px solid #ffd1ec;
  border-radius:12px;
  padding:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}

/* 1.2) Imagem 16:9 */
.fada-projetos-grid .thumb16x9{
  position:relative; aspect-ratio:16/9; overflow:hidden;
  border-radius:8px; margin-bottom:10px;
}
.fada-projetos-grid .thumb16x9 img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}

/* 1.3) Tipos e chips */
.fada-projetos-grid .ttl{ margin:6px 0 4px; font-weight:800; color:#ff1493; text-align:center; }
.fada-projetos-grid .mun{ margin:0 0 6px; color:#666; text-align:center; }
.fada-projetos-grid .val{ margin:0 8px 8px; font-weight:700; text-align:center; }
.fada-projetos-grid .tx { margin:0 0 8px; }
.fada-projetos-grid .chips{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:4px 0 6px; }
.fada-projetos-grid .chip{ background:#fff1f9; border:1px solid #ffd1ec; color:#d10072;
  border-radius:999px; padding:4px 8px; font:600 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }

/* 1.4) Botões dos cards */
.fada-botao-projeto,
.fada-botao-transparencia{
  display:inline-flex !important; align-items:center; justify-content:center;
  height:42px; padding:0 18px; border-radius:10px; font-weight:700;
  text-decoration:none !important; width:100% !important; margin-top:8px;
}
.fada-botao-projeto{ background:#ff00aa; color:#fff !important; }
.fada-botao-projeto:hover{ background:#cc0088; }
.fada-botao-transparencia{ background:#28a745; color:#fff !important; }
.fada-botao-transparencia:hover{ background:#218838; }

/* 1.5) Anula o .fada-card antigo (inline-block / 260px) onde importa */
.fada-projetos-grid .fada-card,
.home .fada-row-3 .fada-card,
.fada-top3-grid .fada-card{
  width:auto !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:unset !important;
}

/* 2) #como-participar — tira o “colar no rodapé” e aproxima o botão do texto */
#como-participar .fada-row-3{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
@media (max-width:980px){ #como-participar .fada-row-3{ grid-template-columns:1fr; } }

/* 2.1) cancela qualquer flex que empurre o conteúdo */
body.home #como-participar .fada-row-3 .fada-card{
  display:block !important;
  height:auto !important;
}
body.home #como-participar .fada-row-3 .fada-card .card-body{
  flex:initial !important;
  margin-bottom:10px !important;
}
/* 2.2) derrota qualquer margin-top:auto nos botões daquela seção */
body.home #como-participar .fada-row-3 .card-actions{ margin-top:10px !important; }
body.home #como-participar .fada-row-3 .fada-card .fada-button,
body.home #como-participar .fada-row-3 .fada-card .fada-botao,
body.home #como-participar .fada-row-3 .fada-card .fada-botao-verde,
body.home #como-participar .fada-row-3 .fada-card .whatsapp{
  margin-top:10px !important;
  width:100% !important; max-width:320px;
}

/* 3) Botão genérico quando o PRÓPRIO <a> tem a classe (uso recorrente no site) */
a.fada-botao, a.fada-botao:visited, a.fada-botao:hover, a.fada-botao:focus{
  display:inline-block; background:#ff00aa; color:#fff !important;
  padding:10px 25px; border-radius:6px; font-weight:700;
  text-decoration:none !important; transition:background .3s ease; margin-top:10px;
}
a.fada-botao:hover{ background:#cc0088; }

/* 4) Swiper só dentro dos wrappers FADA (evita colateral global) */
.fada-swiper .swiper, .fada-receb-swiper .swiper{ width:100%; overflow:hidden; position:relative; }
.fada-swiper .swiper-wrapper, .fada-receb-swiper .swiper-wrapper{ display:flex; transition-property:transform; box-sizing:content-box; }
.fada-swiper .swiper-slide, .fada-receb-swiper .swiper-slide{ flex-shrink:0; width:100%; height:auto; display:flex; justify-content:center; align-items:center; }
/* ====================================================================== */


/* COMO PARTICIPAR – cards com botão com respiro (sem colar no rodapé) */
#como-participar .fada-row-3 .fada-card{
  display:flex; flex-direction:column; min-height:320px;
}
#como-participar .fada-row-3 .fada-card .card-body{ flex:1 1 auto; }
#como-participar .fada-row-3 .fada-card .fada-button,
#como-participar .fada-row-3 .fada-card .fada-botao,
#como-participar .fada-row-3 .fada-card .fada-botao-verde{
  margin-top:10px !important;
}

/* === FADA PATCH – FINAL === */

/* 1) Botão rosa pega qualquer markup (.fada-botao ou .fada-button) */
a.fada-botao, .fada-botao a, a.fada-button, .fada-button a{
  display:inline-block; background:#ff00aa; color:#fff !important;
  padding:10px 25px; border-radius:10px; font-weight:700;
  text-decoration:none !important; transition:background .3s ease;
}
a.fada-botao:hover, .fada-botao a:hover, a.fada-button:hover, .fada-button a:hover{ background:#cc0088 !important; }

/* 2) Botão verde – versão única */
a.fada-botao-verde{
  background:#28a745 !important; color:#fff !important;
  display:inline-flex; align-items:center; justify-content:center;
  height:48px; padding:0 18px; border-radius:10px; font-weight:700;
  text-decoration:none !important; box-shadow:0 4px 10px rgba(0,0,0,.15);
}
a.fada-botao-verde:hover{ background:#218838 !important; }

/* 3) Cards – base flex; versões antigas escopadas em página específica */
.fada-card{ display:flex !important; flex-direction:column; width:auto !important; }

/* 4) Swiper sem altura 0 */
.swiper{ width:100%; height:auto; overflow:hidden; position:relative; }
.swiper-wrapper{ display:flex !important; }
.swiper-slide{ width:100% !important; height:auto !important; }
.swiper-slide img{ width:100%; height:auto; display:block; }


/* ===========================
   PROJETOS — estilo exclusivo
   Escopo: .fada-projetos-grid e .fada-card.projeto-card
   (não afeta Transparência nem outras páginas)
   =========================== */

/* Grid responsivo dos cards */
.fada-projetos-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
  max-width:1140px;
  margin:0 auto 40px;
  padding:0 12px;
}

/* Neutraliza o .fada-card global só aqui */
.fada-card.projeto-card{
  width:auto !important;
  display:flex;
  flex-direction:column;
  position:relative;
  background:#fff;
  border:1px solid #ffd2ec;
  border-radius:20px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  overflow:hidden;
  min-height:100%;
}

/* mata a tarja rosa em PROJETOS (qualquer herança) */
.fada-card.projeto-card::before{
  content:none !important;
  display:none !important;
  height:0 !important;
  width:0 !important;
  background:transparent !important;
}


/* Imagem 16:9 */
.fada-card.projeto-card .thumb16x9{ width:100%; aspect-ratio:16/9; overflow:hidden; background:#f5f5f7; }
.fada-card.projeto-card .thumb16x9 img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Textos */
.fada-card.projeto-card .ttl{ margin:16px 20px 6px; font-size:20px; font-weight:800; text-transform:uppercase; line-height:1.2; color:#ff00aa; }
.fada-card.projeto-card .mun{ margin:0 20px 8px; color:#6b6b6b; font-weight:600; }
.fada-card.projeto-card .val{ margin:0 20px 8px; font-weight:700; color:#222; }
.fada-card.projeto-card .tx{  margin:0 20px 12px; color:#333; }

/* Chips (pontual/recorrente) */
.fada-card.projeto-card .chips{ display:flex; gap:8px; flex-wrap:wrap; margin:0 20px 12px; }
.fada-card.projeto-card .chip{ border:1px solid #ffd2ec; border-radius:999px; padding:6px 10px; font-size:12px; font-weight:600; color:#555; background:#fff; }

/* Selo INATIVO — faixa inclinada só nos projetos */
.fada-card.projeto-card .fada-selo-inativo{
  position:absolute; top:10px; right:-44px; transform:rotate(45deg);
  background:#9aa1a9; color:#fff; font-size:12px; letter-spacing:.4px;
  padding:4px 56px; font-weight:700; z-index:2;
}

/* Área dos botões (lado a lado no desktop / coluna no mobile) */
.fada-card.projeto-card .card-actions{
  margin-top:auto; padding:16px 20px 20px;
  display:flex; gap:12px; flex-wrap:wrap;
}
.fada-card.projeto-card .card-actions a{ flex:1 1 0; }

/* Botões do card — escopo PROJETOS apenas */
.fada-card.projeto-card .fada-botao-projeto{
  display:inline-block; text-align:center; text-decoration:none !important;
  background:#ff00aa; color:#fff; padding:12px 16px; border-radius:12px; font-weight:700;
  transition:background-color .2s ease;
}
.fada-card.projeto-card .fada-botao-projeto:hover{ background:#cc0088; }

.fada-card.projeto-card .fada-botao-transparencia{
  display:inline-block; text-align:center; text-decoration:none !important;
  background:#28a745; color:#fff; border:0;           /* verde, sem borda rosa */
  padding:12px 16px; border-radius:12px; font-weight:700;
  transition:background-color .2s ease;
}
.fada-card.projeto-card .fada-botao-transparencia:hover{ background:#218838; }


/* Filtros acima do grid (apenas aqui) */
.fada-projs-filtro .fada-inp{
  min-height:42px; padding:10px 12px; border:1px solid #e8e8ee; border-radius:10px; width:100%;
}
.fada-projs-filtro .fada-button,
.fada-projs-filtro .fada-button.limpar{ padding:10px 16px; border-radius:10px; }

/* Mobile (iPhone etc.) */
@media (max-width:560px){
  .fada-projetos-grid{ gap:16px; padding:0 10px; }      /* já tinha */
  .fada-card.projeto-card .ttl{ font-size:18px; }        /* já tinha */

  /* 1) respiro entre o texto e os botões */
  .fada-card.projeto-card .tx{
    margin-bottom:14px;           /* afasta o texto dos botões */
  }

  /* 2) empilha e dá espaço */
  .fada-card.projeto-card .card-actions{
    flex-direction:column;        /* já tinha */
    gap:12px;                     /* NOVO */
    padding-top:12px;             /* NOVO */
  }

  /* 3) largura igual dos dois CTAs + neutraliza flex antigo */
  .fada-card.projeto-card .card-actions a{
    width:100%;                   /* full no mobile */
    max-width:320px;              /* iguais */
    margin:0 auto;
    flex:unset;                   /* sobrescreve o flex:1 1 0; de cima */
  }
}


/* iOS safe-area quando houver barra inferior */
@supports (padding: env(safe-area-inset-bottom)){
  .fada-card.projeto-card .card-actions{ padding-bottom:calc(20px + env(safe-area-inset-bottom)); }
}

/* ============================
   PROJETOS – grid e cards
   (shortcode [fada_blocos_projetos])
   ============================ */

/* Grid fluido: ocupa 3 colunas no desktop, 2 no tablet, 1 no mobile */
.fada-projetos-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap: 18px;
  max-width: 1080px;
  margin: 18px auto 30px;
  padding: 0 12px;
}

/* Quebras responsivas */
@media (max-width: 980px){
  .fada-projetos-grid{ grid-template-columns: repeat(2, minmax(260px, 1fr)); }
}
@media (max-width: 640px){
  .fada-projetos-grid{ grid-template-columns: 1fr; }
}

/* Neutraliza o .fada-card antigo (260px/inline-block) só aqui */
.fada-projetos-grid .fada-card{
  width: auto !important;
  display: flex !important;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #ffd1ec;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  padding: 16px;
  text-align: left;
}

/* Faixa 16:9 da thumb */
.fada-projetos-grid .projeto-card .thumb16x9{
  position: relative;
  width: 100%;
  padding-top: 56.25%;              /* 16:9 */
  border-radius: 10px;
  overflow: hidden;
  background: #fff;                 /* sem rosa */
  margin-bottom: 10px;
}

.fada-projetos-grid .projeto-card .thumb16x9 img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* Selo INATIVO (se houver) */
.fada-projetos-grid .fada-selo-inativo{
  position: absolute;
  z-index: 2;
  top: 10px; left: 10px;
}

/* Tipografia do card */
.fada-projetos-grid .projeto-card .ttl{
  margin: 4px 0 2px;
  font-weight: 800;
  color: #ff1493;
  text-align: center;
  line-height: 1.2;
}
.fada-projetos-grid .projeto-card .mun{
  margin: 0 0 6px;
  text-align: center;
  color: #666;
  font-size: 14px;
}
.fada-projetos-grid .projeto-card .val{
  margin: 4px 0 8px;
  text-align: center;
  font-weight: 700;
  color: #222;
}
.fada-projetos-grid .projeto-card .tx{
  color: #333;
  font-size: 14px;
  line-height: 1.55;
}

/* Chips “Pontual ativa / Recorrente ativa” */
.fada-projetos-grid .projeto-card .chips{
  display:flex; gap:8px; flex-wrap:wrap; justify-content:center;
  margin-top: 6px;
}
.fada-projetos-grid .projeto-card .chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 4px 10px;
  border: 1px solid #ffd1ec;
  border-radius: 999px;
  font-size: 12px;
  color: #d10072;
  background: #fff;
}

/* Botões iguais, no rodapé do card */
.fada-projetos-grid .projeto-card .card-actions{
  margin-top: auto;                 /* empurra botões p/ base */
  display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
}
.fada-projetos-grid .projeto-card .fada-botao-projeto,
.fada-projetos-grid .projeto-card .fada-botao-transparencia{
  display:inline-flex; align-items:center; justify-content:center;
  height: 44px; padding: 0 18px;
  border-radius: 10px;
  font-weight: 700; letter-spacing: .2px;
  text-decoration: none !important;
  width: 100%; max-width: 220px;
}
.fada-projetos-grid .projeto-card .fada-botao-projeto{ background:#ff00aa; color:#fff; }
.fada-projetos-grid .projeto-card .fada-botao-projeto:hover{ background:#cc0088; }
.fada-projetos-grid .projeto-card .fada-botao-transparencia{
  background:#28a745; color:#fff;
}
.fada-projetos-grid .projeto-card .fada-botao-transparencia:hover{ background:#218838; }

/* Formulário de filtros — largura total e alinhamento */
.fada-projs-filtro{
  max-width: 1080px;
  margin: 0 auto 18px;
  padding: 0 12px;
}
.fada-projs-filtro .fada-inp{
  width: 100%;
  max-width: 100%;
}
.fada-projs-filtro .fada-button{
  min-height: 44px;
  border-radius: 10px;
  font-weight: 700;
}

/* PROJETOS (/projetos) — Limpar igual ao Filtrar, sem tocar na regra global */
.fada-projs-filtro .fada-button.limpar{
  background-color:#ff00aa;
  color:#fff;
  border:none;
}
.fada-projs-filtro .fada-button.limpar:hover{
  background-color:#cc0088;
}

/* ========= PROJETOS (só nesta página) ========= */
body.page-id-XXXX .fada-button.limpar{
  background:#fff !important;
  color:#ff00aa !important;
  border:2px solid #ff00aa !important;
}

/* Botões dos cards */
body.page-id-XXXX .fada-botao-projeto,
body.page-id-XXXX .fada-botao-projeto:visited,
body.page-id-XXXX .fada-botao-projeto:focus,
body.page-id-XXXX .fada-botao-projeto:hover{
  background:#ff00aa !important;
  color:#fff !important;
  border:none !important;
  outline:0 !important;
  box-shadow:none !important;
}

body.page-id-XXXX .fada-botao-transparencia,
body.page-id-XXXX .fada-botao-transparencia:visited,
body.page-id-XXXX .fada-botao-transparencia:focus,
body.page-id-XXXX .fada-botao-transparencia:hover{
  background:#28a745 !important;   /* verde */
  color:#fff !important;
  border:none !important;           /* mata a borda rosa herdada */
  outline:0 !important;
  box-shadow:none !important;
}

/* Grid dos cards (evita “se reajustar” após filtrar) */
body.page-id-XXXX .fada-projetos-grid,
body.page-id-XXXX .lista-projetos{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(320px,1fr));
  gap:22px;
  align-items:stretch;
}

/* Altura uniforme e ações no rodapé */
body.page-id-XXXX .fada-projeto-card{
  display:flex; flex-direction:column; height:100%;
}
body.page-id-XXXX .fada-projeto-card .card-actions{ margin-top:auto; }

/* --- PROJETOS — botão Limpar (branco com rosa) --- */
.fada-button.limpar{
  background:#fff !important;
  color:#ff00aa !important;
  border:2px solid #ff00aa !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* --- PROJETOS — “Ver Transparência” (verde sem borda rosa) --- */
a.fada-botao-transparencia,
button.fada-botao-transparencia{
  background:#28a745 !important;
  color:#fff !important;
  border:0 !important;                 /* remove borda herdada */
  outline:0 !important;                /* remove outline rosa de acessibilidade */
  box-shadow:none !important;          /* remove halo/borda via shadow */
}

a.fada-botao-transparencia:hover{
  background:#218838 !important;
}

a.fada-botao-transparencia:focus,
a.fada-botao-transparencia:focus-visible,
a.fada-botao-transparencia:active{
  outline:none !important;
  box-shadow:none !important;
  border:0 !important;
}


/* =========================
   PROJETOS — ajustes locais
   (apenas body.page-id-XXXX)
   ========================= */

/* 1) some com a tarja rosa do topo do card */
body.page-id-XXXX .fada-card.projeto-card::before{
  content:none !important;
  display:none !important;
  height:0 !important;
}

/* 2) fundo da faixa 16:9 branco (sem rosa de placeholder) */
body.page-id-XXXX .projeto-card .thumb16x9{
  background:#fff !important;
}

/* 3) botões iguais + respiro antes deles */
body.page-id-XXXX .projeto-card .tx{
  margin-bottom:16px !important; /* afasta o texto dos botões */
}
body.page-id-XXXX .projeto-card .card-actions{
  padding-top:12px !important;   /* respiro extra */
  gap:12px !important;
}
body.page-id-XXXX .projeto-card .card-actions a{
  width:100% !important;
  max-width:220px !important;     /* mesma largura no desktop */
  margin-left:auto; margin-right:auto;
}

/* 4) cores dos botões (sem borda rosa na transparência) */
body.page-id-XXXX .projeto-card .fada-botao-projeto{
  background:#ff00aa !important; color:#fff !important; border:0 !important;
}
body.page-id-XXXX .projeto-card .fada-botao-projeto:hover{ background:#cc0088 !important; }

body.page-id-XXXX .projeto-card .fada-botao-transparencia{
  background:#28a745 !important; color:#fff !important;
  border:0 !important; box-shadow:none !important; outline:0 !important;
}
body.page-id-XXXX .projeto-card .fada-botao-transparencia:hover{ background:#218838 !important; }

/* 5) mobile: empilha botões, mantêm mesma largura e mais espaço */
@media (max-width:560px){
  body.page-id-XXXX .projeto-card .card-actions{
    flex-direction:column !important;
    gap:12px !important;
    padding-top:12px !important;
  }
  body.page-id-XXXX .projeto-card .card-actions a{
    width:100% !important;
    max-width:320px !important;   /* iguais no mobile */
  }
}

/* 6) filtro: "Limpar" branco com borda rosa só em /projetos */
body.page-id-XXXX .fada-projs-filtro .fada-button.limpar{
  background:#fff !important;
  color:#ff00aa !important;
  border:2px solid #ff00aa !important;
}

/* links em forma de texto dentro dos cards da parceria */
.homex-parc-flow .it .cardlink{
  display:inline-block;
  margin-top:8px;
  color:var(--rosa);
  font-weight:800;
  text-decoration:none;
  border-bottom:1px dashed var(--rosa);
  padding-bottom:1px;
}
.homex-parc-flow .it .cardlink:hover{
  color:var(--rosa-600);
  border-bottom-color:var(--rosa-600);
}

/* garante centralização perfeita do texto sob o logo */
.homex-parc-logo{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.homex-parc-logo img{
  display:block;
  margin:0 auto;
}
.homex-parc-logo .sub{
  margin:8px auto 0;
  text-align:center;
  max-width:240px;
}

#impulsionados_geral .link-inline{
  display:block; text-align:center;
  font-weight:800; color:var(--rosa);
  text-decoration:underline;
  margin:10px 0 14px;
}

.homex-parc-flow .cardlink{
  display:inline-block; margin-top:10px;
  color:var(--rosa); font-weight:800; text-decoration:underline;
}

.homex-parc-logo{ text-align:center; }
.homex-parc-logo p{ max-width:260px; margin:8px auto 0; text-align:center; }

.homex-parc-hero .parc-cta{ margin-top:22px; justify-content:center; gap:12px; }
@media (max-width:860px){
  .homex-parc-hero .parc-cta{ margin-top:18px; }
}

/* === FADA – 3 cards da home: padroniza botões só dentro do bloco === */
.fada-3cols .card-actions a.fada-botao-verde,
.fada-3cols .card-actions a.fada-button {
  display: inline-flex !important;
  align-items: center; justify-content: center;
  height: 48px;                      /* mesma altura p/ todos */
  width: 220px; min-width: 220px;    /* mesma largura p/ todos */
  max-width: 220px;
  padding: 0 18px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none !important;
  margin: 12px auto 0;               /* centraliza no card */
  box-shadow: 0 2px 0 rgba(0,0,0,.08);
}

/* Mobile: ocupam a largura do card, sem “colar” na lateral */
@media (max-width: 560px){
  .fada-3cols .card-actions a.fada-botao-verde,
  .fada-3cols .card-actions a.fada-button {
    width: 100%; max-width: 320px; min-width: 0;
  }
}

/* Hero e Parceria: CTAs do mesmo tamanho no mobile */
@media (max-width: 560px){
  .homex-hero .cta a,
  .parc-cta .btn,
  .parc-cta a {
    display: inline-flex; align-items:center; justify-content:center;
    height: 48px;
    width: 100%; max-width: 320px; min-width: 0;
    padding: 0 18px;
  }
}

/* Impulsionados: centralizações */
#impulsionados_geral h2,
#impulsionados_geral .sub { text-align: center; }

#impulsionados_geral .link-inline{
  display: block;
  text-align: center;
  margin-top: 8px;
}

/* Centralizar conteúdo do parceiro estratégico */
.homex-parc-hero {
  text-align: center;
  justify-items: center;
}

.homex-parc-hero .homex-parc-logo,
.homex-parc-hero .homex-parc-flow,
.homex-parc-hero .parc-cta {
  margin-left: auto;
  margin-right: auto;
}

/* Botões no mobile: largura confortável e texto centralizado */
@media (max-width: 560px){
  .homex .cta .btn,
  .parc-cta .btn,
  .fada-3cols .card-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    width: 90%;           /* ocupa 90% da largura, não 100% */
    max-width: 280px;     /* limite pra não ficarem gigantes */
    min-width: 180px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 16px;
    text-align: center;   /* garante centralização do texto */
  }
}

/* Centralização forçada do bloco parceiro estratégico */
.homex-parc-hero {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  gap:20px !important;
}

.homex-parc-hero .parc-cta {
  display:flex !important;
  justify-content:center !important;
  gap:12px !important;
}


/* Garante largura e “caixa” pro CF7 mesmo sem a classe do bloco */
.fada-impulso-landing .wpcf7{max-width:780px;margin:0 auto;}
.fada-impulso-landing .wpcf7 form{
  background:var(--card);
  border:1px solid var(--borda);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow);
}

.fi-help{margin-top:12px;text-align:center;font-size:14px;color:var(--cinza)}
.fi-help .fi-link{color:var(--rosa);text-decoration:none;border-bottom:1px dotted currentColor}
.fi-help .fi-link:hover{opacity:.9}

/* remove margens internas extras do CF7 */
.fi-form-box .wpcf7-form{margin:0}

/* Esconde QUALQUER .fi-help que esteja fora da sessão do formulário */
.fada-impulso-landing > .fi-help,
.fi-hero .fi-help { display: none !important; }

/* Espaço bonito antes do primeiro campo do CF7 */
.fi-form .fi-help{ margin:10px 0 14px; text-align:center; }


/* 
----------------------------------------------------------
🎯 BLOCO DE ESTILO PARA O MODAL DE IFRAME (fi-modal)
Usado em páginas institucionais da FADA (ex: Seja Impulsionador)
para abrir conteúdos externos (como cases ou páginas de transparência)
dentro de um overlay modal, sem o usuário sair da página atual.

- .fi-modal             → container invisível por padrão
- [aria-hidden="false"] → ativa a exibição do modal
- .fi-modal__overlay    → fundo semitransparente escuro
- .fi-modal__dialog     → caixa central com iframe (conteúdo carregado)
- .fi-modal__close      → botão de fechar (X)
- #fi-modal-frame       → iframe que exibe a URL externa

Dimensões atuais:
  largura máxima: 1100px (ou 92vw no responsivo)
  altura máxima: 800px (ou 90vh no responsivo)

Função:
  Permite abrir campanhas, relatórios ou páginas de impulsionadores
em tela cheia (overlay) sem redirecionar o visitante.
----------------------------------------------------------
*/
.fi-modal{position:fixed;inset:0;display:none}
.fi-modal[aria-hidden="false"]{display:block}
.fi-modal__overlay{position:absolute;inset:0;background:rgba(17,24,39,.6)}
.fi-modal__dialog{position:relative;z-index:1;width:min(1100px,92vw);height:min(800px,90vh);
  margin:5vh auto;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.fi-modal__close{position:absolute;top:8px;right:10px;background:#fff;border:none;border-radius:999px;
  width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer}
#fi-modal-frame{border:0;width:100%;height:100%;background:#fff}

/* Padroniza os 3 botões do herói */
.fi-cta .fi-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.8rem 1.1rem;
  line-height:1;
  text-align:center;
  font-weight:600;
  border-radius:999px;
}
@media (min-width:700px){
  .fi-cta .fi-btn{ min-width:160px; } /* opcional: larguras parecidas */
}

/* === CTAs do herói: padronização completa === */
.fi-cta{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* tamanho e tipografia iguais para os 3 */
.fi-cta .fi-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.8rem 1.1rem;
  min-width:160px;        /* opcional: larguras parecidas */
  line-height:1;
  font-size:16px;
  font-weight:600;
  border-radius:999px;
  border:1px solid transparent;
}

/* nunca sublinhar os botões (nem hover/focus) */
.fi-cta .fi-btn,
.fi-cta .fi-btn:hover,
.fi-cta .fi-btn:focus{
  text-decoration:none !important;
}

/* variantes (cores) — mesmas dimensões */
.fi-btn-primary{ background:var(--verde); color:#fff; border-color:var(--verde); }
.fi-btn-ghost{    background:#fff; color:var(--grafite); border-color:var(--borda); }
.fi-btn-outline{  background:#fff; color:var(--rosa);   border-color:var(--rosa); }

/* ===== Botão verde EXCLUSIVO do CTA da listagem de projetos ===== */
.fada-botao-verde-cta{
  background-color:#28a745;
  color:#fff !important;
  padding:14px 24px;
  font-size:16px;
  font-weight:bold;
  border-radius:6px;
  text-decoration:none !important;
  display:inline-block;
  width:100%;
  max-width:320px;
  box-shadow:0 4px 10px rgba(0,0,0,0.15);
  margin:10px auto;
  text-align:center;
  transition:background-color .3s ease;
}
.fada-botao-verde-cta:hover{
  background-color:#1f7f33; /* exclusivo do CTA; não interfere no .fada-botao-verde */
}

/* Bloco do CTA “só com botões” (projetos) – mantém o que já sugerimos */
.fada-cta-apoio{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  margin:8px auto 12px;
  max-width:1140px;
}
.fada-cta-tip{
  font-size:13px;
  line-height:1.5;
  color:#444;
  text-align:center;
  max-width:680px;
}

@media (max-width:768px){
  .fada-cta-apoio{
    background:#fff5fb;
    padding:8px 12px 12px;
    border-radius:10px;
  }
}

.fada-actions-row{
  display:flex;
  gap:8px;
  justify-content:center;
  margin:8px 0 12px;
}
@media (max-width:768px){
  .fada-actions-row{
    flex-direction:row;
    gap:6px;
  }
}

/* Modal FADA */
.fada-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .2s;opacity:0;pointer-events:none;}
.fada-modal[aria-hidden="false"]{opacity:1;pointer-events:auto;}
.fada-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.fada-modal__box{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.25);width:92vw;max-width:1100px;height:86vh;display:flex;flex-direction:column;overflow:hidden;}
.fada-modal__close{position:absolute;top:8px;right:10px;font-size:26px;line-height:1;background:#fff;border:1px solid #ddd;border-radius:999px;width:36px;height:36px;cursor:pointer;}
.fada-modal__frame{border:0;flex:1;min-height:0;width:100%;}
@media (max-width:768px){ .fada-modal__box{width:96vw;height:88vh;} }

.fada-botao-rosa{
  background:#ff69b4; color:#fff; display:inline-block;
  padding:10px 18px; font-weight:bold; border-radius:4px;
  text-decoration:none; box-shadow:0 4px 10px rgba(0,0,0,.06);
  transition:background-color .2s, transform .02s;
}
.fada-botao-rosa:hover{ background:#e85fa6; }
.fada-botao-rosa:active{ transform:translateY(1px); }

/* ===== FADA – Landing /fada/ (escopo isolado) ===== */

/* Botões rosa (padrão) e verde (doar) */
#fada-landing a.fada-botao-rosa,
#fada-landing .fada-botao-rosa,
#fada-landing a.fada-button,         /* caso use .fada-button */
#fada-landing .fada-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:46px;
  padding:0 18px;
  border-radius:10px;
  font-weight:700;
  letter-spacing:.2px;
  background:#ff00aa !important;
  color:#fff !important;
  text-decoration:none !important;
  border:0 !important;                /* alguns temas sublinham com borda */
  box-shadow:0 2px 0 rgba(0,0,0,.08);
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease;
}
#fada-landing a.fada-botao-rosa:hover,
#fada-landing .fada-botao-rosa:hover,
#fada-landing a.fada-button:hover,
#fada-landing .fada-button:hover {
  background:#cc0088 !important;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.10);
}

/* Botão verde (doar) — mantém a cara de “ação principal” */
#fada-landing a.fada-botao-verde,
#fada-landing .fada-botao-verde {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:46px;
  padding:0 18px;
  border-radius:10px;
  font-weight:700;
  letter-spacing:.2px;
  background:#28a745 !important;
  color:#fff !important;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:0 2px 0 rgba(0,0,0,.08);
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease;
}
#fada-landing a.fada-botao-verde:hover,
#fada-landing .fada-botao-verde:hover { background:#218838 !important; transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,0,0,.10); }

/* Tira sublinhado dos “botões-link” em todos os estados (sem mexer nos links comuns) */
#fada-landing a.fada-botao-rosa:visited,
#fada-landing a.fada-botao-verde:visited,
#fada-landing a.fada-button:visited {
  color:#fff !important;
  text-decoration:none !important;
  border-bottom:0 !important;
}

/* Hero: dois CTAs exatamente do mesmo tamanho no desktop; cheios no mobile */
@media (min-width: 561px){
  #fada-landing header .fada-botao-verde,
  #fada-landing header .fada-botao-rosa { width:220px; }
}
@media (max-width: 560px){
  #fada-landing header .fada-botao-verde,
  #fada-landing header .fada-botao-rosa { width:100%; max-width:320px; }
}

/* Dentro das 3 “caixas” (Para quem é): botão ocupa a linha e fica alinhado */
#fada-landing section h2 + div [class*="fada-botao"] {
  width:100%;
  max-width:320px;
  margin:10px 0 0;
}
#fada-landing section h2 + div > div { text-align:center; }  /* centraliza o botão na caixa */

/* ===== Correção de alinhamento – landing /fada/ ===== */

/* Garante que as linhas de CTAs do HERO e do RODAPÉ alinhem pelo centro */
#fada-landing header > div,
#fada-landing footer > div{
  display:flex;                /* reforça o flex do inline style */
  align-items:center;          /* centraliza verticalmente */
}

/* Zera qualquer margem herdada dos botões nessa página */
#fada-landing .fada-botao-verde,
#fada-landing .fada-botao-rosa{
  margin:0 !important;
  line-height:1 !important;    /* evita variação de altura por font-line */
}

/* Mantém mesma altura/largura nos dois botões do HERO */
@media (min-width:561px){
  #fada-landing header .fada-botao-verde,
  #fada-landing header .fada-botao-rosa{
    height:46px;               /* mesma altura */
    width:220px;               /* mesma largura */
  }
}

/* Botões do rodapé: mesma altura para evitar “descer” ou “subir” */
#fada-landing footer .fada-botao-verde,
#fada-landing footer .fada-botao-rosa{
  height:46px;
}

/* (opcional) desativa pequenos “saltos” no hover que podem dar sensação de desalinhado */
#fada-landing .fada-botao-verde:active,
#fada-landing .fada-botao-rosa:active{ transform:none; }
#fada-landing .fada-botao-verde:hover,
#fada-landing .fada-botao-rosa:hover{ transform:none; }


/* CTA mobile flutuante no rodapé */
@media (max-width:768px){
  #fada-cta-apoie{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:calc(12px + env(safe-area-inset-bottom, 0));
    width:calc(100% - 24px);
    max-width:420px;
    z-index:999; /* acima de recaptcha etc. */
  }

  /* evita que o botão cubra conteúdo no fim da página */
  body.single-projetos{
    padding-bottom:calc(84px + env(safe-area-inset-bottom, 0));
  }
}

/* Se a admin bar do WP estiver visível no mobile, sobe um pouco */
@media (max-width:768px){
  body.admin-bar #fada-cta-apoie{ bottom:calc(58px + env(safe-area-inset-bottom, 0)); }
}

/* =========================================================
   FADA · single-projetos · Aba Transparência — ÚNICO BLOCO
   ========================================================= */

/* 0) Coluna esquerda pode encolher sem cortar a lateral */
body.single-projetos #fada-duas-colunas .fada-coluna-esquerda{
  min-width:0 !important;
}

/* 1) Abas padronizadas como a coluna esquerda (sem padding) */
body.single-projetos .fada-aba{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:0 auto 20px !important;
  padding:0 !important; /* zera nas abas em geral */
  -webkit-text-size-adjust:100% !important;
          text-size-adjust:100% !important;
  font-size:inherit !important;
  line-height:1.45;
}
/* respiro só na Transparência */
body.single-projetos #aba-transparencia{ padding:0 12px !important; }

/* 2) NENHUM ancestral bloqueando o overflow */
body.single-projetos .fada-container-completo,
body.single-projetos #fada-duas-colunas{
  overflow:visible !important;
}

/* 3) A ABA em si não vira scroll horizontal */
body.single-projetos #aba-transparencia{
  overflow-x:hidden !important;
  overflow-y:visible !important;
}

/* 4) WRAPPER = viewport do scroll horizontal */
body.single-projetos #aba-transparencia .fada-table-wrap{
  display:block !important;
  width:calc(100% - 24px) !important;   /* respeita o padding lateral da aba */
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;         /* não captura rolagem vertical */
  -webkit-overflow-scrolling:touch !important;
  touch-action:auto !important;
  overscroll-behavior-x:contain !important;
  overscroll-behavior-y:auto !important;
  scrollbar-gutter:stable !important;

  background:#fff;
  border:1px solid #eee;
  border-radius:8px;
  padding-bottom:6px;                   /* espaço pra barra em iOS/Android */
  margin:0 12px 20px !important;        /* alinha com o título e conteúdo */
}

/* 5) INNER: mede pelo conteúdo (força overflow-x) */
body.single-projetos #aba-transparencia .fada-table-inner{
  display:inline-block !important;
  width:max-content !important;
  min-width:100% !important;
}

/* 6) TABELA: maior que o wrapper e compacta */
body.single-projetos #aba-transparencia .fada-table-inner > table.tabela-unificada{
  display:inline-table !important;
  width:auto !important;
  max-width:none !important;
  min-width:720px !important;           /* ajuste se quiser ↑/↓ */
  table-layout:fixed !important;
  border-collapse:collapse !important;
  margin:0 !important;
  background:#fff;
}

/* 7) Derruba width:100% teimoso de tema/plugins */
body.single-projetos #aba-transparencia .fada-table-wrap table,
body.single-projetos #aba-transparencia .fada-table-wrap .tabela-unificada{
  width:auto !important;
  max-width:none !important;
}

/* 8) Células compactas */
body.single-projetos #aba-transparencia table.tabela-unificada th,
body.single-projetos #aba-transparencia table.tabela-unificada td{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  vertical-align:middle;
  font-size:.92em;
  padding:8px 10px;
  border-bottom:1px solid #eee;
}
body.single-projetos #aba-transparencia .col-valor{
  text-align:right !important;
  font-variant-numeric:tabular-nums;
}

/* 9) Muito estreito: some com “Hora” */
@media (max-width:360px){
  body.single-projetos #aba-transparencia table.tabela-unificada th:nth-child(2),
  body.single-projetos #aba-transparencia table.tabela-unificada td:nth-child(2){
    display:none !important;
  }
}

/* CTA mobile (inalterado) */
@media (max-width:768px){
  #fada-cta-apoie{
    position:fixed; left:50%; transform:translateX(-50%);
    bottom:calc(12px + env(safe-area-inset-bottom, 0));
    width:calc(100% - 24px); max-width:420px; z-index:999;
  }
  body.single-projetos{ padding-bottom:calc(84px + env(safe-area-inset-bottom, 0)); }
}
@media (max-width:768px){
  body.admin-bar #fada-cta-apoie{ bottom:calc(58px + env(safe-area-inset-bottom, 0)); }
}


/* =========================================================
   FADA · single-projetos · Mobile fix de layout (duas colunas)
   - Empilha a lateral abaixo da coluna esquerda
   - Evita largura fixa/mínima que causa overflow global
   ========================================================= */
@media (max-width: 900px){
  /* 1) Empilhar colunas */
  body.single-projetos #fada-duas-colunas{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:24px !important;                 /* menor respiro no mobile */
    max-width:100% !important;
  }

  /* 2) Coluna esquerda ocupa 100% sem largura mínima grande */
  body.single-projetos #fada-duas-colunas .fada-coluna-esquerda{
    flex: 1 1 auto !important;
    min-width:0 !important;              /* já tinha, reforço */
    width:100% !important;
  }

  /* 3) Lateral vai para baixo, 100% de largura, sem min-width 280px */
  body.single-projetos #fada-duas-colunas .fada-coluna-lateral{
    flex: 0 0 auto !important;
    min-width:0 !important;
    width:100% !important;
  }

  /* 4) Qualquer coisa com largura fixa herdada vira fluido */
  body.single-projetos #fada-duas-colunas [style*="min-width:280px"]{
    min-width:0 !important;
    width:100% !important;
  }

  /* 5) Garantia: nada vaza horizontal na aba */
  body.single-projetos #aba-transparencia{
    padding:0 12px !important;           /* mesmo respiro da “Apoie” */
    overflow-x:clip !important;          /* a aba em si não rola */
  }

  /* 6) O wrapper continua sendo o ÚNICO scroller horizontal */
  body.single-projetos #aba-transparencia .fada-table-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    box-sizing:border-box !important;
    padding-bottom:6px !important;       /* espaço pra barra em iOS/Android */
  }
  body.single-projetos #aba-transparencia .fada-table-inner{
    display:inline-block !important;
    width:max-content !important;
    min-width:100% !important;
  }
  body.single-projetos #aba-transparencia .fada-table-inner > table.tabela-unificada{
    display:inline-table !important;
    width:auto !important;
    max-width:none !important;
    min-width:720px !important;          /* ajuste livre */
    table-layout:fixed !important;
  }

  /* 7) Por via das dúvidas, corta qualquer overflow global */
  html, body{
    overflow-x:clip !important;
  }
}


/* ====== FADA · Aba Demandas — rolagem horizontal só na tabela ====== */
@media (max-width: 900px){
  /* viewport horizontal */
  body.single-projetos #aba-demandas .fada-tabela-wrapper{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    box-sizing:border-box !important;
    padding-bottom:6px !important; /* espaço p/ a barra no iOS/Android */
    border:1px solid #eee; border-radius:8px; background:#fff; /* opcional, combina com Transparência */
  }

  /* a tabela mede pelo conteúdo (fica MAIOR que o wrapper) */
  body.single-projetos #aba-demandas .fada-tabela{
    display:inline-table !important;
    width:auto !important;
    max-width:none !important;
    min-width:720px !important;   /* ajuste livre */
    table-layout:fixed !important;
    border-collapse:collapse !important;
  }

  /* células compactas, sem quebra ruim */
  body.single-projetos #aba-demandas .fada-tabela th,
  body.single-projetos #aba-demandas .fada-tabela td{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    vertical-align:middle;
    padding:8px 10px;
    border-bottom:1px solid #eee;
  }
}

/* (opcional) muito estreito: esconda alguma coluna pesada, se quiser
@media (max-width:360px){
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(3),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(3){ display:none !important; }
}
*/

/* ====== FADA · Demandas — tabela responsiva com resumo quebrando linha ====== */
#aba-demandas .fada-tabela{
  width:100% !important;
  table-layout:fixed !important;      /* faz o width dos th/td valer */
  border-collapse:collapse !important;
  background:#fff;
}

#aba-demandas .fada-tabela th,
#aba-demandas .fada-tabela td{
  padding:8px 10px;
  border-bottom:1px solid #eee;
  vertical-align:top;                  /* texto começa “em cima” */
  font-size:.95em;
}

/* Nº campanha */
#aba-demandas .fada-tabela th:nth-child(1),
#aba-demandas .fada-tabela td:nth-child(1){
  width:110px;                         /* ajuste se quiser */
  white-space:nowrap !important;
}

/* Meta */
#aba-demandas .fada-tabela th:nth-child(2),
#aba-demandas .fada-tabela td:nth-child(2){
  width:120px;                         /* ajuste se quiser */
  white-space:nowrap !important;
}

/* Resumo — quebra linha e ocupa o espaço “elástico” */
#aba-demandas .fada-tabela th:nth-child(3),
#aba-demandas .fada-tabela td:nth-child(3){
  width:auto;                          /* deixa esta coluna expandir */
  white-space:normal !important;       /* <— o pulo do gato */
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:break-word;               /* quebra no meio se precisar */
  overflow-wrap:anywhere;              /* e quebra “onde der” */
}

/* “Disponível” */
#aba-demandas .fada-tabela th:nth-child(4),
#aba-demandas .fada-tabela td:nth-child(4){
  width:150px;
  white-space:nowrap !important;
  text-align:center;
}

/* Botão “Detalhes” */
#aba-demandas .fada-tabela th:nth-child(5),
#aba-demandas .fada-tabela td:nth-child(5){
  width:140px;
  white-space:nowrap !important;
  text-align:center;
}

/* Mobile: dá um respiro para o texto do Resumo ficar mais legível */
@media (max-width:480px){
  #aba-demandas .fada-tabela td:nth-child(3){ font-size:.95em; line-height:1.35; }
}

/* ====== FADA · Demandas — reduzir largura da coluna Resumo no mobile ====== */
@media (max-width: 768px){
  #aba-demandas .fada-tabela{ table-layout:fixed !important; }

  /* Nº */
  #aba-demandas .fada-tabela th:nth-child(1),
  #aba-demandas .fada-tabela td:nth-child(1){ width:10%; white-space:nowrap !important; }

  /* Meta */
  #aba-demandas .fada-tabela th:nth-child(2),
  #aba-demandas .fada-tabela td:nth-child(2){ width:14%; white-space:nowrap !important; }

  /* Resumo — BEM largo p/ leitura */
  #aba-demandas .fada-tabela th:nth-child(3),
  #aba-demandas .fada-tabela td:nth-child(3){
    width:56%;
    white-space:normal !important;
    word-break:break-word;
    overflow-wrap:anywhere;
  }

  /* Disponível */
  #aba-demandas .fada-tabela th:nth-child(4),
  #aba-demandas .fada-tabela td:nth-child(4){
    width:8%; white-space:nowrap !important; text-align:center;
  }

  /* Detalhes (botão) */
  #aba-demandas .fada-tabela th:nth-child(5),
  #aba-demandas .fada-tabela td:nth-child(5){
    width:12%;
    white-space:nowrap !important;
    text-align:center;
  }

  /* botão ocupa toda a célula e não “estoura” */
  #aba-demandas .fada-tabela td:nth-child(5) .botao-fada-acao{
    display:block; width:100%; min-width:0;
    padding:8px 6px; font-size:13px; line-height:1.1;
  }
}

/* Ultra-estreito (iPhone SE etc.) — dá ainda mais espaço pro Resumo */
@media (max-width: 360px){
  #aba-demandas .fada-tabela th:nth-child(1),
  #aba-demandas .fada-tabela td:nth-child(1){ width:9%; }

  #aba-demandas .fada-tabela th:nth-child(2),
  #aba-demandas .fada-tabela td:nth-child(2){ width:12%; }

  #aba-demandas .fada-tabela th:nth-child(3),
  #aba-demandas .fada-tabela td:nth-child(3){ width:60%; }

  #aba-demandas .fada-tabela th:nth-child(4),
  #aba-demandas .fada-tabela td:nth-child(4){ width:7%; }

  #aba-demandas .fada-tabela th:nth-child(5),
  #aba-demandas .fada-tabela td:nth-child(5){ width:12%; }
}

/* FADA — DEMANDAS (mobile): coluna Resumo menor + quebra de linha */
@media (max-width:768px){
  body.single-projetos #aba-demandas .fada-tabela{
    table-layout: fixed !important;
    width: 100% !important;
  }

  /* Nº campanha */
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(1),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(1){
    width: 12% !important;
    white-space: nowrap !important;
  }

  /* Meta */
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(2),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(2){
    width: 16% !important;
    white-space: nowrap !important;
  }

  /* RESUMO — mais estreita e com wrap */
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(3),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(3){
    width: 48% !important;              /* antes maior — agora mais justa */
    white-space: normal !important;     /* permite quebrar linha */
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
  }

  /* Disponível */
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(4),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(4){
    width: 10% !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  /* Detalhes (botão) */
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(5),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(5){
    width: 14% !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(5) .botao-fada-acao{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px 6px !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }
}

/* ultra-estreito: iPhones SE/Androids pequenos */
@media (max-width:360px){
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(1),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(1){ width:12% !important; }
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(2),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(2){ width:16% !important; }
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(3),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(3){ width:44% !important; } /* ainda mais apertada */
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(4),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(4){ width:10% !important; }
  body.single-projetos #aba-demandas .fada-tabela th:nth-child(5),
  body.single-projetos #aba-demandas .fada-tabela td:nth-child(5){ width:18% !important; } /* dá respiro pro botão */
}

.fada-card{border:1px solid #eee;border-radius:12px;background:#fff;padding:14px}
.fada-card__img img{display:block;width:100%;height:auto;border-radius:10px}
.fada-card__title{font-weight:700;margin:.2rem 0 .4rem}
.fada-card__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}

/* === VOLUNTARIADO — botões dos cards (sempre em coluna, alturas idênticas) === */
#aba-voluntariado .fada-card-vol .fada-card__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:stretch;
}

#aba-voluntariado .fada-card-vol .fada-card__actions a{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;

  width:100%;
  min-height:48px;            /* um pouquinho maior pra conforto */
  padding:12px 18px;
  border-radius:12px;
  border:2px solid transparent;/* <- garante mesma “espessura” p/ ambos */
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;

  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:transform .12s ease, box-shadow .12s ease,
             background-color .12s ease, color .12s ease, border-color .12s ease;
}

/* Primário (verde) – Contato */
#aba-voluntariado .fada-card-vol .fada-card__actions a.fada-botao-verde{
  background:#16a34a; color:#fff; border-color:#16a34a;
}
#aba-voluntariado .fada-card-vol .fada-card__actions a.fada-botao-verde:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(22,163,74,.25);
}

/* Secundário (rosa outline) – Saiba mais */
#aba-voluntariado .fada-card-vol .fada-card__actions a.fada-botao{
  background:#fff; color:#ec4899; border-color:#ec4899;
}
#aba-voluntariado .fada-card-vol .fada-card__actions a.fada-botao:hover{
  background:#ec4899; color:#fff;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(236,72,153,.25);
}

/* Acessibilidade */
#aba-voluntariado .fada-card-vol .fada-card__actions a:focus-visible{
  outline:3px solid #60a5fa; outline-offset:2px;
}

.table-wrap { overflow-x: auto; }
.fada-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.fada-table th, .fada-table td { border: 1px solid #e6e6e6; padding: 8px 10px; vertical-align: top; }
.fada-table th { background: #fafafa; text-align: left; }
.fada-table tbody tr:nth-child(odd) { background: #fcfcfc; }
.badge { display:inline-block; padding:2px 8px; border-radius:12px; font-size:12px; border:1px solid #ddd; }
.badge.warn { background:#FFF4E5; border-color:#FFD8A8; color:#8A5B00; }

@media print {
  @page { size: A4; margin: 12mm; }
  /* Esconde cabeçalho/rodapé do tema se necessário */
  .site-header, #masthead, .site-footer, #colophon, .ast-breadcrumbs, .no-print { display:none !important; }
  body { background:#fff; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .wrap-acordos { max-width: 100%; margin:0; padding:0; }
  .card { box-shadow:none; border-color:#e6e6e6; }
}

/* Altura/legibilidade dos filtros */
.pet-filters select,
.pet-filters button,
.pet-filters .btn {
  height: 44px;
  line-height: 44px;
  padding: 0 14px;
  font-size: 15px;
  border-radius: 10px;
}

.pet-filters .btn-primary{
  background:#ff2e79; color:#fff; border:0;
}
.pet-filters .btn-secondary{
  background:#fff; color:#333; border:1px solid #ddd;
}

/* Cards harmonizados */
.pet-card .chip{background:#ffeaf1;color:#b40051;border-radius:999px;padding:4px 8px;font-size:12px;margin:0 6px 6px 0;display:inline-block}
.pet-card .muted{color:#777}

/* BOTÃO "Ver mais" – deixar grande e 100% no card */
.pet-card a.ver-mais {
  display: block !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #ff2e79 !important;   /* rosa FADA */
  color: #fff !important;
  text-align: center !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(255,46,121,.18) !important;
  transition: transform .08s ease, box-shadow .12s ease, filter .12s ease !important;
}
.pet-card a.ver-mais:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 26px rgba(255,46,121,.26) !important;
}
.pet-card a.ver-mais:active{
  transform: translateY(0) !important;
  box-shadow: 0 8px 18px rgba(255,46,121,.16) !important;
  filter: saturate(0.96) !important;
}
.pet-card a.ver-mais:focus-visible{
  outline: 3px solid rgba(255,46,121,.35) !important;
  outline-offset: 2px !important;
}

/* === [PETS – LISTA] GRID QUE MANTÉM COLUNAS MESMO COM 1 RESULTADO === */
.pet-grid{
  display:grid;
  gap:24px;
  /* no mobile, colunas fluidas de 300px */
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  align-items: stretch;
}

@media (min-width: 992px){
  /* força 3 colunas no desktop */
  .pet-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1280px){
  /* se quiser 4 colunas em telas grandes, descomente: */
  /* .pet-grid{ grid-template-columns: repeat(4, 1fr); } */
}

/* Card base (isolado para não afetar outros cards do site) */
.pet-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.pet-card .thumb{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.pet-card .thumb--ph{ background:#f4f4f4; }
.pet-card .content{ padding:14px; display:flex; flex-direction:column; gap:10px; flex:1; }
.pet-card .title{ margin:0; font-size:18px; }
.pet-card .chips .chip{ background:#ffeaf1; color:#b40051; border-radius:999px; padding:4px 8px; font-size:12px; margin:0 6px 6px 0; display:inline-block; }
.pet-card .muted{ color:#777; }

/* BOTÃO "Ver mais" na base do card */
.pet-card .cta{ margin-top:auto; }
.pet-card .ver-mais{
  width:100%;
  height:48px;
  border-radius:12px;
  background:#ff2e79; /* rosa FADA */
  color:#fff;
  border:0;
  font-weight:800;
  letter-spacing:.2px;
  text-decoration:none;
  display:flex !important;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 22px rgba(255,46,121,.20);
  transition:transform .06s ease, box-shadow .12s ease, opacity .12s ease;
}
.pet-card .ver-mais:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(255,46,121,.26); }
.pet-card .ver-mais:active{ transform:translateY(0); box-shadow:0 8px 18px rgba(255,46,121,.18); }

/* Filtros (aproveita sua base, só dá um respiro no topo/baixo) */
.pet-filters{ margin:12px 0 24px; }
.pet-filters .grid-filtros{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
}
.pet-filters .actions{ margin-top:10px; display:flex; gap:10px; }


/* ====== Agenda FADA (página privada) ====== */
.agenda-wrap{max-width:1200px;margin:24px auto;padding:0 16px}
.agenda-head h1{margin:0 0 6px;color:#ff2e79}
.agenda-head .muted{color:#777;margin:0 0 18px}

.agenda-grid{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr; /* agenda maior, agendamento à direita */
  gap:20px;
}

.agenda-panel{
  background:#fff;border:1px solid #eee;border-radius:14px;
  padding:14px; box-shadow:0 12px 28px rgba(0,0,0,.04);
}
.agenda-panel .h5{margin:0 0 10px;font-size:16px;color:#333}

.agenda-iframe{width:100%;min-height:720px;border:0;border-radius:10px;overflow:hidden}

.agenda-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:42px;padding:0 14px;border-radius:10px;font-weight:700;text-decoration:none
}
.btn-light{background:#fff;border:1px solid #ddd;color:#333}
.btn-wa{background:#25D366;color:#fff;border:0;box-shadow:0 8px 18px rgba(37,211,102,.2)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}

.agenda-help{margin-top:12px}
.agenda-help summary{cursor:pointer;font-weight:700;color:#7a2a91}
.agenda-help .muted{color:#777}
.agenda-help .small{font-size:12px}

/* Responsivo */
@media (max-width: 1024px){
  .agenda-grid{grid-template-columns:1fr}
}

.whats{
  display:inline-block;padding:6px 10px;border-radius:999px;
  border:1px solid #1fa855;background:#e8f8ee;color:#1fa855;
  text-decoration:none;font-weight:700;white-space:nowrap;
}
.whats:hover{filter:brightness(0.95)}

.chip{display:inline-block;background:#f1f1f4;color:#555;border-radius:999px;padding:6px 10px;margin:0 6px 6px 0;font-size:12px}
.btn-fada{background:#ff2e79;color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:700;display:inline-block}
.btn-mini{background:#f1f1f4;border:1px solid #ddd;border-radius:8px;padding:6px 10px;font-size:12px;text-decoration:none;color:#333}

/*ADOCAO*/
/* Botão rosa FADA no CF7 de adoção */
.cf7-adocao .wpcf7-submit,
.cf7-adocao input[type="submit"]{
  background:#ff2e79;
  color:#fff;
  border:none;
  border-radius:10px;
  padding:12px 16px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(255,46,121,.25);
}

/* (opcional) uniformiza inputs */
.cf7-adocao input[type="text"],
.cf7-adocao input[type="email"],
.cf7-adocao input[type="tel"],
.cf7-adocao textarea{
  width:100%;
  border:1px solid #ddd;
  border-radius:10px;
  padding:10px 12px;
  margin-bottom:10px;
}

/* HERO padronizado + sticky */
.pet-head .media{
  width:100%;
  height:clamp(300px, 42vw, 560px);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  background:#f6f6f6;
  position:sticky;
  top:40px;      /* ↑ subimos mais a imagem */
}
body.admin-bar .pet-head .media{ top:72px; } /* idem quando logado */
.pet-head .media img.hero{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* PET — desliga sticky (evita sobrepor a galeria) e dá respiro */
.pet-head .media{
  position: static !important;  /* mata qualquer sticky que tenha sobrado */
  /* mantém as dimensões bonitas que você já tem */
}

.pet-head{
  margin-top: 0 !important;
  margin-bottom: 16px !important; /* separa do bloco seguinte */
}

.pet-gallery{
  position: relative;   /* cria contexto próprio (seguro) */
  z-index: 1;
  margin-top: 10px;     /* respiro visual extra */
}

/* Sticky só em telas grandes; nos demais casos, estático */
@media (min-width: 1200px){
  .pet-head .media{
    position: sticky !important;
    top: 32px;              /* ajuste fino */
  }
}
@media (max-width: 1199px){
  .pet-head .media{ position: static !important; }
}

/* Apoie – corrigir overflow dos inputs do PIX no mobile */
@media (max-width: 480px){
  .apx .apx-pix-row{ display:flex; align-items:center; gap:8px; }
  .apx .apx-pix-row span{ min-width:84px; }            /* rótulo menor */
  .apx .apx-pix-in{
    flex: 1 1 0;                                        /* pode encolher */
    min-width: 0;                                       /* chave do conserto */
    width: 1%;
    overflow: hidden;
    text-overflow: ellipsis;                             /* não vaza texto */
  }
  .apx .apx-copy{ flex:0 0 auto; white-space:nowrap; }  /* botão não quebra */
  .apx .apx-card{ overflow-x:hidden; }                  /* segurança extra */
}

/* Hero responsivo das páginas single (campanhas/projetos) */
.fada-hero{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;      /* mantém a área estável */
  border-radius: 0;          /* <- reto */
  overflow: hidden;
  margin: 0 0 20px;
}
.fada-hero > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;         /* corta o excesso quando a foto é vertical */
  display: block;
  border-radius: 0 !important; /* <- garante reto mesmo com regras globais */
}

/* opcional: em telas pequenas mostre mais da imagem */
@media (max-width: 640px){
  .fada-hero{ aspect-ratio: 4 / 3; }
}


/* ===== Layout geral ===== */
.fada-container-completo{max-width:1140px;margin:0 auto;}
.fada-layout{display:flex;gap:40px;align-items:flex-start;justify-content:space-between;}
.fada-coluna-esquerda{flex:1 1 700px;min-width:0;}
.fada-coluna-lateral{flex:0 0 340px}

/* ===== Abas (wrapper) ===== */
.fada-abas{margin-bottom:30px;text-align:center;}
.fada-button.filtrar{margin:0 6px 10px;}

/* ===== Botões ===== */
.fada-button,.fada-botao,.fada-botao-verde{
  display:inline-block;padding:10px 16px;border-radius:999px;border:0;
  background:#ff2aa0;color:#fff;font-weight:600;cursor:pointer;
}
.fada-botao-verde{background:#28a745}

/* ===== Compartilhar ===== */
.fada-compartilhar-box{margin:30px 0 20px;}
.fada-compartilhar-linha{display:flex;gap:10px;align-items:center;}
#fada-compartilhar-link{
  flex:1;border:1px solid #e5e5e5;border-radius:8px;padding:10px 12px;font-size:14px;
}

/* ===== Grids / Cards ===== */
.fada-grid-cards,.fada-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
.fada-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px}

/* ===== Tabelas Transparência ===== */
.fada-table-wrap{overflow:auto;}
.tabela-unificada{width:100%;border-collapse:collapse;min-width:640px;}
.tabela-unificada th,.tabela-unificada td{padding:10px;border-bottom:1px solid #eee;text-align:left;font-size:14px}

/* ===== Box lateral ("Recebido") ===== */
.fada-box-resumo{background:#f9f9f9;padding:20px;border-radius:10px;text-align:center;}
.fada-progress{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin:10px 0;}
.fada-progress>span{display:block;height:100%;background:#28a745;width:0;}


/* layout de duas colunas (pré-carregado, sem efeito enquanto o inline existir) */
.fada-layout{display:flex;gap:40px;align-items:flex-start;justify-content:space-between}

/* larguras das colunas — só terão efeito quando remover o inline dos filhos */
.fada-coluna-esquerda{flex:1 1 700px;min-width:0}
.fada-coluna-lateral{flex:0 0 340px}

.fada-hero{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 0;              /* ⇦ zera o arredondado */
  overflow: hidden;
  margin: 0 0 20px;
}
.fada-hero > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;   /* ⇦ impede radius herdado de temas/glogais */
}

/* opcional: em telas pequenas mostre mais da imagem */
@media (max-width: 640px){
  .fada-hero{ aspect-ratio: 4 / 3; }
}

/* Restauro dos botões-pill FADA (sem tocar nos campos/inputs) */
.fada-button,
.fada-button.filtrar,
button.fada-button {
  border-radius: 999px !important; /* pill */
}

/* Restaura botões FADA no formato pill (sem tocar em inputs ou layout) */
.fada-button,
.fada-button.filtrar,
button.fada-button,
a.fada-button {
  border-radius: 9999px !important; /* pill */
}

/* garante que continue com “cara” de botão sem herdar radius de outros */
a.fada-button,
button.fada-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/*das pendencias de imagens*/
.fada-relatorio-acoes {
    overflow-x: auto;
}

.fada-relatorio-acoes table {
    width: 100%;
    border-collapse: collapse;
}

.fada-relatorio-acoes {
    overflow-x: auto;
}

.fada-relatorio-acoes table {
    width: 100%;
    border-collapse: collapse;
}

/* coluna Mídia / Vídeo – mais larga */
.fada-relatorio-acoes th:nth-child(6),
.fada-relatorio-acoes td:nth-child(6) {
    width: 140px;
    text-align: center;
}

/* coluna Pendência / Envolvidos – um pouco mais enxuta */
.fada-relatorio-acoes th:nth-child(7),
.fada-relatorio-acoes td:nth-child(7) {
    width: 28%;
}

.fada-envio-acao-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 15px;
}

/* Deixa cada linha bem separada, já que os textos são grandes */
.fada-envio-acao-container p {
    margin-bottom: 8px;
}

.fada-envio-midia-wrap {
    max-width: 1140px;
    margin: 0 auto 40px auto;
    padding: 0 16px;
}

.fada-envio-midia-wrap p {
    margin-bottom: 6px;
}

/* container geral, vale para desktop e mobile */
.fada-envio-midia-wrap {
    max-width: 1140px;
    margin: 0 auto 40px auto;
    padding: 0 16px;
}

/* ================================
 * FADA – Repetidor MOBILE rolável
 * ================================ */
@media (max-width: 768px) {

    /* só transforma o bloco inteiro em faixa rolável */
    .fada-envio-midia-wrap.fada-repeater-mobile {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* a tabela do repeater fica mais larga que a tela */
    .fada-envio-midia-wrap.fada-repeater-mobile .acf-table {
        min-width: 900px;   /* aumenta se ainda ficar apertado */
        width: auto;
    }

    /* células sem quebrar feio, mas sem mexer no display */
    .fada-envio-midia-wrap.fada-repeater-mobile .acf-table th,
    .fada-envio-midia-wrap.fada-repeater-mobile .acf-table td {
        white-space: nowrap;
        padding: 8px 6px;
        vertical-align: top;
    }
}

/* =========================================================
   FADA · single-campanhas · Layout (abas Controle + Doações Recebidas)
   - Mobile: empilha as colunas
   - Abas: garante scroll horizontal nas tabelas e botões centralizados
   ========================================================= */

/* 1) MOBILE — empilha a lateral abaixo da coluna esquerda */
@media (max-width: 900px){
  body.single-campanhas .fada-layout{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:24px !important;
  }

  body.single-campanhas .fada-coluna-esquerda,
  body.single-campanhas .fada-coluna-lateral{
    width:100% !important;
    max-width:100% !important;
    flex:1 1 auto !important; /* vence o flex inline da coluna lateral */
  }
}

/* 2) ABAS — evita flex “apertar” conteúdo e quebrar tabela */
body.single-campanhas #aba-transparencia,
body.single-campanhas #aba-controle{
  min-width:0 !important;
}

/* 3) TABELAS — scroll horizontal dentro do wrap (Transparência + Controle) */
body.single-campanhas #aba-transparencia .fada-table-wrap,
body.single-campanhas #aba-controle .fada-table-wrap{
  overflow-x:auto !important;
  -webkit-overflow-scrolling: touch;
  max-width:100%;
}

body.single-campanhas #aba-transparencia .fada-table-inner,
body.single-campanhas #aba-controle .fada-table-inner{
  max-width:100%;
}

/* Faz a tabela poder “ser larga” sem estourar a página */
body.single-campanhas #aba-transparencia .fada-table-inner table,
body.single-campanhas #aba-controle .fada-table-inner table{
  width:max-content;
  min-width:100%;
}

/* 4) BOTÕES — centralização real (inclusive “Ver todas” / botões do controle) */
body.single-campanhas #aba-transparencia a.fada-button,
body.single-campanhas #aba-controle a.fada-button,
body.single-campanhas #aba-transparencia button.fada-button,
body.single-campanhas #aba-controle button.fada-button{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
}

/* DEIXA MAIÚSCULO A UF DA INDICAÇÃO */
.fada-uf input { text-transform: uppercase; }

/* ============================================================
   AÇÕES DO MOVIMENTO (Página: Transparência > Detalhes da Doação)
   Objetivo: manter os botões "Ver Conversão" e "Ver Projeto"
   lado a lado (em linha), com espaçamento, sem empilhar.
   Escopo: só afeta blocos que usam a classe .fada-movimento-acoes
   (adicionada no HTML do render_movimentos()).
   ============================================================ */
.fada-movimento-acoes{
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; /* se faltar espaço (mobile), quebra de forma bonita */
}
.fada-movimento-acoes .fada-button{
  margin: 0 !important; /* evita margens herdadas empurrando pra baixo */
}