/*
Theme Name: O Pesquisador Cristão
Theme URI: https://opesquisadorcristao.com.br
Author: Seu Nome
Description: Tema minimalista, ultra-leve e profissional focado em leitura, pesquisa histórica e alta performance.
Version: 1.0.12
Text Domain: opesquisadorcristao
*/

/* Reset Básico & Variáveis Globais */
:root {
    /* Cores do Novo Cabeçalho Escuro */
    --cor-fundo-logo: #1e252b;   /* Cinza/azul escuro do bloco do logo */
    --cor-fundo-menu: #151a1e;   /* Tom ligeiramente mais escuro para o menu */
    --cor-bege-texto: #dbb380;   /* Dourado/bege elegante dos links */
    --cor-branco: #ffffff;

    /* Cores do Conteúdo e Leitura */
    --cor-principal: #1a2a3a;   /* Azul escuro intelectual para títulos */
    --cor-acento: #c9a054;      /* Tom dourado/antigo discreto */
    --cor-texto: #2d3748;       /* Cinza escuro para leitura confortável */
    --cor-fundo: #ffffff;
    --fonte-principal: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--fonte-principal);
    color: var(--cor-texto);
    background-color: var(--cor-fundo);
    line-height: 1.8;
    font-size: 18px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ==========================================================================
   CABEÇALHO DESKTOP (PC) - INTEGRAÇÃO COM NOVA ESTRUTURA
   ========================================================================== */

/* Estrutura do Topo do Logo */
.topo-logo-bar {
    background-color: var(--cor-fundo-logo);
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.header-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.logo-central {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Controle rígido de tamanho da Logo enviado pelo painel no PC */
.logo-central img,
.logo-central .custom-logo {
    max-height: 65px !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

.logo-central a {
    text-decoration: none;
    color: var(--cor-branco);
    font-family: serif;
    letter-spacing: 2px;
}

.texto-logo-provisorio {
    display: inline-block;
    line-height: 1.2;
    font-size: 20px;
}

/* Redes Sociais do Topo */
.redes-sociais-topo {
    justify-self: end;
    display: flex;
    gap: 10px;
}

.redes-sociais-topo a {
    color: #ffffff !important;
    background-color: #12161a !important;
    text-decoration: none;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 18px;
    transition: background-color 0.3s, color 0.3s;
}

.redes-sociais-topo a:hover {
    background-color: var(--cor-bege-texto) !important;
    color: #151a1e !important;
}

/* Barra de Navegação Fixa NATIVA (Sticky) */
.barra-navegacao-fixa {
    background-color: var(--cor-fundo-menu) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    width: 100% !important;
}

/* Container flexível interno do PC */
.container-nav-custom {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    height: 50px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative;
}

/* Menu de Links Horizontal (Desktop) */
.menu-desktop-links .menu-links-lista-desktop {
    display: flex !important;
    list-style: none !important;
    gap: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: row !important;
}

.menu-desktop-links .menu-links-lista-desktop li a {
    color: var(--cor-bege-texto) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: color 0.2s;
}

.menu-desktop-links .menu-links-lista-desktop li a:hover,
.menu-desktop-links .menu-links-lista-desktop .current-menu-item a {
    color: var(--cor-branco) !important;
}

/* Oculta Elementos Mobile no Modo Desktop por Padrão */
.botao-menu-mobile,
.logo-exclusiva-mobile,
.menu-navegacao-mobile-gaveta {
    display: none !important;
}

/* ==========================================================================
   SISTEMA DE BUSCA RETRÁTIL REVISADO E MODULARIZADO
   ========================================================================= */

.pesquisa-topo-modulo {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

/* Botão da Lupa Principal */
.botao-pesquisa-toggle-modulo {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: var(--cor-bege-texto) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    padding: 5px !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
}

.botao-pesquisa-toggle-modulo:hover {
    color: var(--cor-branco) !important;
}

/* Caixa do Formulário Retrátil */
.caixa-busca-retratil-modulo {
    position: absolute !important;
    right: 35px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-color: #111518 !important;
    border: 1px solid var(--cor-bege-texto) !important;
    border-radius: 4px !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    width: 240px !important;
    height: 34px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.4) !important;
    z-index: 99999 !important;
}

/* Classe de abertura ativa executada pelo JS */
.caixa-busca-retratil-modulo.aberta {
    opacity: 1 !important;
    visibility: visible !important;
    right: 45px !important;
}

/* Ajustes estruturais do Form interno */
.caixa-busca-retratil-modulo form.search-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove caixas herdadas no Campo de Texto */
.caixa-busca-retratil-modulo input[type="search"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--cor-branco) !important;
    font-size: 14px !important;
    width: 85% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Remove visual tridimensional do botão interno de envio */
.caixa-busca-retratil-modulo button[type="submit"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--cor-bege-texto) !important;
    cursor: pointer !important;
    font-size: 13px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.caixa-busca-retratil-modulo button[type="submit"]:hover {
    color: var(--cor-branco) !important;
}

/* ==========================================================================
   CONTEÚDO E LAYOUT ESTRUTURAL
   ========================================================================== */

main {
    padding: 5px 0;
}

.artigo-header {
    margin-bottom: 30px;
    text-align: center;
}

.artigo-titulo {
    font-size: 2.5rem;
    color: var(--cor-principal);
    line-height: 1.3;
}

.artigo-conteudo {
    max-width: 740px;
    margin: 0 auto;
}

.artigo-conteudo p {
    margin-bottom: 25px;
}


/* ==========================================================================
   MEDIA QUERY: DISPOSITIVOS MÓVEIS (MOBILE ATÉ 768px)
   ========================================================================== */
@media (max-width: 768px) {
    
    /* 1. Oculta o Topo Largo de Logo do PC no Mobile */
    .topo-logo-bar {
        display: none !important;
    }

    /* 2. Oculta os links horizontais do PC */
    .menu-desktop-links {
        display: none !important;
    }

    /* 3. Transforma a barra num cabeçalho Grid perfeito de 3 colunas */
    .container-nav-custom {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr !important;
        align-items: center !important;
        height: 60px !important;
        width: 100% !important;
    }

    /* 4. Ativa e Alinha o Botão Hambúrguer na esquerda */
    .botao-menu-mobile {
        display: flex !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
        font-size: 22px !important;
        cursor: pointer !important;
        justify-self: start !important;
        padding: 5px !important;
    }

    /* 5. Ativa e centraliza a Logo exclusiva do Mobile no meio */
    .logo-exclusiva-mobile {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        justify-self: center !important;
    }

    /* Trava o tamanho rígido para a logo nunca quebrar no celular */
    .logo-exclusiva-mobile img,
    .logo-exclusiva-mobile .custom-logo {
        max-height: 40px !important;
        width: auto !important;
        display: block !important;
    }

    /* 6. Empurra o módulo da lupa para a extrema direita */
    .pesquisa-topo-modulo {
        justify-self: end !important;
    }

    /* Reposiciona a caixa de busca expansiva para abrir abaixo do topo */
    .caixa-busca-retratil-modulo.aberta {
        position: absolute !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        transform: none !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    /* 7. GAVETA LATERAL DO MENU MOBILE (Abre da esquerda) */
    .menu-navegacao-mobile-gaveta {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: -100% !important; /* Escondido */
        width: 280px !important;
        height: 100vh !important;
        background-color: #0b0f12 !important; /* Fundo escuro igual ao print */
        z-index: 999999 !important;
        padding: 60px 20px 20px 20px !important;
        transition: left 0.3s ease-in-out !important;
        box-shadow: 4px 0 15px rgba(0,0,0,0.5) !important;
    }

    /* Classe injetada pelo JS ao clicar */
    .menu-navegacao-mobile-gaveta.ativo {
        left: 0 !important;
    }

    /* Botão "X" de fechar o menu à esquerda */
    .botao-fechar-mobile {
        display: flex !important;
        position: absolute !important;
        top: 15px !important;
        left: 20px !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
        font-size: 22px !important;
        cursor: pointer !important;
    }

    /* Lista vertical de links do Mobile */
    .menu-links-lista-mobile {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        list-style: none !important;
        padding: 0 !important;
        margin-top: 20px !important;
    }

    .menu-links-lista-mobile li {
        width: 100% !important;
    }

    .menu-links-lista-mobile li a {
        color: var(--cor-bege-texto) !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        font-size: 15px !important;
        display: block !important;
        padding-bottom: 5px !important;
    }

    /* Destaca a página corrente no mobile */
    .menu-links-lista-mobile .current-menu-item a {
        color: #ffffff !important;
    }
}

/* AJUSTE FINO DA BUSCA MOBILE - ALINHAMENTO MILIMÉTRICO */
@media (max-width: 768px) {
    /* Força a barra de navegação a ser a referência absoluta correta */
    .barra-navegacao-fixa {
        position: relative !important;
    }

    .pesquisa-topo-modulo {
        position: static !important;
    }

    .caixa-busca-retratil-modulo {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important; /* Garante que respeite o limite exato da barra preta */
        max-width: 100% !important;
        transform: none !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
        background-color: #11161a !important;
        padding: 10px 15px !important;
        box-sizing: border-box !important; /* Força o padding a contar para DENTRO dos 100% */
    }

    #formulario-busca-topo {
        width: 100% !important;
        display: flex !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .caixa-busca-retratil-modulo .search-field {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
    }
}
/* ==========================================================================
   VISUAL DA PÁGINA INICIAL - GRID DE DESTAQUES RECENTES
   ========================================================================== */

.area-principal-home {
    background-color: #1a202c; /* Fundo escuro do seu print anterior */
    padding: 40px 0;
}

.titulo-bloco-home {
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
}

/* Estrutura Flexbox/Grid */
.grid-destaques-home {
    display: flex;
    gap: 20px;
}

.destaque-card-grande {
    flex: 1.3; /* Dá mais peso para a esquerda */
    position: relative;
    height: 480px;
    border-radius: 8px;
    overflow: hidden;
}

.coluna-destaques-pequenos {
    flex: 1; /* Coluna da direita */
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 480px;
}

.destaque-card-pequeno {
    flex: 1;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

/* Comportamento dos Links e Imagens dentro dos Cards */
.link-capa-destaque {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
}

.link-capa-destaque img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease;
}

.link-capa-destaque:hover img {
    transform: scale(1.03);
}

/* Máscara de Degradê Escuro (Garante a leitura dos títulos brancos) */
.mascara-gradiente-destaque {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.9) 95%);
    z-index: 1;
}

/* Textos e Tags por cima das Imagens */
.info-artigo-destaque {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
    z-index: 2;
}

.destaque-card-pequeno .info-artigo-destaque {
    padding: 15px 20px;
}

.tags-artigo-destaque {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 12px;
}

.tag-categoria {
    background-color: #c7926b; /* Marrom elegante dos botões de categorias */
    color: #000000;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    text-transform: uppercase;
    border-radius: 2px;
}

.titulo-artigo-destaque {
    color: #ffffff;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 10px 0;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.titulo-artigo-destaque.grande {
    font-size: 26px;
}

.titulo-artigo-destaque.pequeno {
    font-size: 16px;
}

.meta-artigo-destaque {
    display: flex;
    gap: 15px;
    color: #cbd5e0;
    font-size: 12px;
}

.meta-artigo-destaque i {
    margin-right: 3px;
}

/* ==========================================================================
   RESPONSIVIDADE DO GRID (MOBILE)
   ========================================================================== */
@media (max-width: 850px) {
    .grid-destaques-home {
        flex-direction: column;
    }
    .destaque-card-grande,
    .coluna-destaques-pequenos {
        height: auto;
    }
    .destaque-card-grande,
    .destaque-card-pequeno {
        height: 300px; /* Mantém uma altura confortável no celular */
    }
}
/* GARANTE O VISUAL DOS LINKS DE METADADOS */
.meta-artigo-destaque a {
    color: #cbd5e0 !important; /* Mantém o tom cinza claro original */
    text-decoration: none !important; /* Remove qualquer sublinhado */
    transition: color 0.2s ease;
}

.meta-artigo-destaque a:hover {
    color: #ffffff !important; /* Dá um leve destaque branco quando passa o mouse */
}

/* RESET E RE-ALINHAMENTO COMPLETO DOS METADADOS DE DESTAQUE */
.meta-artigo-destaque {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* IMPEDE A DATA DE QUEBRAR EM DUAS LINHAS */
    align-items: center !important;
    justify-content: flex-start !important; /* FORÇA IR PARA A ESQUERDA */
    gap: 20px !important; 
    width: 100% !important;
    clear: both !important; /* ANULA QUALQUER FLOAT FLUTUANTE */
    float: none !important; /* ANULA SE TIVER FLOAT RIGHT ANTERIOR */
    text-align: left !important; /* SE ALINHA À ESQUERDA */
    margin-top: 15px !important;
}

.meta-artigo-destaque span {
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    white-space: nowrap !important; /* NÃO DEIXA O TEXTO "JUNHO" SE SEPARAR DO ANO */
}

.meta-artigo-destaque a {
    color: #cbd5e0 !important; 
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important; 
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: color 0.2s ease;
}

.meta-artigo-destaque a:hover {
    color: #ffffff !important; 
}

.meta-artigo-destaque i {
    font-size: 14px !important;
    color: #cbd5e0 !important;
}

/* ==========================================================================
   ESTILIZAÇÃO MELHORADA DA HOME (PORTAL DESIGN)
   ========================================================================== */

/* Seção Intermediária */
.secao-destaques-secundarios {
    margin: 40px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.grid-quatro-colunas-secundarios {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.card-secundario {
    display: flex;
    flex-direction: column;
}

.link-capa-secundario {
    width: 100%;
    height: 125px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 12px;
}

.link-capa-secundario img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease;
}

.card-secundario:hover .link-capa-secundario img {
    transform: scale(1.05);
}

.titulo-artigo-secundario {
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
    font-weight: 600;
}

.titulo-artigo-secundario a {
    color: #e2e8f0;
    text-decoration: none;
    transition: color 0.2s;
}

.titulo-artigo-secundario a:hover {
    color: #c7926b;
}

/* Blocos de Categorias Recorrentes */
.secao-categoria-bloco {
    margin-bottom: 60px;
}

.cabecalho-categoria-bloco {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.titulo-categoria-bloco-nome {
    color: #c7926b;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 0.8px;
    margin: 0;
}

.linha-decorativa-titulo {
    flex-grow: 1;
    height: 1px;
    background: linear-gradient(to right, rgba(199, 146, 107, 0.4), rgba(255, 255, 255, 0.02));
}

.grid-quatro-colunas-cat {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.card-artigo-cat {
    background: #12171d;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-artigo-cat:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.capa-artigo-cat-link {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.capa-artigo-cat-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.conteudo-artigo-cat {
    padding: 18px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Força o preenchimento igual da altura */
}

.titulo-artigo-cat {
    font-size: 14px;
    line-height: 1.45;
    margin: 0 0 15px 0;
    font-weight: 700;
}

.titulo-artigo-cat a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s;
}

.titulo-artigo-cat a:hover {
    color: #c7926b;
}

.meta-artigo-cat {
    display: flex;
    gap: 15px;
    color: #a0aec0;
    font-size: 11px;
    margin-top: auto; /* Mantém data e autor grudados no rodapé do card */
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    padding-top: 12px;
}

.meta-artigo-cat span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* Links Ver Mais Customizados */
.area-botao-ver-mais-cat {
    display: flex;
    justify-content: center; /* Fica elegante alinhado à direita no fim do bloco */
    margin-top: 30px;
}

.botao-ver-mais-link {
    color: #a0aec0;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s, gap 0.2s;
}

.botao-ver-mais-link i {
    transition: transform 0.2s ease;
}

.botao-ver-mais-link:hover {
    color: #ffffff;
}

.botao-ver-mais-link:hover i {
    transform: translateX(4px); /* Sutil empurrãozinho na seta ao passar o mouse */
}

/* Responsividade Adaptativa */
@media (max-width: 1024px) {
    .grid-quatro-colunas-cat, .grid-quatro-colunas-secundarios {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .grid-quatro-colunas-cat, .grid-quatro-colunas-secundarios {
        grid-template-columns: 1fr;
    }
    .cabecalho-categoria-bloco {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .linha-decorativa-titulo {
        width: 100%;
    }
}

/* AJUSTE PARA OS LINKS DE METADADOS NOS CARDS DE CATEGORIA */
.meta-artigo-cat span a {
    color: #a0aec0 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    transition: color 0.2s ease;
}

.meta-artigo-cat span a:hover {
    color: #c7926b !important; /* Destaca com o tom marrom/dourado ao passar o mouse */
}
/* ==========================================================================
   PÁGINA DO AUTOR (AUTHOR.PHP)
   ========================================================================== */

.perfil-autor-topo {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 40px 0 20px 0;
}

.avatar-autor img {
    border-radius: 50%;
    border: 2px solid #c7926b;
    display: block;
}

.subtitulo-autor {
    color: #c7926b;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
}

.nome-autor-titulo {
    color: #ffffff;
    font-size: 28px;
    margin: 0 0 10px 0;
    font-weight: 700;
}

.biografia-autor {
    color: #a0aec0;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    max-width: 600px;
}

.paginacao-autor {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 40px 0;
}

.paginacao-autor .page-numbers {
    color: #a0aec0;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 4px;
    background: #12171d;
    font-size: 13px;
    transition: all 0.2s;
}

.paginacao-autor .page-numbers.current,
.paginacao-autor .page-numbers:hover {
    background: #c7926b;
    color: #ffffff;
}

@media (max-width: 640px) {
    .perfil-autor-topo {
        flex-direction: column;
        text-align: center;
    }
}

/* ==========================================================================
   OTIMIZAÇÃO RESPONSIVA PARA DISPOSITIVOS MÓVEIS (MOBILE)
   ========================================================================== */

@media (max-width: 768px) {
    /* Força o grid de categorias a exibir 2 colunas perfeitamente alinhadas */
    .grid-quatro-colunas-cat {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important; /* Espaçamento menor para aproveitar a tela do celular */
        padding: 0 5px !important;
    }

    /* Ajuste fino nos elementos internos do card para telas menores */
    .conteudo-artigo-cat {
        padding: 12px 10px !important;
    }

    .titulo-artigo-cat {
        font-size: 14px !important; /* Reduz levemente a fonte para o título caber em 2 colunas */
        line-height: 1.4 !important;
        margin-bottom: 8px !important;
    }

    /* Organiza os metadados (autor/data) para que não quebrem linha feio */
    .meta-artigo-cat {
        display: flex !important;
        flex-direction: column !important; /* Empilha autor e data se a tela for muito estreita */
        gap: 4px !important;
        font-size: 11px !important;
    }
}

/* ==========================================================================
   OTIMIZAÇÃO RESPONSIVA - COLUNA ÚNICA PURA (EMPILHADO)
   ========================================================================== */

@media (max-width: 768px) {
    
    /* 1. FORÇA TODOS OS DESTAQUES DO TOPO EM UMA COLUNA SÓ */
    .grid-destaques-home {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important; /* Espaçamento idêntico entre os blocos */
    }

    /* O card principal grande */
    .destaque-card-grande {
        height: 240px !important;
        width: 100% !important;
    }

    /* A caixinha que envelopava os dois menores passa a ser flex/coluna também */
    .coluna-destaques-pequenos {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
    }

    /* Os dois cards menores agora ganham comportamento de card inteiro */
    .destaque-card-pequeno {
        height: 200px !important; /* Uma altura excelente para preencher a largura do celular */
        width: 100% !important;
    }

    /* 2. PADRONIZAÇÃO COMPLETA DOS TÍTULOS E METADADOS INTERNOS */
    .titulo-artigo-destaque {
        font-size: 15px !important; /* Tamanho unificado para os 3 posts */
        line-height: 1.4 !important;
        font-weight: 700 !important;
    }

    .titulo-artigo-destaque.pequeno {
        font-size: 15px !important; /* Força o mesmo tamanho nos de baixo */
        line-height: 1.4 !important;
    }

    /* Ajuste fino nos metadados para não cortarem na direita */
    .meta-artigo-destaque {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        font-size: 11px !important;
    }

    /* 3. MANTÉM OS 4 DESTAQUES SECUNDÁRIOS EM 2 COLUNAS (CONFORME ACORDADO ANTES) */
    .secao-destaques-secundarios {
        margin: 30px 0 !important;
    }

    .grid-quatro-colunas-secundarios {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
        width: 100% !important;
    }

    .card-secundario {
        width: 100% !important;
    }

    .link-capa-secundario {
        height: 110px !important;
        margin-bottom: 8px !important;
    }

    .titulo-artigo-secundario {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    /* 4. BLOCOS DE CATEGORIAS (MANTIDO EM 2 COLUNAS) */
    .grid-quatro-colunas-cat {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}




@media (max-width: 768px) {
    /* ... mantenha suas outras regras e ajuste/adicione estas aqui: ... */

    /* Força o link/container da imagem a ter exatamente a mesma altura da foto */
    .grid-quatro-colunas-cat .capa-artigo-cat-link,
    .capa-artigo-cat-link {
        height: 110px !important;
        max-height: 110px !important;
        display: block !important;
        overflow: hidden !important;
        margin-bottom: 0 !important; /* Remove qualquer margem antiga que jogue o texto para baixo */
    }

    /* Garante que a imagem preencha o container perfeitamente */
    .grid-quatro-colunas-cat .capa-artigo-cat-link img,
    .grid-quatro-colunas-cat img {
        height: 110px !important;
        width: 100% !important;
        object-fit: cover !important;
        margin: 0 !important;
    }

    /* Ajusta o topo da caixa de texto para encostar na imagem de forma suave */
    .conteudo-artigo-cat {
        padding: 12px !important;
        margin-top: 0 !important; /* Zera qualquer espaçamento superior */
    }
}

@media (max-width: 768px) {
    /* ... mantenha as suas outras configurações e adicione esta: ... */

    /* CENTRALIZAÇÃO DO TÍTULO DE CATEGORIAS NO MOBILE */
    .secao-categoria h2,
    .titulo-categoria,
    main h2,
    h2[style*="color"] { /* Seletor de segurança caso use estilo inline no HTML */
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Garante que o fundo do container de arquivos seja escuro em todas as resoluções */
.area-principal-arquivo {
    background-color: #1e252b !important;
    min-height: 100vh;
}

/* ==========================================================================
   ESTILIZAÇÃO DA PÁGINA DE CATEGORIA (ARQUIVO)
   ========================================================================== */

.topo-categoria-links h1,
.perfil-autor-topo .nome-autor-titulo {
    font-size: 26px;
    color: #ffffff !important; /* <--- MUDADO PARA BRANCO AQUI */
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 12px 0;
    font-weight: 700;
    text-align: center;
}

/* ==========================================================================
   BOTÃO DE CARREGAR MAIS PUBLICACÕES (ESTILO AJAX PORTAL)
   ========================================================================== */

.btn-carregar-mais {
    background-color: #f3bb85; /* Tom bronze padrão */
    color: #000000;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    margin: 20px auto;
    display: inline-block;
}

.btn-carregar-mais:hover {
    background-color: #ffffff; /* Fica branco ao passar o mouse */
    color: #000000;
}

.btn-carregar-mais:disabled {
    background-color: #555555;
    color: #aaaaaa;
    cursor: not-allowed;
}


/* ==========================================================================
   ESTILIZAÇÃO COMPLETA DO NOVO RODAPÉ (FOOTER)
   ========================================================================== */

/* Container Principal do Rodapé */
.rodape-principal {
    background-color: #151a1e !important; /* Cor cinza escura idêntica ao menu */
    color: #ffffff !important;
    padding: 60px 0 0 0 !important;
    margin-top: 60px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Alinhamento do Grid em 4 Colunas */
.grid-rodape {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr 1fr 1fr !important;
    gap: 40px !important;
    padding-bottom: 40px !important;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

/* Estilização dos Títulos das Colunas */
.coluna-rodape h3.titulo-coluna-rodape {
    color: #dbb380 !important; /* Bege dourado elegante */
    font-size: 14px !important;
    text-transform: uppercase !important;
    margin: 0 0 20px 0 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
}

/* Coluna 1: Logo e Slogan */
.col-logo {
    display: flex !important;
    flex-direction: column !important;
}

.logo-rodape img {
    max-width: 180px !important;
    height: auto !important;
    margin-bottom: 15px !important;
    display: block;
}

.frase-slogan-rodape {
    color: #dbb380 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Colunas 2 e 3: Listas de Menus (Links) */
.lista-links-rodape {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.lista-links-rodape li {
    margin-bottom: 12px !important;
    padding-left: 15px !important;
    position: relative !important;
}

/* Ícone de seta (>) antes de cada link do menu */
.lista-links-rodape li::before {
    content: "›" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #dbb380 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

.lista-links-rodape li a {
    color: #b0b5b9 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: color 0.2s ease !important;
    display: inline-block;
}

.lista-links-rodape li a:hover {
    color: #ffffff !important;
}

/* Coluna 4: Redes Sociais */
.redes-sociais-rodape {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap;
}

.redes-sociais-rodape a {
    color: #ffffff !important;
    background-color: #1e252b !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    font-size: 16px !important;
}

.redes-sociais-rodape a:hover {
    background-color: #dbb380 !important;
    color: #151a1e !important;
}

/* ==========================================================================
   BARRA INFERIOR (SUB-RODAPÉ / DIREITOS AUTORAIS)
   ========================================================================== */
.sub-rodape {
    background-color: #111518 !important; /* Tom ainda mais escuro para contraste */
    padding: 15px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.flex-sub-rodape {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.flex-sub-rodape p {
    margin: 0 !important;
    color: #b0b5b9 !important;
    font-size: 13px !important;
}

.flex-sub-rodape a {
    color: #dbb380 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.flex-sub-rodape a:hover {
    text-decoration: underline !important;
}

/* ==========================================================================
   RESPONSIVIDADE (TELA DE CELULAR / TABLET)
   ========================================================================== */
@media (max-width: 768px) {
    .grid-rodape {
        grid-template-columns: 1fr !important; /* Empilha as 4 colunas verticalmente */
        gap: 35px !important;
        text-align: center !important;
        padding-top: 40px !important;
    }

    .col-logo {
        align-items: center !important;
    }

    .lista-links-rodape li {
        padding-left: 0 !important;
    }

    /* Remove a seta na versão mobile para centralizar melhor o texto */
    .lista-links-rodape li::before {
        display: none !important;
    }

    .redes-sociais-rodape {
        justify-content: center !important;
    }

    .flex-sub-rodape {
        flex-direction: column !important; /* Empilha o texto de copyright e desenvolvedor */
        gap: 10px !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   RESET BÁSICO & VARIÁVEIS GLOBAIS
   ========================================================================== */
:root {
    /* Cores do Novo Cabeçalho Escuro */
    --cor-fundo-logo: #1e252b;   /* Cinza/azul escuro do bloco do logo */
    --cor-fundo-menu: #151a1e;   /* Tom ligeiramente mais escuro para o menu */
    --cor-bege-texto: #dbb380;   /* Dourado/bege elegante dos links */
    --cor-branco: #ffffff;

    /* Cores do Conteúdo e Leitura */
    --cor-principal: #1a2a3a;   /* Azul escuro intelectual para títulos */
    --cor-acento: #c9a054;      /* Tom dourado/antigo discreto */
    --cor-texto: #2d3748;       /* Cinza escuro para leitura confortável */
    --cor-fundo: #ffffff;
    --fonte-principal: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body, html {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--fonte-principal);
    color: var(--cor-texto);
    background-color: var(--cor-fundo);
    line-height: 1.8;
    font-size: 18px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ==========================================================================
   CABEÇALHO AJUSTADO
   ========================================================================== */
.topo-logo-bar {
    background-color: var(--cor-fundo-logo);
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.header-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.logo-central {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-central img,
.logo-central .custom-logo {
    max-height: 65px !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

.logo-central a {
    text-decoration: none;
    color: var(--cor-branco);
    font-family: serif;
    letter-spacing: 2px;
}

.texto-logo-provisorio {
    display: inline-block;
    line-height: 1.2;
    font-size: 20px;
}

.redes-sociais-topo {
    justify-self: end;
    display: flex;
    gap: 10px;
}

.redes-sociais-topo a {
    color: #ffffff !important;
    background-color: #12161a !important;
    text-decoration: none;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 18px;
    transition: background-color 0.3s, color 0.3s;
}

.redes-sociais-topo a:hover {
    background-color: var(--cor-bege-texto) !important;
    color: #151a1e !important;
}

.barra-navegacao-fixa {
    background-color: var(--cor-fundo-menu);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.nav-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    position: relative;
}

.menu-links-lista {
    display: flex;
    list-style: none;
    gap: 25px;
}

.menu-links-lista li a {
    color: var(--cor-bege-texto);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.2s;
}

.menu-links-lista li a:hover,
.menu-links-lista .current-menu-item a {
    color: var(--cor-branco);
}

/* ==========================================================================
   SISTEMA DE BUSCA RETRÁTIL
   ========================================================================== */
.pesquisa-topo {
    display: flex;
    align-items: center;
    position: relative;
}

.botao-pesquisa-toggle {
    background: none !important;
    border: none !important;
    color: var(--cor-bege-texto) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    padding: 5px !important;
    display: flex !important;
    align-items: center !important;
    transition: color 0.2s !important;
    box-shadow: none !important;
}

.botao-pesquisa-toggle:hover {
    color: var(--cor-branco) !important;
}

.caixa-busca-retratil {
    position: absolute !important;
    right: 35px !important;
    background-color: #111518 !important;
    border: 1px solid var(--cor-bege-texto) !important;
    border-radius: 4px !important;
    padding: 2px 8px !important;
    display: flex !important;
    align-items: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: all 0.3s ease !important;
    width: 240px !important;
    height: 34px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.4) !important;
}

.caixa-busca-retratil.aberta {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    right: 40px !important;
}

.caixa-busca-retratil .search-form {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.caixa-busca-retratil .search-field {
    background: none !important;
    border: none !important;
    color: var(--cor-branco) !important;
    font-size: 14px !important;
    width: 100% !important;
    outline: none !important;
    padding: 2px 4px !important;
    box-shadow: none !important;
    height: auto !important;
}

.caixa-busca-retratil .search-submit {
    background: none !important;
    border: none !important;
    color: var(--cor-bege-texto) !important;
    cursor: pointer !important;
    font-size: 13px !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    height: auto !important;
    width: auto !important;
}

.caixa-busca-retratil .search-submit:hover {
    color: var(--cor-branco) !important;
}

/* ==========================================================================
   CONTEÚDO E ESTRUTURA MAIN
   ========================================================================== */
main {
    padding: 40px 0;
}

.artigo-header {
    margin-bottom: 30px;
    text-align: center;
}

.artigo-titulo {
    font-size: 2.5rem;
    color: var(--cor-principal);
    line-height: 1.3;
}

.artigo-conteudo {
    max-width: 740px;
    margin: 0 auto;
}

.artigo-conteudo p {
    margin-bottom: 25px;
}

/* ==========================================================================
   NOVO RODAPÉ REVISADO (GRID DE 4 COLUNAS)
   ========================================================================== */
.rodape-principal {
    background-color: var(--cor-fundo-menu) !important; /* Mesma cor escura do menu */
    color: #ffffff !important;
    padding: 60px 0 0 0 !important;
    margin-top: 0 !important;
    border: none !important;
    clear: both !important;
    display: block !important;
}

.grid-rodape {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr 1fr 1fr !important;
    gap: 40px !important;
    padding-bottom: 40px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

.coluna-rodape h3.titulo-coluna-rodape {
    color: var(--cor-bege-texto) !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    margin: 0 0 20px 0 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

.col-logo {
    display: flex !important;
    flex-direction: column !important;
}

.logo-rodape img {
    max-width: 180px !important;
    height: auto !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.frase-slogan-rodape {
    color: var(--cor-bege-texto) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.lista-links-rodape {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.lista-links-rodape li {
    margin-bottom: 1px !important;
    padding-left: 15px !important;
    position: relative !important;
}

.lista-links-rodape li::before {
    content: "›" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--cor-bege-texto) !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

.lista-links-rodape li a {
    color: #b0b5b9 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: color 0.2s ease !important;
    display: inline-block !important;
}

.lista-links-rodape li a:hover {
    color: #ffffff !important;
}

.redes-sociais-rodape {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.redes-sociais-rodape a {
    color: #ffffff !important;
    background-color: #1e252b !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    font-size: 16px !important;
}

.redes-sociais-rodape a:hover {
    background-color: var(--cor-bege-texto) !important;
    color: #151a1e !important;
}

/* Barra de Direitos Autorais */
.sub-rodape {
    background-color: #111518 !important;
    padding: 15px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.flex-sub-rodape {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

.flex-sub-rodape p {
    margin: 0 !important;
    color: #b0b5b9 !important;
    font-size: 13px !important;
}

.flex-sub-rodape a {
    color: var(--cor-bege-texto) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.flex-sub-rodape a:hover {
    text-decoration: underline !important;
}

/* Responsividade Mobile */
@media (max-width: 768px) {
    .grid-rodape {
        grid-template-columns: 1fr !important;
        gap: 35px !important;
        text-align: center !important;
    }
    .col-logo {
        align-items: center !important;
    }
    .lista-links-rodape li {
        padding-left: 0 !important;
    }
    .lista-links-rodape li::before {
        display: none !important;
    }
    .redes-sociais-rodape {
        justify-content: center !important;
    }
    .flex-sub-rodape {
        flex-direction: column !important;
        gap: 10px !important;
        text-align: center !important;
    }
}

.logo-rodape img {
    max-width: 150px !important; /* Ajuste este valor se quiser aumentar ou diminuir o tamanho no rodapé */
    height: auto !important;
    margin-bottom: 15px !important;
    display: block !important;
}

/* Centralizar a Logo e o Slogan no Rodapé */
.coluna-rodape.col-logo {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.logo-rodape img {
    margin: 0 auto 15px auto !important;
    display: block !important;
    max-width: 150px !important; /* Mantém a proporção ideal da logo */
    height: auto !important;
}

.frase-slogan-rodape {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 220px !important; /* Limita a largura para quebrar a linha de forma elegante igual ao tema antigo */
}

/* ==========================================================================
   CORREÇÃO DO MENU DESKTOP E SUPORTE A SUBMENUS (DROPDOWN)
   ========================================================================== */

/* 1. Alinhamento da lista principal (Itens Pai) */
.menu-links-lista-desktop {
    display: flex;
    align-items: center;
    gap: 22px;             /* Ajuste o espaço horizontal entre os links */
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 2. Isolar o escopo de cada item para o submenu não flutuar solto */
.menu-links-lista-desktop li {
    position: relative;
}

/* 3. Estilização padrão dos links do Menu Principal */
.menu-links-lista-desktop li a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #dbb387;       /* Tom dourado do seu tema */
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.menu-links-lista-desktop li a:hover {
    color: #ffffff;
}

/* 4. ESCONDER E CONFIGURAR O SUBMENU (.sub-menu gerado pelo WP) */
.menu-links-lista-desktop ul.sub-menu {
    position: absolute;
    top: 100%;             /* Abre exatamente abaixo do item pai */
    left: 0;
    background-color: #11161a; /* Fundo escuro sólido para dar leitura sobre o conteúdo */
    min-width: 220px;       /* Largura mínima da caixinha suspensa */
    padding: 10px 0;
    margin: 0;
    list-style: none;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    
    /* Estado inicial oculto com transição suave */
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    z-index: 9999;
}

/* 5. Ajustar o comportamento interno dos itens do Submenu (Não herdar o Flex) */
.menu-links-lista-desktop ul.sub-menu li {
    width: 100%;
    display: block;
}

/* 6. Estilização dos Links de dentro do Submenu */
.menu-links-lista-desktop ul.sub-menu li a {
    color: #d1d1d1 !important;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;   /* Evita que o nome da categoria quebre linha artificialmente */
    transition: all 0.2s ease;
}

/* Hover nos links do Submenu */
.menu-links-lista-desktop ul.sub-menu li a:hover {
    background-color: rgba(219, 179, 135, 0.08); /* Destaque sutil com fundo dourado translúcido */
    color: #dbb387 !important;
    padding-left: 24px;   /* Efeito sutil de deslocamento lateral */
}

/* 7. REVELAR O SUBMENU SÓ AO PASSAR O MOUSE (Hover no item pai) */
.menu-links-lista-desktop li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 8. Indicador Visual: Adiciona uma setinha sutil ao lado de itens que têm submenus */
.menu-links-lista-desktop .menu-item-has-children > a::after {
    content: ' \25be';    /* Caractere unicode de seta para baixo */
    font-size: 10px;
    margin-left: 5px;
    color: rgba(219, 179, 135, 0.5);
    vertical-align: middle;
}

/* ==========================================================================
   CORREÇÃO CIRÚRGICA DOS METADADOS (AUTOR E DATA DO CARD)
   ========================================================================== */

/* Ajusta o container flex para alinhar tudo ao centro na vertical e empurrar para a direita */
.info-artigo-destaque .meta-artigo-destaque {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 15px !important; /* Espaço entre o autor e a data */
    width: 100% !important;
}

/* Força os blocos de Autor e Data (geralmente spans ou divs filhas) a ficarem alinhados de forma inline */
.info-artigo-destaque .meta-artigo-destaque > * {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important; /* MÁGICA: Impede o "Monteiro Junior" de quebrar linha */
    gap: 5px !important; /* Espaço entre o ícone e o texto */
}

/* Garante o alinhamento perfeito dos ícones (usuário e relógio) */
.info-artigo-destaque .meta-artigo-destaque i,
.info-artigo-destaque .meta-artigo-destaque svg {
    display: inline-block !important;
    vertical-align: middle !important;
    font-size: 13px !important;
}

/* ==========================================================================
   SUPORTE PARA ALINHAMENTO DE IMAGENS DENTRO DOS POSTS (PADRÃO WP)
   ========================================================================== */

/* 1. Regra de ouro: Garante que nenhuma imagem estoure o tamanho do container */
.entry-content img,
.single-post img,
article img {
    max-width: 100%;
    height: auto;
}

/* 2. Alinhamento à Esquerda (Faz o texto contornar a imagem pela direita) */
.alignleft,
img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    max-width: 50%; /* Evita que a imagem ocupe a largura toda se for muito grande */
}

/* 3. Alinhamento à Direita (Faz o texto contornar a imagem pela esquerda) */
.alignright,
img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    max-width: 50%;
}

/* 4. Alinhamento Centralizado */
.aligncenter,
img.aligncenter {
    display: block;
    clear: both;
    margin: 20px auto;
}

/* 5. Alinhamento Sem Flutuação (Largura Total ou Padrão) */
.alignnone,
img.alignnone {
    clear: both;
    display: block;
    margin: 10px 0;
}

/* 6. Limpador de fluxo (Clearfix) obrigatório para evitar que imagens com float 
   "vazem" para fora do artigo ou quebrem o rodapé/caixas inferiores */
.entry-content::after,
article::after,
.single-post::after {
    content: "";
    display: table;
    clear: both;
}

/* 7. Ajuste opcional para as legendas das imagens (se você usá-las) */
.wp-caption {
    max-width: 100%;
    background: rgba(255, 255, 255, 0.05);
    padding: 5px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 15px;
}

.wp-caption img {
    margin-bottom: 5px;
}

.wp-caption-text {
    font-size: 11px;
    color: #aaaaaa;
    margin: 0;
    font-style: italic;
}

/* ==========================================================================
   CORREÇÃO DE VÍDEOS EMBEDADOS (LARGURA TOTAL E PROPORÇÃO 16:9 PERFEITA)
   ========================================================================== */

/* 1. Alvos de blocos modernos do Gutenberg e wrappers de vídeo */
.wp-block-embed,
.wp-block-embed-youtube,
.embed-youtube {
    width: 100% !important;
    max-width: 100% !important;
    margin: 30px auto !important;
    clear: both !important;
    display: block !important;
}

/* 2. Forçar todos os iframes de vídeo a manterem a proporção perfeita de 16:9 */
.entry-content iframe,
.single-post iframe,
article iframe,
.wp-block-embed__wrapper iframe {
    width: 100% !important;
    max-width: 100% !important;
    
    /* Define a proporção de tela padrão do YouTube automaticamente */
    aspect-ratio: 16 / 9 !important; 
    
    /* Força a altura a se adaptar proporcionalmente à largura calculada */
    height: auto !important; 
    
    border-radius: 6px; /* Bordas arredondadas sutis para combinar com seus cards */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
}