/* ==========================================================================
   ABMES Pesquisas — /abmes-pesquisas
   --------------------------------------------------------------------------
   Sem PDF de referência (o Jonathan pediu para seguir o mesmo processo de
   construção de /eventos e /cursos: sem layout novo, reaproveitando o que já
   está aprovado). Prefixo próprio (`psq-`) para não confundir, na leitura do
   código, conteúdo de Pesquisas com conteúdo de Editora/Eventos.

   🔴 HERO PADRONIZADO EM 02/09/2026 -- pedido do Jonh: usar /eventos-cursos
   (`.ec-hero`, eventos.css) como referência de espaçamento/fonte/tamanho
   para TODAS as "rows de título" do portal. Os números abaixo (72px título,
   22px apoio, 28px chamada, mesmas margens) são os MESMOS de `.ec-hero` --
   ver o comentário longo em eventos.css sobre a mesma padronização ter sido
   aplicada também em publicacoes.css e editora.css.

   🔴 Reaproveita `.botao`, `.carregar*`, `.trilha*`, `.recentes*`,
   `.pub-filtro`, `.filtro-periodo*` de site.css/internas.css/publicacoes.css
   -- esta folha só tem o que é exclusivo de Pesquisas. A seção "Todas as
   pesquisas" (filtro + grade) usa `.recentes`/`.recentes__cabeca` de
   internas.css ponta a ponta, no MESMO molde de "Eventos realizados"/
   "Cursos realizados" -- só a grade de cartões (`.psq-grade`/`.psq-cartao`)
   é exclusiva daqui.
   ========================================================================== */

/* ------------------------------------------------------------------ HERO -- */

.psq-hero {
    background: var(--branco);
    padding-block: 44px 36px;
}

.psq-hero__interno {
    width: min(100% - 48px, var(--largura-conteudo));
    margin-inline: auto;
}

.psq-hero__titulo {
    margin: 0;
    font-size: 72px;
    line-height: 1;
    font-weight: 700;
    color: var(--verde-escuro);
    letter-spacing: -.01em;
}

.psq-hero__apoio {
    margin: 14px 0 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--lima-escuro);
    text-transform: uppercase;
    letter-spacing: .01em;
}

.psq-hero__chamada {
    margin: 30px 0 0;
    max-width: 60ch;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--verde-escuro);
    text-wrap: pretty;
}

/* ===================================================== ULTIMA PESQUISA == */

.psq-destaque {
    background: var(--faixa-clara);
    padding-block: 40px;
}

.psq-destaque__interno {
    width: min(100% - 48px, var(--largura-conteudo));
    margin-inline: auto;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 62px;
    align-items: center;
}

.psq-destaque__capa img {
    display: block;
    width: 300px;
    height: 400px;
    object-fit: contain;
    border-radius: 4px;
}

.psq-badge {
    display: inline-block;
    margin: 0 0 22px;
    height: 40px;
    padding: 0 22px;
    line-height: 40px;
    background: var(--verde-escuro);
    color: #BCFE3C;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-radius: 4px;
}

.psq-destaque__titulo {
    margin: 0 0 18px;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;
    color: #1D332D;
}
.psq-destaque__titulo a { color: inherit; text-decoration: none; }
.psq-destaque__titulo a:hover { text-decoration: underline; }

.psq-destaque__resumo {
    margin: 0 0 28px;
    max-width: 760px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    color: #1D332D;
}

/* ================================================================ GRADE == */
/* .recentes/.recentes__interno/.recentes__cabeca/.recentes__contagem/
   .recentes__vazio (internas.css) dao a secao, o titulo, o filtro e a
   contagem -- mesmo molde de "Eventos realizados"/"Cursos realizados". Aqui
   so a grade de cartoes, que e exclusiva de Pesquisas. */

.psq-grade {
    list-style: none;
    margin: 0 0 48px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 25px;
}

.psq-cartao {
    display: grid;
    grid-template-columns: 142px minmax(0, 1fr);
    gap: 25px;
    align-items: start;
}

.psq-cartao__capa img {
    display: block;
    width: 142px;
    height: 200px;
    object-fit: contain;
    background: var(--faixa-clara);
    border-radius: 2px;
}

.psq-cartao__texto {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.psq-cartao__titulo {
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--verde-escuro);
    overflow-wrap: anywhere;
}
.psq-cartao__titulo a { color: inherit; text-decoration: none; }
.psq-cartao__titulo a:hover { text-decoration: underline; }

.psq-cartao__data {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 0;
    color: var(--cinza-azulado);
    font-size: 15px;
    font-weight: 600;
}

.psq-cartao__resumo {
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #3B4A45;
    overflow-wrap: anywhere;
}

/* mesmo tratamento do selo "Restrito a associadas" de Editora (edi-cartao__restrita) */
.psq-cartao__restrita {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 0;
    padding: 6px 10px;
    border-radius: 4px;
    background: var(--verde-escuro);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    color: #fff;
}
.psq-cartao__restrita .bi-lock-fill { font-size: 11px; }

.psq-cartao__botao {
    margin-top: 14px;
    align-self: flex-start;
}

/* ========================================================== RESPONSIVO === */
/* Mesma escala de .ec-hero (eventos.css), nos MESMOS pontos de quebra --
   ver o comentario no topo do arquivo sobre a padronizacao de 02/09/2026. */

@media (max-width: 1319.98px) {
    .psq-hero__titulo  { font-size: 60px; }
    .psq-hero__chamada { font-size: 25px; }
}

@media (max-width: 1199.98px) {
    .psq-hero__titulo  { font-size: 52px; }
    .psq-hero__apoio   { font-size: 19px; }
    .psq-hero__chamada { font-size: 22px; }
}

@media (max-width: 991.98px) {
    .psq-hero { padding-block: 32px 28px; }
    .psq-hero__titulo   { font-size: 44px; }
    .psq-hero__chamada  { font-size: 20px; max-width: none; }

    .psq-destaque__interno { grid-template-columns: 220px minmax(0, 1fr); gap: 32px; }
    .psq-destaque__capa img { width: 220px; height: 294px; }
    .psq-destaque__titulo   { font-size: 28px; }

    .psq-grade { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}

@media (max-width: 479.98px) {
    .psq-hero__titulo  { font-size: 30px; }
    .psq-hero__chamada { font-size: 17px; }
}

/* ============================================================== DETALHE == */
/* Mesma geometria de editora.css: coluna propria de 930px, faixa escura de
   largura total por baixo do painel de acao. */

.psq-detalhe {
    background: var(--branco);
    padding-block: 56px 60px;
}

.psq-detalhe__coluna {
    width: min(100% - 48px, 930px);
    margin-inline: auto;
}

.psq-detalhe__titulo {
    margin: 0 0 20px;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--verde-escuro);
}

.psq-detalhe__painel-secao {
    background: #1D2E29;
    padding-block: 26px 28px;
    margin-bottom: 36px;
}

.psq-detalhe__painel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 28px;
    padding: 15px 32px;
    background: var(--verde-escuro);
    border-radius: 4px;
}

.psq-detalhe__capa {
    display: block;
    width: 114px;
    height: 150px;
    object-fit: contain;
    border-radius: 2px;
    flex: none;
}

.psq-detalhe__acoes {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.psq-detalhe__bloqueado {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.psq-detalhe__bloqueado-texto {
    margin: 0;
    max-width: 46ch;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #fff;
}
.psq-detalhe__bloqueado-texto .bi { color: var(--lima); margin-right: 4px; }

.psq-detalhe__resumo {
    margin: 0 0 20px;
    max-width: 74ch;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--verde-escuro);
}

.psq-detalhe__data {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--cinza-azulado);
}

/* ========================================================== NAO ENCONTRADA */

.psq-vazio {
    width: min(100% - 48px, var(--largura-conteudo));
    margin-inline: auto;
    padding-block: 80px 90px;
    max-width: 640px;
}

.psq-vazio__titulo {
    margin: 0 0 18px;
    font-size: 34px;
    font-weight: 700;
    color: var(--verde-escuro);
}

.psq-vazio__texto {
    margin: 0 0 30px;
    font-size: 19px;
    line-height: 1.4;
    color: var(--verde-escuro);
}

.psq-vazio__diagnostico {
    margin-top: 24px;
    font-size: 14px;
    color: var(--cinza-azulado);
}

@media (max-width: 767.98px) {
    .psq-detalhe__titulo    { font-size: 30px; }
    .psq-detalhe__painel    { flex-direction: column; align-items: flex-start; padding: 24px; }
    .psq-detalhe__acoes,
    .psq-detalhe__bloqueado { width: 100%; flex-direction: column; align-items: stretch; }
    .psq-detalhe__acoes .botao,
    .psq-detalhe__bloqueado .botao { width: 100%; justify-content: center; }
    .psq-detalhe__resumo    { font-size: 17px; }

    .psq-vazio__titulo { font-size: 26px; }
}

@media (max-width: 767.98px) {
    .psq-hero__titulo  { font-size: 36px; }
    .psq-hero__apoio   { font-size: 17px; }
    .psq-hero__chamada { font-size: 18px; }

    .psq-destaque__interno { grid-template-columns: minmax(0, 1fr); }
    .psq-destaque__capa img { width: 100%; max-width: 240px; height: auto; margin-inline: auto; }
    .psq-destaque__titulo   { font-size: 24px; }
    .psq-destaque__resumo   { font-size: 17px; }

    .psq-cartao { grid-template-columns: minmax(0, 1fr); }
    .psq-cartao__capa img { width: 100%; max-width: 180px; height: auto; }
}