/* ==========================================================================
   ABMES Editora — /publicacoes/editora
   --------------------------------------------------------------------------
   Medidas lidas dos operadores do InternasPage-Editora.pdf (1440 x 3040,9),
   com pdf-interpreta.php (texto/retângulos/imagens em coordenada de página).

   🔴 Reaproveita `.botao`, `.botao--contorno-escuro`, `.carregar*`,
   `.pub-chamada*` e `.trilha*` de site.css/internas.css/publicacoes.css --
   esta folha só tem o que é exclusivo da Editora.
   ========================================================================== */

/* ------------------------------------------------------------------ HERO -- */
/* sem ilustração ao lado (diferente de Publicações) e mais larga que o grid
   padrão de 1170: o título mede x=52,9, não os 135 do resto da página. */

/**
 * 🔴 PADDING-BLOCK PADRONIZADO EM 02/09/2026 com `.ec-hero` (eventos.css) --
 * pedido do Jonh: 44px/36px em toda "row de título" do portal (antes eram
 * 70px/46px, medidos só deste PDF).
 */
.edi-hero {
    background: var(--branco);
    padding-block: 44px 36px;
}

.edi-hero__interno {
    width: min(100% - 48px, 1334px);
    margin-inline: auto;
}

/**
 * 🔴 PADRONIZADO EM 02/09/2026 com `.ec-hero` (eventos.css) -- pedido do
 * Jonh: mesma fonte/tamanho/espaçamento em toda "row de título" do portal.
 *
 * Até aqui o título era 48px, deliberadamente "mais compacto" (medido no
 * PDF da Editora, que não é o de /publicacoes) -- essa diferença é a que a
 * nova instrução resolve: consistência entre páginas passa a valer mais do
 * que a fidelidade a um PDF que nunca previu as duas telas lado a lado.
 */
.edi-hero__titulo {
    margin: 0;
    font-size: 72px;
    line-height: 1;
    font-weight: 700;
    color: var(--verde-escuro);
    letter-spacing: -.01em;
}

.edi-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;
}

.edi-hero__chamada {
    margin: 30px 0 0;
    max-width: 900px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--verde-escuro);
}

/* ===================================================== ULTIMA PUBLICACAO == */
/* faixa #E5EAD3 de largura total, 406,7 de altura -- capa de 300x400, igual
   à de .pub-destaque */

.edi-destaque {
    background: #E5EAD3;
    padding-block: 40px;
}

.edi-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;
}

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

/* selo de 307 x 40 no PDF -- fundo escuro, texto lima-claro (#BCFE3C) */
.edi-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;
}

/* 34pt no PDF -- mesmo corpo do .pub-destaque__titulo */
.edi-destaque__titulo {
    margin: 0 0 18px;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;
    color: #1D332D;
}
.edi-destaque__titulo a { color: inherit; text-decoration: none; }
.edi-destaque__titulo a:hover { text-decoration: underline; }

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

/* ================================================================ GRADE == */

.edi-grade-secao {
    background: var(--branco);
    padding-block: 56px 60px;
}

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

.edi-grade-vazia {
    margin: 0;
    font-size: 19px;
    line-height: 1.4;
    color: var(--verde-escuro);
}

/* 2 colunas, vão de 25px -- mesmo vão de .pub-cartoes, medido igual aqui */
.edi-grade {
    list-style: none;
    margin: 0 0 48px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 25px;
}

/* capa (142x200) + texto, vão de 25px -- mesma proporção de .pub-cartao */
.edi-cartao {
    display: grid;
    grid-template-columns: 142px minmax(0, 1fr);
    gap: 25px;
    align-items: start;
}

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

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

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

/* 20pt Medium no PDF */
.edi-cartao__subtitulo {
    margin: 8px 0 0;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 500;
    color: #3B4A45;
    overflow-wrap: anywhere;
}

/**
 * 🔴 REFORÇADO EM 02/09/2026 -- pedido do Jonh: era uma caixa vazada (borda
 * fina, mesma cor do fundo branco do cartão), fácil de não notar entre o
 * subtítulo e o botão. Passou para o MESMO tratamento do `.selo` de
 * categoria (internas.css) -- fundo sólido, texto branco -- porque é o
 * padrão que o site já usa sempre que um selo precisa se destacar sobre um
 * cartão claro. O cadeado reforça que é uma RESTRIÇÃO, e não uma categoria.
 */
.edi-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;
}

.edi-cartao__restrita .bi-lock-fill { font-size: 11px; }

/* botão "LER PUBLICAÇÃO" -- encosta no rodapé do texto do cartão */
.edi-cartao__botao {
    margin-top: 14px;
    align-self: flex-start;
}

/* ========================================================== RESPONSIVO === */

@media (max-width: 991.98px) {
    .edi-hero { padding-block: 32px 28px; }   /* mesmo passo de .ec-hero */
    .edi-hero__titulo   { font-size: 38px; }
    .edi-hero__chamada  { font-size: 22px; }

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

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

/* ============================================================== DETALHE == */
/* Medidas lidas do InternasPage-EditoraDetalhe.pdf (1440 x 1825,6). Coluna
   PROPRIA de 930px (x=254,5 .. 1184,5) -- mais estreita que o grid padrao de
   1170: e so o texto de UMA publicacao, nao uma grade. */

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

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

/* 48pt no PDF -- mesmo corpo do titulo do catalogo. Titulo em y=242,7, faixa
   escura comeca em y=356 -> 20px de vao (o resto e o padding da faixa). */
.edi-detalhe__titulo {
    margin: 0 0 20px;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--verde-escuro);
}

/**
 * 🔴 FAIXA DE FUNDO PROPRIA, DE LARGURA TOTAL -- e o que faltava (achado do
 * Jonh, 02/09). Medida por AMOSTRAGEM DE PIXEL no render (nao aparecia no
 * relatorio de retangulos porque e um caminho arredondado, nao um `re`):
 * y 356..590 na pagina, cor #1D2E29 -- 26px acima e 28px abaixo do painel
 * #214138, que fica centralizado dentro dela.
 */
.edi-detalhe__painel-secao {
    background: #1D2E29;
    padding-block: 26px 28px;
    margin-bottom: 36px;
}

/* painel de 930 x 180 no PDF -- capa pequena + os 2 botoes de acao, CENTRADOS */
.edi-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;
}

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

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

/**
 * Conteudo exclusivo para associados -- BLOQUEIA os botoes de acao (anotacao
 * lida dentro do proprio PDF, ver o cabecalho de detalhe.phtml). Ocupa o
 * mesmo lugar de .edi-detalhe__acoes dentro do painel escuro.
 */
.edi-detalhe__bloqueado {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

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

/* 24pt no PDF ("Normas editadas em 2024/2025") */
.edi-detalhe__subtitulo {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--verde-escuro);
}

/* 20pt Medium no PDF, texto corrido (ja inclui "Lançada em..." -- ver Publicacao::resumo()) */
.edi-detalhe__resumo {
    margin: 0 0 36px;
    max-width: 74ch;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--verde-escuro);
}

.edi-detalhe__sumario {
    padding-top: 32px;
    border-top: 1px solid rgba(33, 65, 56, .18);
}

/* mesmo corpo do subtitulo -- e a mesma fonte "de peso maior" do PDF (TT2) */
.edi-detalhe__sumario-titulo {
    margin: 0 0 14px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--verde-escuro);
}

/* 24px de entrelinha no PDF (20 x 1,2) -- medido, nao estimado */
.edi-detalhe__sumario-lista {
    margin: 0;
    max-width: 74ch;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: var(--verde-escuro);
}

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

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

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

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

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

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

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

@media (max-width: 767.98px) {
    .edi-hero__titulo  { font-size: 30px; }
    .edi-hero__apoio   { font-size: 17px; }
    .edi-hero__chamada { font-size: 19px; }

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

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