/*
 * v121 - A home e a fonte unica para topo e rodape.
 * Este arquivo cuida apenas do que e exclusivo das paginas secundarias:
 * fundo/folhas que precisam sobrescrever CSS proprio e o botao Voltar ao site.
 */
.pagina-secundaria{
  background:
    radial-gradient(circle at 14% 8%,rgba(232,175,68,.12),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(121,145,113,.15),transparent 27%),
    var(--verde,#1D3B2B) !important;
}

/* Mesmas 11 folhas da home, com especificidade suficiente para neutralizar CSS das paginas. */
.pagina-secundaria .folhas-ambiente{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.pagina-secundaria .folha{position:absolute;width:34px;height:34px;opacity:.16;background:var(--salvia,#799171);border-radius:0% 60% 0% 60%;animation:deriva 22s ease-in-out infinite}
.pagina-secundaria .folha-1{top:8%;left:6%;width:30px;height:30px;background:var(--mostarda,#E8AF44);animation-duration:20s}
.pagina-secundaria .folha-2{top:22%;left:92%;width:46px;height:46px;background:var(--terracota,#C26E51);animation-duration:26s;animation-delay:-4s}
.pagina-secundaria .folha-3{top:58%;left:3%;width:26px;height:26px;background:var(--salvia,#799171);animation-duration:18s;animation-delay:-9s}
.pagina-secundaria .folha-4{top:74%;left:88%;width:38px;height:38px;background:var(--mostarda,#E8AF44);animation-duration:24s;animation-delay:-12s}
.pagina-secundaria .folha-5{top:40%;left:50%;width:22px;height:22px;background:var(--creme,#F1EAD0);animation-duration:19s;animation-delay:-6s;opacity:.08}
.pagina-secundaria .folha-6{top:90%;left:46%;width:30px;height:30px;background:var(--terracota,#C26E51);animation-duration:23s;animation-delay:-15s}
.pagina-secundaria .folha-7{top:34%;left:10%;width:24px;height:24px;background:var(--salvia,#799171);animation-duration:25s;animation-delay:-11s;opacity:.11}
.pagina-secundaria .folha-8{top:66%;left:95%;width:32px;height:32px;background:var(--terracota,#C26E51);animation-duration:28s;animation-delay:-18s;opacity:.10}
.pagina-secundaria .folha-9{top:84%;left:15%;width:28px;height:28px;background:var(--mostarda,#E8AF44);animation-duration:21s;animation-delay:-8s;opacity:.12}
.pagina-secundaria .folha-10{top:14%;left:76%;width:22px;height:22px;background:var(--salvia,#799171);animation-duration:27s;animation-delay:-13s;opacity:.09}
.pagina-secundaria .folha-11{top:51%;left:18%;width:25px;height:25px;background:var(--mostarda,#E8AF44);animation-duration:24s;animation-delay:-17s;opacity:.09}

/* O topo inteiro (.site-nav, .nav-inner, .nav-brand, .nav-brand-logo) vem de style.css da home.
   Nao sobrescrevemos position/top: assim as paginas secundarias herdam exatamente
   o mesmo comportamento sticky da home e a mesma classe .rolou ao rolar a pagina. */
.pagina-secundaria .secondary-voltar{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  color:var(--creme,#F1EAD0);
  text-decoration:none;
  font-family:"Nunito",sans-serif;
  font-weight:800;
  font-size:14.5px;
  line-height:1.2;
  padding:12px 22px;
  border:1px solid rgba(241,234,208,.16);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  white-space:nowrap;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.pagina-secundaria .secondary-voltar:hover,
.pagina-secundaria .secondary-voltar:focus-visible{
  color:var(--verde,#1D3B2B);
  background:var(--mostarda,#E8AF44);
  border-color:var(--mostarda,#E8AF44);
  transform:translateY(-1px);
}
.pagina-secundaria .secondary-voltar:focus-visible{outline:3px solid var(--mostarda,#E8AF44);outline-offset:3px;border-radius:6px}

.pagina-secundaria .link-page,
.pagina-secundaria .legal-main{position:relative;z-index:1}

/* Na 404 o body e flex; a barra nao pode encolher. */
.pagina-404 .site-nav{flex:0 0 var(--nav-h,76px)}

@media(max-width:720px){
  .pagina-secundaria .secondary-voltar{padding:11px 14px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .pagina-secundaria .folha{animation:none !important}
  .pagina-secundaria .secondary-voltar{transition:none !important}
}

/* v122 - /conheca carrega links.css depois de style.css.
   links.css volta o body para overflow-x:hidden, criando um contêiner de rolagem
   que impede o position:sticky da barra de se comportar como na home.
   Restauramos somente o overflow da home, sem alterar geometria do topo. */
.pagina-conheca{
  overflow-x:clip !important;
  overflow-y:visible;
}