/* =========================================================
   GEONAUTA — a paleta do site
   Uma casa clara: papel branco, letra marrom, e a cor
   guardada para o que precisa ser clicado. Todo painel,
   toda página interna e toda porta de entrada bebem daqui.
   ========================================================= */
:root{
  /* papel */
  --pp-0:#FFFFFF;        /* o branco dos quadros */
  --pp-1:#FFFDF8;        /* o fundo das páginas */
  --pp-2:#FBF6EC;        /* uma faixa que se destaca de leve */
  --pp-3:#F4EDDF;        /* tinta */
  --tt-1:#3B2006;        /* título */
  --tt-2:#3B2006;        /* texto corrido */
  --tt-3:#7A6A55;        /* apoio, datas, legendas */
  --tt-4:#A2947F;        /* a cor da casa */
  --ac:#FFA001;          /* o dourado dos botões */
  --ac-lt:#FED600;       /* o dourado claro, para fundos leves */
  --ac-dp:#3F1700;       /* o dourado escuro, para letra sobre branco */
  --ac-tt:#3B2006;       /* recados */
  --ok:#2E7D4F;          /* deu certo */
  --ok-bg:#E9F5EC;
  --al:#3F1700;          /* atenção */
  --al-bg:#FDF0DC;
  --er:#B3352B;          /* deu errado */
  --er-bg:#FBEBE8;

  /* traços e sombras */
  --ln:rgba(63,23,0,.16);
  --ln-forte:rgba(63,23,0,.3);
  --sb:0 1px 2px rgba(58,40,12,.05), 0 6px 16px rgba(58,40,12,.07);
  --sb-md:0 2px 4px rgba(58,40,12,.06), 0 12px 28px rgba(58,40,12,.1);
  --sb-lg:0 6px 14px rgba(58,40,12,.1), 0 26px 56px rgba(58,40,12,.14);
}

/* =========================================================
   Os botões, que são onde a cor mora
   ========================================================= */
.ab{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  padding:11px 20px; border-radius:999px; cursor:pointer;
  font-family:inherit; font-size:16px; font-weight:700; line-height:1;
  text-decoration:none; white-space:nowrap;
  border:1px solid transparent;
  transition:background .18s, border-color .18s, color .18s, box-shadow .18s, transform .18s;
}
.ab:active{ transform:translateY(1px); }
.ab:disabled{ opacity:.5; cursor:default; transform:none; }

.ab--gold{
  background:var(--ac); color:var(--ac-tt); border-color:var(--ac);
  box-shadow:0 2px 10px rgba(255,160,1,.3);
}
.ab--gold:hover:not(:disabled){
  background:#FFA001; border-color:#FFA001;
  box-shadow:0 4px 16px rgba(255,160,1,.4);
}

.ab--ghost{
  background:var(--pp-0); color:var(--tt-2); border-color:var(--ln-forte);
}
.ab--ghost:hover:not(:disabled){
  background:var(--pp-2); color:var(--tt-1); border-color:var(--ac);
}

.ab--sm{ padding:8px 15px; font-size:15px; }