/*
Theme Name: Cuidadores da Memória
Theme URI: https://exemplo.org
Author: Instituto Histórico e Geográfico da Borda do Campo e Cercanias
Description: Tema do site do projeto "Cuidadores da Memória — Encontro Regional de Acervos Particulares", financiado pela Política Nacional Aldir Blanc (PNAB), Edital nº 04/2026 — Execução Cultural.
Version: 1.0.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cuidadores-da-memoria
*/

/* ==========================================================================
   1. DESIGN TOKENS — extraídos do guia de identidade visual aprovado
   ========================================================================== */
:root{
    --navy:        #0D1B2A; /* Azul-marinho */
    --bordo:       #7A0E1C; /* Bordô */
    --dourado:     #926C30; /* Dourado */
    --ouro-claro:  #E6C78D; /* Ouro claro */
    --marfim:      #F6F1E6; /* Marfim — fundo obrigatório do site */
    --marfim-linha:#E4DCC9;
    --texto-suave: #55503E;

    --fonte-titulo: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
    --fonte-corpo:  'Lora', Georgia, 'Times New Roman', serif;

    --largura-leitura: 720px;
    --largura-conteudo: 1120px;
}

/* ==========================================================================
   2. RESET MÍNIMO
   ========================================================================== */
*, *::before, *::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
    margin:0;
    background:var(--marfim);
    color:var(--navy);
    font-family:var(--fonte-corpo);
    font-size:1.05rem;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--bordo); }
a:focus-visible, button:focus-visible{
    outline:2px solid var(--bordo);
    outline-offset:2px;
}
h1,h2,h3,h4{ font-family:var(--fonte-titulo); color:var(--navy); margin:0 0 .5em; line-height:1.25; }

/* ==========================================================================
   3. LAYOUT DE PAPEL — fundo marfim contínuo (regra obrigatória)
   ========================================================================== */
.cdm-container{
    max-width:var(--largura-conteudo);
    margin:0 auto;
    padding:0 24px;
}
.cdm-leitura{
    max-width:var(--largura-leitura);
    margin-left:auto;
    margin-right:auto;
}
.cdm-textura-papel{
    background-image:radial-gradient(circle at 20% 10%, rgba(146,108,48,0.03), transparent 40%);
}

/* ==========================================================================
   4. CABEÇALHO COMPACTO / MENU
   A marca é o link de retorno à inicial. Em telas estreitas o menu abre
   por botão, mantendo o cabeçalho em duas linhas.
   ========================================================================== */
.cdm-site-header{
    background:var(--marfim);
    border-bottom:2px solid var(--dourado);
    position:sticky;
    top:0;
    z-index:50;
}
.cdm-header-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
    padding:10px 16px;
    max-width:var(--largura-conteudo);
    margin:0 auto;
}
.cdm-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; min-width:0; flex:1 1 auto; }
.cdm-brand__mark{
    height:56px; width:auto; flex:0 0 auto;
    object-fit:contain;
}
.cdm-brand__text-primary{ font-family:var(--fonte-titulo); color:var(--bordo); font-size:1rem; line-height:1.15; }
.cdm-brand__text-secondary{
    display:block; font-family:var(--fonte-corpo); font-size:.56rem; letter-spacing:.05em;
    text-transform:uppercase; color:var(--navy); line-height:1.2; margin-top:1px;
}

.cdm-menu-btn{
    background:none; border:1px solid var(--dourado); border-radius:2px;
    color:var(--navy); font-family:var(--fonte-corpo); font-size:.8rem;
    padding:7px 12px; cursor:pointer; white-space:nowrap; flex:0 0 auto;
}

.cdm-main-nav{ display:none; border-top:1px solid var(--marfim-linha); }
.cdm-main-nav.is-open{ display:block; }
.cdm-main-nav ul{
    list-style:none; margin:0 auto; padding:6px 16px 12px;
    max-width:var(--largura-conteudo);
}
.cdm-main-nav li{ border-bottom:1px solid var(--marfim-linha); }
.cdm-main-nav li:last-child{ border-bottom:none; }
.cdm-main-nav a{
    display:block; padding:11px 2px;
    font-family:var(--fonte-corpo); font-size:.95rem;
    color:var(--navy); text-decoration:none;
}
.cdm-main-nav .current-menu-item > a,
.cdm-main-nav .current_page_item > a{ color:var(--bordo); font-weight:600; }

@media (min-width:480px){
    .cdm-brand__mark{ height:84px; }
}

@media (min-width:820px){
    .cdm-menu-btn{ display:none; }
    .cdm-header-bar{ padding:12px 24px; flex-wrap:nowrap; }
    .cdm-brand__mark{ height:128px; }
    .cdm-main-nav{ display:block; border-top:none; }
    .cdm-main-nav ul{ display:flex; gap:2px; padding:0 24px 8px; }
    .cdm-main-nav li{ border-bottom:none; }
    .cdm-main-nav a{
        padding:8px 12px; font-size:.9rem;
        border-bottom:2px solid transparent;
    }
    .cdm-main-nav a:hover{ color:var(--bordo); }
    .cdm-main-nav .current-menu-item > a,
    .cdm-main-nav .current_page_item > a{ border-bottom-color:var(--bordo); }
}

/* Bloco de contato reutilizado no topo de Participe e Quem somos */
.cdm-contato-bloco{
    border:1px solid var(--dourado);
    border-radius:2px;
    padding:18px 18px 14px;
    margin:0 auto 2.4em;
    max-width:var(--largura-leitura);
    background:rgba(230,199,141,.12);
}
.cdm-contato-bloco h2{ font-size:1.05rem; color:var(--bordo); margin:0 0 .5em; }
.cdm-contato-bloco p{ font-size:.94rem; margin:0 0 .9em; text-align:justify; }
.cdm-contato-link{ display:block; font-size:.95rem; margin:.3em 0; color:var(--navy); text-decoration:none; }
.cdm-contato-link strong{ color:var(--bordo); }
.cdm-contato-link:hover{ text-decoration:underline; }

/* ==========================================================================
   5. ORNAMENTOS / SEPARADORES
   ========================================================================== */
.cdm-divisor{
    display:flex; align-items:center; justify-content:center; gap:12px;
    color:var(--dourado); margin:2.5em 0;
}
.cdm-divisor::before,.cdm-divisor::after{ content:""; flex:1; max-width:120px; height:1px; background:var(--dourado); opacity:.6; }
.cdm-divisor__simbolo{ font-size:1rem; }

.cdm-eyebrow{
    font-family:var(--fonte-corpo); font-size:.72rem; letter-spacing:.14em;
    text-transform:uppercase; color:var(--dourado); margin-bottom:.4em;
}

/* ==========================================================================
   6. HERO / DESTAQUES DE TEXTO
   ========================================================================== */
.cdm-hero{ padding-top:64px; padding-bottom:32px; }
.cdm-hero__abertura{
    text-align:left;
    font-family:var(--fonte-titulo);
    font-style:italic;
    font-size:clamp(1.4rem, 2.4vw, 2rem);
    color:var(--navy);
    border-left:3px solid var(--dourado);
    padding-left:20px;
    margin:0 0 1.4em;
}

.cdm-citacao-destaque{
    font-family:var(--fonte-titulo);
    font-style:italic;
    font-size:1.15rem;
    color:var(--bordo);
    text-align:center;
    padding:28px 20px;
    margin:2.5em auto;
    max-width:var(--largura-leitura);
    border-top:1px solid var(--dourado);
    border-bottom:1px solid var(--dourado);
}

.cdm-bloco-institucional{
    font-size:.92rem;
    color:var(--navy);
    background:rgba(146,108,48,.06);
    border:1px solid rgba(146,108,48,.35);
    border-radius:2px;
    padding:18px 20px;
    max-width:var(--largura-leitura);
    margin:2.5em auto 0;
}

/* ==========================================================================
   7. CONTEÚDO / TIPOGRAFIA DE CORPO
   ========================================================================== */
.cdm-pagina-titulo{ font-size:clamp(1.7rem, 3vw, 2.3rem); color:var(--bordo); }
.cdm-secao-subtitulo{
    font-size:1.15rem; color:var(--bordo);
    margin-top:2.2em;
}
.cdm-conteudo p{ margin:0 0 1.2em; text-align:justify; text-justify:inter-word; }
.cdm-conteudo p:last-child{ margin-bottom:0; }

/* ==========================================================================
   8. BOTÃO DE DOWNLOAD / CTA FUNCIONAL
   ========================================================================== */
.cdm-btn{
    display:inline-block;
    font-family:var(--fonte-corpo);
    font-size:.9rem;
    padding:12px 22px;
    background:var(--bordo);
    color:var(--marfim);
    text-decoration:none;
    border-radius:2px;
    transition:background .2s;
}
.cdm-btn:hover{ background:var(--navy); color:var(--marfim); }
.cdm-btn--download::before{ content:"↓ "; }

/* ==========================================================================
   9. EQUIPE
   ========================================================================== */
.cdm-equipe-lista{ margin-top:1.5em; }
.cdm-equipe-card{
    padding:20px 0;
    border-bottom:1px solid var(--marfim-linha);
}
.cdm-equipe-card:last-child{ border-bottom:none; }
.cdm-equipe-cargo{ font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--dourado); }
.cdm-equipe-nome{ font-family:var(--fonte-titulo); font-size:1.1rem; color:var(--navy); margin:.2em 0 .4em; }
.cdm-equipe-bio{ font-size:.95rem; margin:0; text-align:justify; }

/* ==========================================================================
   10. ESTADOS VAZIOS (Memórias Encontradas / Próximas atividades)
   ========================================================================== */
.cdm-estado-vazio{
    text-align:center;
    padding:80px 20px;
    border:1px dashed var(--dourado);
    border-radius:2px;
    max-width:var(--largura-leitura);
    margin:2em auto;
}
.cdm-estado-vazio__icone{
    width:56px; height:56px; border-radius:50%;
    border:1.5px solid var(--dourado);
    margin:0 auto 16px;
}
.cdm-estado-vazio p{ color:var(--texto-suave); font-size:.95rem; margin:0; }

/* ==========================================================================
   11. LISTAGENS (arquivos de Memórias e Atividades)
   ========================================================================== */
.cdm-grade-posts{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
    gap:28px;
    margin-top:2em;
}
.cdm-post-card{
    background:var(--marfim);
    border:1px solid var(--marfim-linha);
    border-radius:2px;
    overflow:hidden;
}
.cdm-post-card__imagem{
    aspect-ratio:4/3;
    background:var(--marfim-linha);
    display:flex; align-items:center; justify-content:center;
    color:var(--dourado); font-size:.7rem;
}
.cdm-post-card__corpo{ padding:18px 20px; }
.cdm-post-card__titulo{ font-family:var(--fonte-titulo); font-size:1.05rem; margin:0 0 .4em; }
.cdm-post-card__data{ font-size:.72rem; letter-spacing:.05em; text-transform:uppercase; color:var(--dourado); }
.cdm-post-card__resumo{ font-size:.9rem; color:var(--texto-suave); margin-top:.6em; }

/* ==========================================================================
   12. CONTATO
   ========================================================================== */
.cdm-contato-linha{ font-size:1rem; margin:.4em 0; }
.cdm-contato-pendente{
    border:1px dashed var(--bordo);
    color:var(--bordo);
    font-size:.85rem;
    padding:12px 14px;
    border-radius:2px;
    margin-top:.4em;
}

/* ==========================================================================
   13. RODAPÉ
   ========================================================================== */
.cdm-site-footer{
    border-top:2px solid var(--dourado);
    padding:40px 24px;
    margin-top:80px;
    text-align:center;
    font-size:.82rem;
    color:var(--texto-suave);
}
.cdm-site-footer a{ color:var(--navy); }

/* ==========================================================================
   14. ACESSIBILIDADE
   ========================================================================== */
.cdm-skip-link{
    position:absolute; left:-9999px; top:0;
    background:var(--navy); color:var(--marfim);
    padding:10px 16px; z-index:100;
}
.cdm-skip-link:focus{ left:12px; top:12px; }

@media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
}


/* ==========================================================================
   15. IMAGENS INSTITUCIONAIS (logo do projeto, logo do IHG, faixa de apoio)
   ========================================================================== */
.cdm-quem-somos__logo{
    max-width:900px;
    width:100%;
    height:auto;
    margin:0 auto 1.6em;
    display:block;
}
.cdm-site-footer__apoio{
    max-width:100%;
    width:100%;
    height:auto;
    margin:0 auto 24px;
    display:block;
}