/* =========================================================
   GEONAUTA — a página de cada seção
   Reaproveita a paleta e o cartão .mapac de styles.css; aqui só
   mora o que é exclusivo desta página (o cabeçalho e a grade).
   ========================================================= */
.scpg__wrap{ max-width:var(--wrap,1160px); margin:0 auto; padding:0 clamp(16px,3vw,32px); }

.scpg__hero{
  padding:56px 0 40px;
  background:linear-gradient(160deg,#FBF3E2 0%,#F6EAD3 100%);
  border-bottom:1px solid rgba(63,23,0,.12);
  margin-bottom:44px;
}
.scpg__eyebrow{
  margin:0 0 10px; font-size:14px; font-weight:800; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold-dp,#3F1700);
}
.scpg__hero h1{
  margin:0 0 14px; font-family:var(--font-display); font-weight:800;
  font-size:clamp(34px,calc(4.6vw + 2px),54px); line-height:1.08; color:#3B2006;
}
.scpg__sobre{
  margin:0; max-width:62ch; font-size:18px; line-height:1.7; color:#6E5A3C;
}

.scpg__titulo{
  margin:0 0 22px; font-family:var(--font-display); font-weight:700;
  font-size:clamp(22px,calc(2.4vw + 2px),28px); color:#3B2006; display:flex; align-items:baseline; gap:10px;
}
.scpg__conta{
  font-family:var(--font-ui); font-size:15px; font-weight:800; color:#fff;
  background:var(--gold-dp,#3F1700); border-radius:999px; padding:3px 11px;
}
.scpg__vazio{
  padding:40px 0; text-align:center; color:#8A7455; font-size:17px;
}

.scpg__grade{
  display:grid; grid-template-columns:repeat(5,1fr); gap:22px;
  margin-bottom:52px;
}

/* a Central de Downloads empilha um bloco por seção — cada um
   com seu título e sua própria grade de cards */
.scpg__grupo{ margin-bottom:12px; }
.scpg__grupo + .scpg__grupo{ padding-top:8px; border-top:1px solid rgba(63,23,0,.14); }

/* o histórico é lista: dá pra escanear muita coisa rápido, sem o
   peso de uma miniatura por item */

.scpg__item{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:16px 6px; border-bottom:1px solid rgba(63,23,0,.14);
  text-decoration:none; transition:background .15s;
}
.scpg__item:hover{ background:#FBF3E2; }
.scpg__item-txt{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.scpg__item-txt small{ font-family:var(--font-ui); font-size:14px; color:#A8906B; font-weight:700; letter-spacing:.03em; }
.scpg__item-txt b{ font-family:var(--font-display); font-size:18px; font-weight:700; color:#3B2006; line-height:1.3; }
.scpg__item-seta{
  flex:none; font-family:var(--font-ui); font-size:15px; font-weight:700;
  color:var(--gold-dp,#3F1700); white-space:nowrap;
}

/* os mapas baixam de verdade aqui — o card e o item da lista viram
   um <div> com um link (abre o mapa) e um botão de verdade (baixa
   sem sair da página), em vez de um <a> só de fachada. O visual é
   o mesmo de antes, só reset dos estilos de botão do navegador */
.mapac--baixavel{ cursor:default; }
.mapac__link{
  display:flex; flex-direction:column; flex:1; min-width:0;
  text-decoration:none; color:inherit;
}
.mapac__baixar{
  border:0; font-family:inherit; cursor:pointer; text-align:left;
}
.mapac__baixar:disabled{ opacity:.65; cursor:progress; }

/* o nome do arquivo, quando o card é de um artigo (a central de
   downloads mostra um card por arquivo, não só por mapa) */
.mapac__arquivo{
  display:block; margin-top:2px; font-family:var(--font-ui); font-size:14px;
  font-weight:600; color:#A8906B; font-style:normal;
}

.scpg__item--baixavel{ text-decoration:none; }
.scpg__item-link{
  display:flex; align-items:center; flex:1; min-width:0;
  text-decoration:none; color:inherit;
}
button.scpg__item-seta{
  border:0; background:none; padding:0; font-family:inherit; cursor:pointer;
}
button.scpg__item-seta:disabled{ opacity:.6; cursor:progress; }

@media (max-width:1000px){
  .scpg__grade{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:700px){
  .scpg__grade{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .scpg__hero{ padding:40px 0 30px; }
  .scpg__grade{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .scpg__item{ padding:14px 2px; gap:10px; }
  .scpg__item-seta{ font-size:14px; }
}

/* =========================================================
   24/09 — TODAS AS MATÉRIAS EM PRATELEIRAS
   Nada de "histórico" em lista: toda matéria é card. Cada
   prateleira é uma fileira de cards de frente que rola para
   o lado, com as suas setas. Em cima, a busca desta seção.
   ========================================================= */
.scpg__barra{
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  margin-bottom:10px;
}
.scpg__barra .scpg__titulo{ margin:0; }
.scpg__busca{
  position:relative; display:flex; align-items:center; flex:0 1 380px; min-width:220px;
}
.scpg__busca svg{
  position:absolute; left:14px; width:17px; height:17px; fill:none; stroke:#A8906B; stroke-width:2.2;
  stroke-linecap:round; pointer-events:none;
}
.scpg__busca input{
  width:100%; padding:11px 16px 11px 40px; border-radius:999px;
  border:1px solid rgba(63,23,0,.22); background:#FFFBF1; color:#3B2006;
  font:600 16px/1.2 var(--font-ui); outline:none; transition:border-color .15s, box-shadow .15s;
}
.scpg__busca input:focus{ border-color:var(--gold-dp,#3F1700); box-shadow:0 0 0 3px rgba(255,160,1,.18); }

.scpg-prat{
  position:relative; margin:0 0 34px; padding-bottom:18px;
}
/* a "tábua" da prateleira embaixo dos cards */
.scpg-prat::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:12px; border-radius:3px;
  background:linear-gradient(180deg,#FFA001 0%,#FFA001 60%,#3F1700 100%);
  box-shadow:0 8px 16px rgba(62,42,11,.22);
}
.scpg-prat__fita{
  display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 4 * 20px) / 5);
  gap:20px; overflow-x:auto; overflow-y:visible;
  padding:18px 6px 22px; margin:0 -6px;
  scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none;
  overscroll-behavior-x:contain;
}
.scpg-prat__fita::-webkit-scrollbar{ display:none; }
.scpg-prat__fita > *{ scroll-snap-align:start; min-width:0; }
.scpg-prat__seta{
  position:absolute; top:calc(50% - 18px); transform:translateY(-50%); z-index:3;
  width:42px; height:42px; border-radius:999px; border:1px solid rgba(63,23,0,.22);
  background:#FFFBF1; color:#3B2006; font-size:24px; line-height:1; cursor:pointer;
  box-shadow:0 6px 16px rgba(45,32,10,.16); transition:background .16s, opacity .2s;
}
.scpg-prat__seta:disabled{ opacity:0; pointer-events:none; }
.scpg-prat__seta--ant{ left:-20px; }
.scpg-prat__seta--prox{ right:-20px; }
.scpg-prat.sem-rolagem .scpg-prat__seta{ display:none; }

.mapac.is-nova::before{
  content:"Nova"; position:absolute; top:12px; left:12px; z-index:2;
  font:800 12.5px/1 var(--font-ui); letter-spacing:.14em; text-transform:uppercase;
  color:#3B2006; background:var(--gold,#FFA001); padding:6px 10px; border-radius:999px;
  box-shadow:0 3px 10px rgba(45,32,10,.2);
}

@media (max-width:1100px){ .scpg-prat__fita{ grid-auto-columns:calc((100% - 3 * 20px) / 4); } }
@media (max-width:860px){  .scpg-prat__fita{ grid-auto-columns:calc((100% - 2 * 18px) / 3); gap:18px; } }
@media (max-width:600px){
  .scpg-prat__fita{ grid-auto-columns:62%; gap:14px; }
  .scpg-prat__seta{ display:none; }
  .scpg__busca{ flex:1 1 100%; }
}
.scpg__eyebrow{ text-indent:0 !important; }