:root{
  /* Matizes da logo do Empório, puxados para tons terrosos e profundos —
     referência de marca, mas com linguagem de pesquisa e memória (não de comércio) */
  --indigo:#25324d;        /* azul-índigo profundo e acinzentado (deriva do cobalto) */
  --indigo-esc:#1a2338;    /* índigo ainda mais fundo, para sobreposições */
  --ocre:#C99A3A;          /* ocre/mostarda envelhecido (deriva do amarelo-sol) */
  --barro:#A0432A;         /* vermelho-barro / urucum (deriva do vermelho da logo) */
  --verde-caatinga:#4A5D3C;/* verde acinzentado e seco (deriva do verde da logo) */
  --creme:#F1E9D6;         /* papel creme */
  --creme-fundo:#E9DFC8;   /* creme um tom mais quente */
  --branco-cal:#F8F3E6;

  /* Aliases mantidos para não reescrever todas as regras */
  --papel:var(--creme);
  --papel-fundo:var(--creme-fundo);
  --tinta:var(--indigo);         /* a "tinta" da marca é o índigo profundo */
  --urucum:var(--barro);         /* acento primário = vermelho-barro */
  --caatinga:var(--verde-caatinga);
  --agua:var(--indigo);          /* água usa o índigo */
  --milho:var(--ocre);           /* ocre envelhecido */
  --sombra: 4px 4px 0 rgba(26,35,56,.7);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
body{
  background:var(--papel);
  color:#26221a;
  font-family:'Bitter',Georgia,serif;
  font-size:17px;
  line-height:1.65;
  background-image:radial-gradient(rgba(37,50,77,.045) 1px, transparent 1px);
  background-size:5px 5px;
}
img{display:block;max-width:100%}
a{color:var(--urucum)}
a:focus-visible, button:focus-visible{outline:3px solid var(--cobalto);outline-offset:3px}

.display{font-family:'Alfa Slab One',serif;font-weight:400;line-height:1.05;letter-spacing:.5px;text-transform:uppercase}
.eyebrow{font-family:'Archivo',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

/* ---------- barra superior ---------- */
header.topo{position:sticky;top:0;z-index:50;background:var(--tinta);color:var(--branco-cal);border-bottom:4px solid var(--milho)}
.topo-inner{max-width:1080px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.marca{display:flex;align-items:center;gap:12px;color:var(--branco-cal);text-decoration:none}
.marca img{height:46px;width:46px;object-fit:contain;border-radius:50%;background:var(--branco-cal);border:2px solid var(--sol);padding:3px}
.marca span{font-family:'Alfa Slab One',serif;font-size:1rem;letter-spacing:.5px;text-transform:uppercase}
nav.menu{display:flex;gap:22px;flex-wrap:wrap}
nav.menu a{color:var(--branco-cal);text-decoration:none;font-family:'Archivo',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid transparent;padding-bottom:2px}
nav.menu a:hover, nav.menu a[aria-current="page"]{border-bottom-color:var(--milho)}

/* botão hambúrguer (só aparece no mobile) */
.menu-toggle{display:none;background:transparent;border:2px solid var(--branco-cal);border-radius:6px;padding:8px 10px;cursor:pointer;color:var(--branco-cal)}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--branco-cal);margin:4px 0;transition:transform .2s,opacity .2s}
@media(max-width:760px){
  .menu-toggle{display:block}
  nav.menu{
    position:absolute;top:100%;left:0;right:0;
    background:var(--tinta);border-top:2px solid var(--milho);
    flex-direction:column;gap:0;padding:8px 0;
    display:none;
  }
  nav.menu.aberto{display:flex}
  nav.menu a{padding:14px 24px;border-bottom:1px solid rgba(248,243,230,.12)}
  nav.menu a:hover, nav.menu a[aria-current="page"]{border-bottom-color:rgba(248,243,230,.12);background:rgba(248,243,230,.06)}
}

/* ---------- botões ---------- */
.botao{display:inline-block;text-decoration:none;font-family:'Archivo',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;padding:14px 26px;border:3px solid var(--tinta);box-shadow:var(--sombra);transition:transform .12s ease, box-shadow .12s ease}
.botao:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(33,26,18,.9)}
.botao.cheio{background:var(--milho);color:var(--tinta)}
.botao.vazado{background:transparent;color:var(--branco-cal);border-color:var(--branco-cal);box-shadow:4px 4px 0 rgba(248,243,230,.35)}
.botao.urucum{background:var(--urucum);color:var(--branco-cal)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:86vh;display:flex;align-items:flex-end;background:var(--tinta);overflow:hidden;padding:0}
.hero img.fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.08) saturate(.92);opacity:.82}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(26,35,56,.82) 0%, rgba(26,35,56,.30) 45%, rgba(26,35,56,.08) 100%)}
.hero-conteudo{position:relative;z-index:2;max-width:1080px;margin:0 auto;width:100%;padding:120px 24px 72px;color:var(--branco-cal)}
.hero .eyebrow{color:var(--milho);margin-bottom:18px}
.hero h1{font-family:'Alfa Slab One',serif;font-weight:400;line-height:1.08;text-transform:uppercase;font-size:clamp(2.1rem, 6vw, 4.4rem);max-width:18ch;text-shadow:5px 5px 0 rgba(0,0,0,.45)}
.hero h1 em{font-style:normal;color:var(--milho)}
.hero p.sub{margin-top:22px;max-width:56ch;font-size:1.08rem;color:rgba(248,243,230,.92)}
.hero-acoes{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
.hero.baixo{min-height:62vh}

/* carimbo do lema */
.carimbo{
  display:inline-block;margin-top:26px;
  font-family:'Archivo',sans-serif;font-weight:700;font-size:.8rem;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--branco-cal);border:3px solid var(--urucum);
  background:rgba(160,58,32,.25);
  padding:10px 16px;transform:rotate(-1.5deg);
}

/* ---------- faixa de dados ---------- */
.faixa-dados{background:var(--urucum);color:var(--branco-cal);border-top:4px solid var(--tinta);border-bottom:4px solid var(--tinta)}
.faixa-dados .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.dado{padding:22px 18px;text-align:center;border-left:2px solid rgba(248,243,230,.25)}
.dado:first-child{border-left:none}
.dado strong{font-family:'Alfa Slab One',serif;font-size:1.3rem;display:block;letter-spacing:.5px}
.dado span{font-family:'Archivo',sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;opacity:.9}
@media(max-width:760px){.faixa-dados .wrap{grid-template-columns:1fr 1fr}.dado:nth-child(3){border-left:none}}

/* ---------- seções ---------- */
section{padding:88px 0}
.cabecalho-secao{max-width:760px;margin-bottom:48px}
.cabecalho-secao .eyebrow{color:var(--urucum);display:inline-block;margin-bottom:12px;border-bottom:3px solid var(--milho);padding-bottom:4px}
.cabecalho-secao h2{font-family:'Alfa Slab One',serif;font-weight:400;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.12;text-transform:uppercase}
.cabecalho-secao p.lide{margin-top:16px;font-size:1.06rem}

/* ---------- manifesto ---------- */
.manifesto{background:var(--papel);padding:80px 0}
.manifesto .frase{
  font-family:'Bitter',serif;font-weight:500;font-style:italic;
  font-size:clamp(1.25rem,2.8vw,1.7rem);line-height:1.5;
  max-width:34ch;margin:0 auto;text-align:center;
  padding:0 24px;
}
.manifesto .frase strong{color:var(--urucum);font-style:normal}
.manifesto .frase::before, .manifesto .frase::after{
  content:"";display:block;width:90px;height:5px;background:var(--tinta);margin:26px auto;
}

/* ---------- eixos ---------- */
.eixos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.eixo{border:3px solid var(--tinta);background:var(--branco-cal);padding:28px 24px;box-shadow:var(--sombra)}
.eixo .selo{display:inline-block;background:var(--caatinga);color:var(--branco-cal);font-family:'Archivo',sans-serif;font-weight:700;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px;margin-bottom:14px}
.eixo:nth-child(2) .selo{background:var(--urucum)}
.eixo:nth-child(3) .selo{background:var(--milho);color:var(--tinta)}
.eixo:nth-child(4) .selo{background:var(--agua)}
.eixo:nth-child(5) .selo{background:var(--tinta)}
.eixo h3{font-family:'Alfa Slab One',serif;font-weight:400;font-size:1.02rem;text-transform:uppercase;margin-bottom:10px}
.eixo p{font-size:.92rem}

/* ---------- destaque jornada da água ---------- */
.jornada-destaque{background:var(--agua);color:var(--branco-cal);border-top:4px solid var(--tinta);border-bottom:4px solid var(--tinta);position:relative;overflow:hidden}
.jornada-destaque::before{
  content:"";position:absolute;left:0;right:0;top:0;height:100%;
  background:repeating-linear-gradient(-8deg, transparent 0 46px, rgba(248,243,230,.05) 46px 52px);
  pointer-events:none;
}
.jornada-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative;z-index:2}
@media(max-width:860px){.jornada-grid{grid-template-columns:1fr}}
.jornada-destaque .eyebrow{color:var(--milho);border-bottom:3px solid var(--urucum);display:inline-block;padding-bottom:4px;margin-bottom:14px}
.jornada-destaque h2{font-family:'Alfa Slab One',serif;font-weight:400;font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.1;text-transform:uppercase;margin-bottom:18px;text-shadow:4px 4px 0 rgba(33,26,18,.4)}
.jornada-destaque p{font-size:1.02rem;color:rgba(248,243,230,.92);margin-bottom:16px;max-width:56ch}
.jornada-destaque img{border:3px solid var(--branco-cal);box-shadow:8px 8px 0 var(--tinta)}
.temas-agua{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}
.temas-agua span{font-family:'Archivo',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border:2px solid rgba(248,243,230,.5);padding:6px 12px}

/* ---------- diário do território (blog) ---------- */
.diario{background:var(--papel-fundo);border-bottom:4px solid var(--tinta)}
.cards-diario{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}
.card-post{background:var(--branco-cal);border:3px solid var(--tinta);box-shadow:var(--sombra);display:flex;flex-direction:column;text-decoration:none;color:var(--tinta);transition:transform .15s ease}
.card-post:hover{transform:translate(-3px,-3px)}
.card-post img{width:100%;height:210px;object-fit:cover;border-bottom:3px solid var(--tinta)}
.card-post .corpo-card{padding:22px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-post .eyebrow{color:var(--urucum);font-size:.68rem}
.card-post h3{font-family:'Alfa Slab One',serif;font-weight:400;font-size:1.05rem;text-transform:uppercase;line-height:1.2}
.card-post p{font-size:.9rem;color:rgba(33,26,18,.8)}
.card-post .leia{margin-top:auto;font-family:'Archivo',sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--urucum)}
.card-post.breve{opacity:.75;border-style:dashed}

/* ---------- educação / Paulo Freire ---------- */
.educacao{background:var(--tinta);color:var(--branco-cal)}
.educacao-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media(max-width:860px){.educacao-grid{grid-template-columns:1fr}}
.educacao .cabecalho-secao{margin-bottom:24px}
.educacao .cabecalho-secao .eyebrow{color:var(--milho);border-bottom-color:var(--urucum)}
.educacao h2,.educacao p{color:var(--branco-cal)}
.educacao img{border:3px solid var(--branco-cal);box-shadow:6px 6px 0 var(--urucum);width:100%;object-fit:cover}
.educacao blockquote.citacao{margin:28px 0;padding-left:22px;border-left:5px solid var(--milho);font-size:1.3rem;font-style:italic;line-height:1.45}
.educacao blockquote.citacao footer{margin-top:10px;font-style:normal;font-family:'Archivo',sans-serif;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--milho)}
.educacao p.corpo{font-size:.98rem;color:rgba(248,243,230,.88);margin-bottom:14px}

/* ---------- galeria acervo ---------- */
.acervo{background:var(--papel)}
.galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;grid-auto-rows:200px}
.galeria figure{margin:0;border:3px solid var(--tinta);box-shadow:var(--sombra);overflow:hidden;position:relative}
.galeria figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.galeria figure:hover img{transform:scale(1.05)}
.galeria figure figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(26,35,56,.88),transparent);color:var(--branco-cal);font-family:'Archivo',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:20px 12px 10px}
.galeria .g-larga{grid-column:span 2}
.galeria .g-alta{grid-row:span 2}
@media(max-width:860px){.galeria{grid-template-columns:1fr 1fr;grid-auto-rows:160px}.galeria .g-larga{grid-column:span 2}.galeria .g-alta{grid-row:span 1}}

/* ---------- história compacta ---------- */
.raiz{background:var(--papel)}
.raiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media(max-width:860px){.raiz-grid{grid-template-columns:1fr}}
.raiz img{border:3px solid var(--tinta);box-shadow:var(--sombra)}
.raiz p{margin-bottom:16px}
.raiz p:first-of-type::first-letter{font-family:'Alfa Slab One',serif;font-size:3.2em;float:left;line-height:.82;padding-right:10px;color:var(--urucum)}

/* ---------- convite ---------- */
.convite{background:var(--urucum);color:var(--branco-cal);text-align:center}
.convite h2{font-family:'Alfa Slab One',serif;font-weight:400;font-size:clamp(1.8rem,4.5vw,2.8rem);text-transform:uppercase;max-width:22ch;margin:0 auto 18px;line-height:1.12;text-shadow:4px 4px 0 rgba(33,26,18,.5)}
.convite p{max-width:62ch;margin:0 auto 32px;font-size:1.02rem;color:rgba(248,243,230,.93)}
.convite .botao.cheio{border-color:var(--tinta)}

/* ---------- rodapé ---------- */
footer.rodape{background:var(--tinta);color:var(--branco-cal);padding:56px 0 36px;border-top:4px solid var(--milho)}
.rodape-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
@media(max-width:760px){.rodape-grid{grid-template-columns:1fr}}
.rodape h3{font-family:'Alfa Slab One',serif;font-weight:400;font-size:1rem;text-transform:uppercase;margin-bottom:14px;color:var(--milho)}
.rodape p, .rodape a{font-size:.92rem;color:rgba(248,243,230,.85)}
.rodape a{display:block;text-decoration:none;margin-bottom:8px}
.rodape a:hover{color:var(--milho)}
.rodape .assinatura{margin-top:44px;padding-top:22px;border-top:1px solid rgba(248,243,230,.2);font-family:'Archivo',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(248,243,230,.55);text-align:center}

/* ---------- páginas de artigo (Diário do Território) ---------- */
.migalhas{background:var(--papel-fundo);border-bottom:3px solid var(--tinta)}
.migalhas .wrap{padding-top:14px;padding-bottom:14px;font-family:'Archivo',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.migalhas a{color:var(--urucum);text-decoration:none}
.migalhas span{color:rgba(33,26,18,.55)}
article.post{max-width:760px;margin:0 auto;padding:72px 24px 96px}
article.post .eyebrow{color:var(--urucum);border-bottom:3px solid var(--milho);display:inline-block;padding-bottom:4px;margin-bottom:16px}
article.post h1{font-family:'Alfa Slab One',serif;font-weight:400;font-size:clamp(1.9rem,5vw,3rem);line-height:1.12;text-transform:uppercase;margin-bottom:14px}
article.post .abertura{font-size:1.18rem;font-style:italic;color:rgba(33,26,18,.85);margin-bottom:36px;border-left:5px solid var(--milho);padding-left:20px}
article.post h2{font-family:'Alfa Slab One',serif;font-weight:400;font-size:1.35rem;text-transform:uppercase;margin:44px 0 16px;border-bottom:3px solid var(--tinta);padding-bottom:10px}
article.post p{margin-bottom:18px}
article.post figure{margin:36px 0;border:3px solid var(--tinta);box-shadow:var(--sombra);background:var(--branco-cal)}
article.post figure img{width:100%;object-fit:cover}
article.post figcaption{font-family:'Archivo',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;border-top:3px solid var(--tinta);background:var(--milho)}
article.post ul{margin:0 0 18px 22px}
article.post li{margin-bottom:10px}
.caixa-destaque{border:3px solid var(--tinta);background:var(--branco-cal);box-shadow:var(--sombra);padding:26px 24px;margin:36px 0}
.caixa-destaque h3{font-family:'Alfa Slab One',serif;font-weight:400;font-size:1rem;text-transform:uppercase;margin-bottom:10px;color:var(--urucum)}
.caixa-destaque p{font-size:.95rem;margin-bottom:0}
.pos-artigo{max-width:760px;margin:0 auto;padding:0 24px 80px;display:flex;gap:14px;flex-wrap:wrap}