@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

body {
  font-family: 'Rubik', sans-serif;
}


.container-botoes {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px 10px;
    padding: 0;
    margin: 0 auto;
    max-width: 890px;

}

.margin-auto-50px{
	margin: 50px auto !important;
}


.ano-titulo {
	font-family: 'Rubik';
    display: block;
    text-align: center;
    margin: 20px 0;
    color: #002352;
    font-weight: bold;
    font-size: 1.5rem;
}

.meu-botao-padrao {
    flex: 0 0 calc((100% / 3) - 10px); /* 3 botões por linha */
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;

    padding: 16px;
    gap: 8px;

    border-radius: 8px;
    background-color: #F9F9F9;
    color: #191970;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;

    overflow: hidden;           /* impede o botão crescer */
    max-width: 280px;
    width: 280px;
    height: 108px;              /* altura fixa, ajuste conforme necessário */
	hyphens: auto;
}

.botao-texto {
    display: inline-block;
    vertical-align: middle;     /* centraliza verticalmente em relação à imagem */
    margin-left: 8px;           /* espaçamento entre imagem e texto */
    line-height: 1.2;           /* controla a altura da linha para alinhamento */

    font-size: clamp(10px, 2vw, 14px); /* texto diminui até 10px, máximo 14px */
    overflow-wrap: break-word;
    word-break: normal;

}

.meu-botao-padrao:hover {
    background-color: #e0e0e0;
    border-color: #002244;
    color: #002244;
}

.meu-botao-padrao img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 2px;
    background: none;
    flex-shrink: 0;
}

/* === MEDIA QUERY === */

/* Responsivo para notebooks */
@media (min-width: 769px) and (max-width: 1366px) {
    .container-botoes {
        justify-content: center;
    }

    .meu-botao-padrao {
        flex: 0 0 calc((100% / 3) - 10px);
        width: 280px;          /* mantém fixo */
        max-width: 280px;
        height: 100px;         /* mantém fixo */
    }

    .meu-botao-padrao img {
        width: 64px;
        height: 64px;
    }

    .botao-texto {
        font-size: clamp(10px, 1.8vw, 14px);
    }
}

/* Responsivo para tablets */
@media (max-width: 768px) {
    .container-botoes {
        justify-content: center; /* centraliza horizontalmente */
    }

    .meu-botao-padrao {
        flex: 0 0 calc(50% - 10px);
        width: 140px;          /* fixo menor */
        max-width: 140px;
        height: 80px;          /* menor altura */
        padding: 10px 14px;
        gap: 8px;
    }

    .meu-botao-padrao img {
        width: 48px;
        height: 48px;
    }

    .botao-texto {
        font-size: clamp(8px, 1.5vw, 12px);
    }
}

/* Responsivo para celulares */
@media (max-width: 480px) {
    .container-botoes {
        flex-direction: column;
        align-items: center;   /* mantém centralizado */
        justify-content: center;
    }

    .meu-botao-padrao {
        flex: 0 0 100%;
        max-width: 140px;
        width: 140px;
        height: 80px;
        flex-direction: column;
        text-align: center;
        padding: 10px 12px;
        gap: 8px;
        min-width: auto;
        align-items: center;   /* centraliza o conteúdo interno */
    }

    .meu-botao-padrao img {
        width: 40px;
        height: 40px;
    }

    .botao-texto {
        font-size: clamp(8px, 2vw, 12px);
    }
}



/*-----------------------------------------------------------------------------------------Botão 2---------------------------------------------------------------------------------------------------*/

/* ANULA QUALQUER BORDA QUE ESTEJA VINDO DE TAGS EXTRAS NO WORDPRESS */
.container-pdf p,
.container-pdf div {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Container para a lista de PDFs */
.container-pdf {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px auto;
    max-width: 960px;
}

.meu-botao-pdf {
    border: none !important; /* Adicionado: Para remover a linha horizontal do tema */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background-color: #F9F9F9;
    color: #191970;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    width: 100%;
}
.meu-botao-pdf:hover {
    background-color: #e0e0e0;
    border-color: #002244;
    color: #002244;
}

.meu-botao-pdf img {
    width: 60px;
    height: 70px;
    object-fit: contain;
    flex-shrink: 0;
}

/* Container para o texto (título e subtítulo) */
.botao-texto-container {
    display: flex;
    flex-direction: column; 
    justify-content: center;
    flex-grow: 1; 
    min-width: 0;
}

/* Estilo para o título */
.botao-titulo {
    font-weight: bold;
    font-size: 1.1rem;
    color: #002352;
    line-height: 1.2;
}

.botao-subtitulo {
    font-weight: normal;
    font-size: 0.9rem;
    color: #4b4b4b;
    line-height: 1.4;
    margin-top: -12px;
    word-wrap: break-word;
}

/* Responsivo para celulares*/
@media (max-width: 480px) {
    .meu-botao-pdf {
        padding: 12px 16px;
        gap: 15px;
    }
    
    .meu-botao-pdf img {
        width: 48px;
        height: 56px;
    }

    .botao-titulo {
        font-size: 1rem;
    }

    .botao-subtitulo {
        font-size: 0.8rem;
    }
}

/*-----------------------------------------------------------------------------------------Botão 3---------------------------------------------------------------------------------------------------*/

.container-anos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1000px;
    margin: 20px auto;
    justify-content: center; /* centraliza os itens dentro da coluna */
}

.meu-botao-ano {
    flex: 1 1 160px;           /* base 160px, pode crescer */
    width: 160px;          /* largura máxima para cada botão */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 8px 16px;
    background-color: #F9F9F9;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    color: #002352;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.meu-botao-ano:hover {
    background-color: #e0e0e0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.meu-botao-ano img {
    width: 80px;
    height: auto;
    object-fit: contain;
}

.ano-texto {
    font-size: 1.2rem;
    font-weight: bold;
    color: #002352;
}

/* Media Query para tablets (largura até 768px) */
@media (max-width: 768px) {
    .meu-botao-ano {
        flex: 1 1 45%;       /* cerca de 2 por linha */
        max-width: none;     /* deixa crescer para ocupar o espaço */
    }
}

/* Media Query para celulares (largura até 480px) */
@media (max-width: 480px) {
    .meu-botao-ano {
        flex: 1 1 90%;       /* 1 por linha, ocupa quase toda largura */
        max-width: none;
    }
}

/*-----------------------------------------------------------------------------------------Botões página sobre AGE -----------------------------------------------------------------------------------*/
.botoes-age-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}

@media (max-width: 765px){
	.botoes-age-container{
		flex-direction:column;
		align-items:center;
	}
}




.botao-age {
    /* ESTILOS BÁSICOS (cor, fonte, etc.) */
    background-color: #0d2a4d;
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    border-radius: 10px;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	width: 140px;
	height: 138px;
}

.botao-age:hover {
    background-color: #1a426c;
}

/*-----------------------------------------------------------------------------------------Botões página FORMULÁRIOS & MODELOS -----------------------------------------------------------------------*/

/* Container de botões */
.botoes-container {
    display: flex;
    flex-wrap: wrap;               /* permite quebrar linha quando não cabe */
    justify-content: center;       /* centraliza os botões */
    gap: 10px;                     /* espaçamento entre botões */
    padding: 0;
    margin: 0 auto;
    max-width: 900px;              /* limita a largura total do container */
}

/* Título acima dos botões */
.titulo-botao {
    display: block;
    text-align: center;
    margin: 20px 0;
    color: #002352;
    font-weight: bold;
    font-size: 1.5rem;
}

/* Botão padrão */
.botao-padrao {
    display: flex;                 /* para alinhar imagem + texto */
    align-items: center;
    justify-content: center;
    flex-direction: row;

    padding: 12px;
    gap: 5px;

    border-radius: 8px;
    background-color: #F9F9F9;
    color: #191970;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;

    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    overflow-wrap: break-word;
    word-break: break-word;

    width: 280px;                  /* largura fixa para cada botão */
	height: 94px;
    max-width: 100%;               /* para não ultrapassar o container */
}

/* Texto do botão */
.botao-texto {
    display: block;
    text-align: center;
    margin-left: 0;
    line-height: 1.2;
    text-align: left;
	margin-right: 15px;
	font-size: 14px;
}

/* Hover */
.botao-padrao:hover {
    background-color: #e0e0e0;
    border-color: #002244;
    color: #002244;
}

/* Imagem do botão */
.botao-padrao img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 2px;
    flex-shrink: 0;
    background: none;
}

/* Responsivo para tablets */
@media (max-width: 768px) {
    .botao-padrao {
        padding: 10px 14px;
        gap: 8px;
    }

    .botao-padrao img {
        width: 48px;
        height: 48px;
    }
}

/* Responsivo para celulares */
@media (max-width: 480px) {
    .botoes-container {
        flex-direction: column;     /* um botão por linha */
        align-items: center;        /* centraliza os botões */
    }

    .botao-padrao {
        flex-direction: column;
        text-align: center;
        padding: 10px 12px;
        gap: 8px;
        width: 100%;                /* ocupa toda a largura */
    }

    .botao-padrao img {
        width: 40px;
        height: 40px;
    }

    .botao-texto {
        margin-left: 0;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.modelos-container{
	display: flex;
    flex-wrap: wrap;               /* permite quebrar linha quando não cabe */
    justify-content: flex-start;       /* centraliza os botões */
    gap: 20px 10px;                     /* espaçamento entre botões */
    padding: 0;
    margin: 0 auto;
    max-width: 900px;              /* limita a largura total do container */
}

.modelos-container-center {
  justify-content: center;
}


.botao-documento{
	display: flex;                 /* para alinhar imagem + texto */
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;

    padding: 12px;
    gap: 8px;

    border-radius: 8px;
    background-color: #F9F9F9;
    color: #191970;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;

    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    overflow-wrap: break-word;
    word-break: break-word;

    width: 280px;                  /* largura fixa para cada botão */
	height: 94px;
    max-width: 100%;  
	hyphens: auto;
	/* para não ultrapassar o container */
}

.botao-texto-documento{
	
}

/* Hover */
.botao-documento:hover {
    background-color: #e0e0e0;
    border-color: #002244;
    color: #002244;
}

/* Imagem do botão */
.botao-documento img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 2px;
    flex-shrink: 0;
    background: none;
}

/* MEDIA QUERY */
/* Responsivo para notebooks (telas médias) */
@media (min-width: 1025px) and (max-width: 1366px) {
    .modelos-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;     /* Centraliza os botões */
        align-items: flex-start;
        gap: 20px;                   /* Espaço entre os botões */
        padding: 20px;
    }

    .botao-padrao {
        display: flex;
        flex-direction: row;
        align-items: center;
        text-align: left;
        padding: 14px 18px;
        gap: 14px;
        width: 30%;                  /* Três botões por linha */
        max-width: 300px;            /* Limita largura máxima */
        box-sizing: border-box;
    }

    .botao-documento img {
        width: 48px;
        height: 48px;
    }

    .botao-texto {
        margin-left: 0;
    }
}

/* Responsivo para tablets (modo retrato e paisagem) */
@media (min-width: 481px) and (max-width: 1024px) {
    .modelos-container {
        flex-direction: column;        /* botões lado a lado */
        flex-wrap: wrap;            /* permite quebrar linha */
        align-items: center;    /* centraliza os botões */
        gap: 16px;                  /* espaçamento entre os botões */
    }

    .botao-padrao {
        flex-direction: row;
        text-align: left;
        padding: 12px 16px;
        gap: 12px;
        width: 45%;                 /* dois botões por linha */
    }

    .botao-documento img {
        width: 48px;
        height: 48px;
    }

    .botao-texto {
        margin-left: 0;
    }
}

/* Responsivo para celulares */
@media (max-width: 480px) {
    .modelos-container {
        flex-direction: column;     /* um botão por linha */
        align-items: center;        /* centraliza os botões */
    }

    .botao-padrao {
        flex-direction: column;
        text-align: center;
        padding: 10px 12px;
        gap: 8px;
        width: 100%;                /* ocupa toda a largura */
    }

    .botao-documento img {
        width: 40px;
        height: 40px;
    }

    .botao-texto {
        margin-left: 0;
    }
}

/*------------------------------------------------------------------------------------------- AUDITORIA E COVID --------------------------------------------------------------------------------------*\ 
/* 1. Estilo para o parágrafo de introdução */
p.texto-introducao-covid {
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #002352;
    text-align: center;
    max-width: 750px;
    margin: 50px auto;
    padding: 0 15px;
}

/* Container para a grade de botões */
.botoes-covid-container {
    display: flex;
    flex-wrap: nowrap;  /* Tudo em uma linha */
    gap: 10px; 
    max-width: 900px; 
    margin: 0 auto 50px auto; 
}

.botoes-covid-container .botao-age {
    width: 400px;  /* Largura fixa para cada botão */
    height: 200px; /* Altura fixa para todos ficarem iguais */
}

/* Tablets (entre 769px e 1024px) */
@media (max-width: 1024px) and (min-width: 769px) {
    .botoes-covid-container {
        flex-wrap: wrap;  /* Permite quebra de linha */
        justify-content: center;
        max-width: 700px;
    }

    .botoes-covid-container .botao-age {
        width: 100%;
        height: 160px;
    }
}

/* Celulares (até 768px) */
@media (max-width: 768px) {
    .botoes-covid-container {
        flex-wrap: wrap;   /* Botões empilhados */
        justify-content: center;
        max-width: 100%;
        padding: 0 15px;
    }

    .botoes-covid-container .botao-age {
        width: 100%;
        height: 180px;
    }
}

/*----------------------------------------------------------------------------------- PÁGINA CARTILHA ASSEDIO - CGE ----------------------------------------------------------------*\

/* Container principal da página */
.conteudo-cartilha {
    max-width: 1000px;
    margin: 60px auto;

}

/* Layout de Texto em Duas Colunas */
.texto-colunas {
    column-count: 2; /* Cria duas colunas */
    column-gap: 40px; /* Espaço entre as colunas */
    margin-bottom: 50px;
}

.texto-colunas p {
    font-family: 'Rubik', sans-serif;
    font-weight: 300; /* Light */
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    color: #a2aebf;
    margin-top: 0;

    -webkit-hyphens: auto; /* Para Safari e Chrome antigos */
    -moz-hyphens: auto;    /* Para Firefox antigo */
    -ms-hyphens: auto;     /* Para Internet Explorer */
    hyphens: auto;         /* Padrão para navegadores modernos */
}

/* Celulares (até 576px) */
@media (max-width: 576px) {
    .texto-colunas {
        column-count: 1; /* Uma coluna só no celular */
        margin-bottom: 50px;
    }

    .texto-colunas p {
        font-size: 16px;
        line-height: 22px;
    }
}

/* Tablets (577px até 768px) */
@media (min-width: 577px) and (max-width: 768px) {
    .texto-colunas {
        column-count: 1; /* Uma coluna no tablet também */
        margin-bottom: 50px;
    }

    .texto-colunas p {
        font-size: 16px;
        line-height: 24px;
    }
}

/* Notebooks e desktops (769px em diante) */
@media (min-width: 769px) {
    .texto-colunas {
        column-count: 2; /* Duas colunas no desktop */
        column-gap: 40px;
        margin-bottom: 50px;
    }

    .texto-colunas p {
        font-size: 18px;
        line-height: 28px;
    }
}

/* ================================================================ */
/* CSS INDEPENDENTE para o Bloco de Download da Cartilha (AJUSTADO) */
/* ================================================================ */

/* Container que posiciona o bloco na página */
.container-cartilha-download {
    max-width: 350px;
    margin: 50px auto;
}

/* O bloco clicável principal */
.bloco-download-cartilha {
    display: flex;       
    align-items: center;
	max-width: 350px;
    margin: 0 auto;
    
    /* Estilos Visuais */
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    text-decoration: none;
    transition: all 0.3s ease;
}

.bloco-download-cartilha:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    border-color: #cccccc;
}

/* O ícone de PDF */
.bloco-download-cartilha img {
    width: 90px;          /* ALTERADO: Aumentamos o tamanho do ícone de 60px para 70px */
    height: auto;
    margin-right: 5px;   /* Aumentei um pouco o espaço para compensar o novo tamanho */
}

/* O texto */
.bloco-download-cartilha .texto-download-cartilha {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;      /* ALTERADO: Diminuímos o texto de 18px para 16px */
    line-height: 20px;     /* Aumentei um pouco para dar mais respiro ao texto menor */
    color: #002352;
    font-weight: 600; 
    text-align: left;
		margin-top: -20px;
}

/* Celulares (até 576px) */
@media (max-width: 576px) {
    .container-cartilha-download {
        max-width: 90%;
        margin: 30px auto;
    }

    .bloco-download-cartilha {
        flex-direction: row;
		align-items: center;
        text-align: left;
		justify-content: flex-start;
        padding: 12px;
        height: 140px; /* ← Altura fixa */
    }

    .bloco-download-cartilha img {
        width: 60px;
        margin: 0 10px 0 0;
    }

    .bloco-download-cartilha .texto-download-cartilha {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0;
    }
}

/* Tablets (577px a 768px) */
@media (min-width: 577px) and (max-width: 768px) {
    .container-cartilha-download {
        max-width: 90%;
        margin: 40px auto;
    }

    .bloco-download-cartilha {
        height: 130px; /* ← Altura fixa */
    }

    .bloco-download-cartilha img {
        width: 80px;
    }

    .bloco-download-cartilha .texto-download-cartilha {
        font-size: 15px;
        line-height: 20px;
    }
}

/* Notebooks e desktops (769px em diante) */
@media (min-width: 769px) {
    .container-cartilha-download {
        max-width: 350px;
    }

    .bloco-download-cartilha {
        height: 120px; /* ← Altura fixa */
    }

    .bloco-download-cartilha img {
        width: 90px;
    }

    .bloco-download-cartilha .texto-download-cartilha {
        font-size: 16px;
        line-height: 20px;
    }
}

/*-----------------------------------------------------------------------------------------Página Instruções Normativas------------------------------------------------------------------------------*/

.container{
  width:70%;
  min-height:350px;
  margin:50px auto;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
}

/* sessão */
.normas { display:block; }

.normas__titulo{
  text-align: center;
  font-family: 'Rubik', sans-serif;
  font-weight: 500; /* Medium */
  font-size: 21px;
  letter-spacing: .06em;
  margin-bottom: 27px;
  margin-top: 55px;
  color: #002352;
}


/* lista de cards */
.cards{
  list-style:none;
  margin:0;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:30px;
  /*padding: 20px;*/
}

/* card clicável inteiro */
.card{
  /* o <li> só segura o espaço; o link é quem tem o visual */
}
.card__link{
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px;
  background:#F9F9F9;             /* cinza claro */
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  height:auto;
}


/* foco acessível */
.card__link:focus{ outline:2px solid #1b6ef3; outline-offset:2px; }

/* hover “levanta” no desktop */
@media (hover:hover){
  .card__link:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(0,0,0,.10);
    background:#eef2f7;
  }
}

/* icon/pdf */
.card__icon{
  flex:0 0 auto;
  width:64px; height:64px;
  display:flex; align-items:center; justify-content:center;
  border-radius:12px;
}
.card__icon img{ width:80px; height:71px; }

/* textos */
.card__body{ flex:1 1 auto; min-width:0; }
.card__title {
  margin: 0 0 6px 0;
  font-family: 'Rubik', sans-serif;
  font-weight: 500; /* Medium */
  font-size: 21px;
  color: #002352;
}


.card__desc{
  margin:0;
  color:#a2aebf;                   /* cinza-azulado suave */
  line-height:1.5;
  font-size:clamp(14px, 1.3vw, 16px);
  font-family: 'Rubik', sans-serif;
  font-weight: 300; /* Light */
  font-size: 18px;
}

/* “Abrir PDF” do lado direito (apenas decorativo) */
.card__cta{
  flex:0 0 auto;
  font-size:13px;
  padding:8px 10px;
  border-radius:10px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
  white-space:nowrap;
  color:#0f1e2e;
}

/* responsivo: afina paddings e ícone; mantém em linha (sem empilhar) */
@media (max-width: 820px){
  .container{ width:100%; padding:0 16px; } /* opcional: solta o container no mobile */
  .card__link{ padding:16px; gap:14px; height: 100%}
  .card__cta{ display:none; }  
	/* some com o chip no mobile para dar espaço */
}

/* telas muito estreitas: permite quebrar linha elegante */
@media (max-width: 420px){
  .card__link{ align-items:flex-start; }
}

/* bugs no wordpress, evita cards duplicados */

/* some o <p> vazio que aparece dentro do li.card */
.cards > li.card > p:empty { display: none; }

/* se o WP criar um <p> que tem APENAS o link duplicado, esconda-o */
.cards > li.card > p > a.card__link { display: none !important; }



/*-----------------------------------------------------------------------------------------PÁGINA AÇÕES E PROGRAMAS--------------------------------------------------------------------------------------*\

/* Container principal da página */
.conteudo-acoes-programas {
    max-width: 800px; /* Largura do conteúdo principal */
    margin: 50px auto;
    padding: 0 15px;
}

/* Estilo para as seções (Ações, Programas) */
.secao-ap {
    margin-bottom: 50px; /* Espaço abaixo de cada seção */
}

/* Título das seções (com a linha divisória) */
.titulo-secao-ap {
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
		text-align: center;
    font-weight: 500; /* Medium */
    color: #002352; /* Azul escuro */
    margin-bottom: 25px; /* Espaço entre a linha e o parágrafo abaixo */
}

/* Estilo padrão para os parágrafos dentro desta página */
.conteudo-acoes-programas p {
    font-family: 'Rubik', sans-serif;
    font-weight: 300; /* Light */
    font-size: 18px;
    line-height: 25px;
    text-align: justify;
    color: #a2aebf;
    margin-bottom: 25px; /* Espaço padrão abaixo de cada parágrafo */
}

/*---------------------------------------------------------------------------------Botão Ver Mais Deliberações------------------------------------------------------*/

/* Aplica as animações aos cards existentes */
.recursos-grid-container-deliberacoes {
  transition: margin-bottom 0.7s ease-out;
  margin-bottom: -50px;
  overflow: hidden;
}

/* Quando expandir */
.recursos-grid-container-deliberacoes.show-all {
  margin-bottom: 20px !important;
}

 /*A partir do 4º card, ficam escondidos por padrão */
.recursos-grid-container-deliberacoes .card:nth-child(n + 6) {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;  
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none;
  transition: max-height 0.7s ease-out,
              opacity 0.7s ease-out,
              margin-top 0.7s ease-out,
              padding-top 0.7s ease-out,
              padding-bottom 0.7s ease-out;
}


/* Quando clicar em "Ver Mais", eles aparecem suavemente */

.recursos-grid-container-deliberacoes.show-all .card:nth-child(n + 6) {
  max-height: 1000px;
  opacity: 1;
  margin-top: 10px !important;
  padding-top: initial !important;
  padding-bottom: initial !important;
}


/*---------------------------------------------------------------------------------Botão Ver Mais Resoluções------------------------------------------------------*/
.recursos-grid-container-resolucoes {
  transition: margin-bottom 0.7s ease-out;
	margin-bottom: -160px;  
	overflow: hidden;
}

/* Quando expandir */
.recursos-grid-container-resolucoes.show-all {
  margin-bottom: 0 !important;
}

 /*A partir do 4º card, ficam escondidos por padrão */
.recursos-grid-container-resolucoes .card:nth-child(n + 4) {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;  
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none;
  transition: max-height 0.7s ease-out,
              opacity 0.7s ease-out,
              margin-top 0.7s ease-out,
              padding-top 0.7s ease-out,
              padding-bottom 0.7s ease-out;
}


/* Quando clicar em "Ver Mais", eles aparecem suavemente */

.recursos-grid-container-resolucoes.show-all .card:nth-child(n + 4) {
  max-height: 1000px;
  opacity: 1;
  margin-top: 10px !important;
  padding-top: initial !important;
  padding-bottom: initial !important;
}

.ver-mais-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.botoes-anos {
  display: grid;
  grid-template-columns: repeat(3, auto); /* 3 colunas compactas */
  justify-content: center; /* centraliza tudo */
  align-items: center;
  gap: 10px; /* reduz o espaçamento entre os botões */
  margin: 30px; /* centraliza a grade */
}


@media (max-width: 768px) {
  .botoes-anos {
    grid-template-columns: repeat(3, auto); /* 2 por linha no tablet */
  }
	
	.cards{
		padding: 20px;
	}
}

@media (max-width: 480px) {
  .botoes-anos {
    grid-template-columns: 1fr; /* 1 por linha no celular */
	padding: 20px;
  }

  .botao-age {
    width: 100%;
  }
}


.btn-servicos {
    border: 1px solid #002352;
    font-family: 'Rubik', sans-serif;
    color: #002352;
    background-color: transparent;
    padding: 12px 40px;
    border-radius: 9999px;
    cursor: pointer;
    transition: background-color 1s, color 1s;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
	text-decoration: none;
}

.btn-servicos:hover {
  background: #002352;
  color: white;
}


/* ----- Layout dos dois anos lado a lado ----- */

/* ---------- Regras de esconder/mostrar (2020) ---------- */
/* Mostra sempre os 6 primeiros */
.modelos-container.visitec2020-container > a.botao-documento:nth-of-type(-n+6),
.modelos-container.visitec2020-container > p > a.botao-documento:nth-of-type(-n+6){
  display: flex !important;
  opacity: 1;
  max-height: 200px;
}

/*
.modelos-container.visitec2020-container {
      column-gap: 30px;
       row-gap: 18px;
}
*/

.visitec2020-container {
  margin: 24px auto;
  gap: 0; !important;
}


.visitec2020-container .botao-documento {
  margin: 10px; /* cria o espaçamento real entre os cards */
}




/*Esconde do 7º em diante (com transição e sem clique) */
.modelos-container.visitec2020-container:not(.show-all)
  > a.botao-documento:nth-of-type(n+7),
.modelos-container.visitec2020-container:not(.show-all)
  > p > a.botao-documento:nth-of-type(n+7){
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;

 
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;

  transition: opacity .6s ease-out, max-height .6s ease-out;
}


/* Quando abrir 2020, todos ficam visíveis/clicáveis */
.modelos-container.visitec2020-container.show-all > a.botao-documento,
.modelos-container.visitec2020-container.show-all > p > a.botao-documento{
  display: flex !important;
  opacity: 1;
  max-height: 200px;
  pointer-events: auto;
  visibility: visible;
  transition: opacity .6s ease-out, max-height .6s ease-out;
}

/* ---------- Regras de esconder/mostrar (2019) ---------- */
.modelos-container.visitec2019-container > a.botao-documento:nth-of-type(-n+6),
.modelos-container.visitec2019-container > p > a.botao-documento:nth-of-type(-n+6){
  display: flex !important;
  opacity: 1;
  max-height: 200px;
}

/*
.modelos-container.visitec2019-container {
  column-gap: 30px;
   row-gap: 10px;
}
*/ 


.modelos-container.visitec2019-container:not(.show-all)
  > a.botao-documento:nth-of-type(n+7),
.modelos-container.visitec2019-container:not(.show-all)
  > p > a.botao-documento:nth-of-type(n+7){
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;

  transition: opacity .6s ease-out, max-height .6s ease-out;
}

.modelos-container.visitec2019-container.show-all > a.botao-documento,
.modelos-container.visitec2019-container.show-all > p > a.botao-documento{
  display: flex !important;
  opacity: 1;
  max-height: 200px;
  pointer-events: auto;
  visibility: visible;
  transition: opacity .6s ease-out, max-height .6s ease-out;
}


.visitec2019-container {
  margin: 24px auto;
  gap: 0; !important;
}


.visitec2019-container .botao-documento {
  margin: 10px; /* cria o espaçamento real entre os cards */
}


/* tira todos os br da página que o wordpress coloca */
.conteudo br {
 display: none;
 line-height: 0 !important;
 height: 0 !important;
 margin: 0 !important;
 padding: 0 !important;
}

/*---------------------------------------------------------------------------------Botão Pill--------------------------------------------------------------------------------------------------------*/
/* Botão pílula básico que cresce conforme o conteúdo */
a.btn-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 9999px;
  background-color: #fff;
  color: #002352;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  border: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  white-space: nowrap;
}

/* Interações essenciais */
a.btn-pill:hover { background-color: #002352; }
a.btn-pill:hover { color: #fff; }
a.btn-pill:active { transform: translateY(1px); }
a.btn-pill:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(0,44,114,.35);
}

/* Centralizar um botão por linha */
a.btn-pill.center {
  display: block;        /* força ocupar a linha */
  width: fit-content;    /* largura acompanha o texto */
  margin: 0 auto;        /* centraliza horizontalmente */
  border: 1px solid #002352;
}


/* Responsivo opcional: aumentar área clicável em telas pequenas */
@media (max-width: 480px) {
  a.btn-pill { padding: 12px 20px; }
}