/* ---------------------------------------------------------
   1. A página começa na quina, em toda página
   --------------------------------------------------------- */
html, body{ margin:0 !important; padding:0; max-width:100%; }
/* o painel do menu suspenso (dropdown do "MAPAS PARA COLORIR") fica
   escondido, mas continua ocupando espaço e criando rolagem lateral
   em telas médias (~981-1100px, onde ele ainda aparece ao passar o
   mouse). "clip" resolve isso sem quebrar o grude do topo -- MAS só
   no celular: no iPhone (Safari) qualquer ancestral do cabeçalho com
   overflow-x diferente de "visible" quebra o position:sticky, é um
   bug conhecido do WebKit. Por isso o clip só entra a partir de
   981px, onde o dropdown existe de verdade -- no celular ele já fica
   com display:none, então não tem rolagem lateral pra cortar mesmo. */
@media (min-width:981px){
  html, body{ overflow-x:clip; }
}
/* o styles.css (carregado nas páginas que usam .pg-top: seção, matéria,
   central de downloads...) tem um "overflow-x:hidden" fixo no body,
   criado pra esconder o cenário de fundo da página inicial (nuvens,
   montanhas) que sangra pra fora da tela de propósito. Ele não é a
   página inicial que tem esse cenário, mas herda a regra por carregar
   o mesmo styles.css -- e no celular isso reativa o mesmo bug do
   Safari que quebra o grude do topo. Devolve "visible" só no celular,
   só nessas páginas (a página inicial, sem .pg/.adm, não é afetada e
   continua escondendo o sangramento do cenário como sempre). */
@media (max-width:980px){
  body.pg{ overflow-x:visible !important; }
}
body.pg *{ box-sizing:border-box; }

/* ---------------------------------------------------------
   2. O cabeçalho gruda no topo — sempre, em toda página
   --------------------------------------------------------- */
.pg-top{
  position:sticky !important; top:0 !important; z-index:60 !important;
}
.topbar{ position:fixed !important; top:0; left:0; right:0; z-index:60; }
.topbar.is-stuck{ border-bottom:1px solid rgba(63,23,0,.14); }

/* ---------------------------------------------------------
   3. A MESMA barra em toda tela (do desktop pra cima)
   Altura fixa: com ela, a logo cai sempre no mesmo pixel,
   não importa o que mais exista na barra (o anel do
   progresso, o nome em duas linhas do painel, etc).
   --------------------------------------------------------- */
@media (min-width:981px){
  .pg-top, .topbar.is-stuck{
    height:64px !important;
    min-height:64px;
    padding:0 clamp(16px,3vw,32px) !important;
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
  }
  .topbar{
    padding:0 clamp(16px,3vw,32px) !important;
    gap:16px !important;
    align-items:center !important;
    min-height:84px;
  }

  /* a logo: um tamanho só */
  .pg-top .pg-marca img{ height:40px !important; width:auto !important; }
  .topbar.is-stuck .brand__logo{ height:40px !important; }

  /* a marca não encolhe nem estica */
  .pg-top .pg-marca, .topbar .brand{
    flex:0 0 auto !important; margin:0 !important; padding:0 !important;
  }
}

/* o nome da tela ao lado da logo (Painel, Respostas e professores):
   a mesma letra do site, do mesmo tamanho, nas duas telas — uma
   estava em serifa e a outra não */
.pg-marca span{
  font-family:var(--font-ui,'Montserrat',system-ui,sans-serif) !important;
  font-size:20px !important; font-weight:700 !important; letter-spacing:-.01em !important;
  min-width:0;
}

/* ---------------------------------------------------------
   4. O lado direito é um bloco só
   Quem abre o grupo da direita empurra; quem vem depois
   dele anda colado. Antes, dois elementos pediam o mesmo
   "auto" e o espaço era dividido no meio da barra.
   --------------------------------------------------------- */
@media (min-width:981px){
  
  .pg-top > .ab,
  .pg-top > button,
  .pg-top > .pg-conta,
  .pg-top > .mapas-topo,
  .topbar > .ab,
  .topbar > .mapas-topo{ margin-left:auto !important; }

  /* o segundo em diante do grupo perde o empurrão */
  
  .pg-top > .ab ~ .ab,
  .pg-top > .ab ~ button,
  .pg-top > button ~ .ab,
  .pg-top > button ~ button,
  .pg-top > .pg-conta ~ *,
  .pg-top > .mapas-topo ~ .ab,
  .pg-top > .mapas-topo ~ button,
  .pg-top > .mapas-topo ~ .pg-conta,
  .topbar > .ab ~ .ab,
  .topbar > .mapas-topo ~ .ab{ margin-left:0 !important; }
}

/* ---------------------------------------------------------
   7. O CELULAR
   --------------------------------------------------------- */
@media (max-width:980px){
  

  /* dentro da fita do painel os três grupos viram uma fila só */
  
  
  

  
  .topbar .brand__logo{ height:32px !important; }
  .topbar > .burger{ order:1 !important; margin-left:0 !important; }
  
  .topbar > .mapas-topo{ order:0 !important; }
}

/* ---------------------------------------------------------
   7b. O CELULAR — as páginas do professor (.pg-top)
   O mesmo padrão da capa: uma linha só (a logo de um lado, o
   resto do outro) e o menu inteiro numa gaveta que abre com o
   hambúrguer — em vez da fita que só corria com o dedo e
   deixava tudo espremido e sem cara de site nenhum. O
   hambúrguer nasce sozinho, pelo topo.js, igual ao botão dos
   mapas — nenhuma página precisa dele já pronto no HTML.
   --------------------------------------------------------- */
@media (max-width:980px){
  .pg-top{
    display:flex !important; flex-wrap:nowrap !important;
    align-items:center !important; justify-content:flex-start !important;
    height:auto !important; min-height:0 !important;
    gap:8px !important; padding:9px 14px !important;
  }
  .pg-top .pg-marca{ flex:none !important; margin:0 auto 0 0 !important; }
  .pg-top .pg-marca img{ height:32px !important; width:auto !important; }
  .pg-top .atalhos{ display:none !important; }

  /* todo mundo depois da logo (menos a gaveta e o hambúrguer, que têm
     regra própria) encolhe e para de crescer -- cada página monta o
     grupo de conta com peças diferentes (.hud, .pg-conta, .ab solto,
     um ou dois links), então a regra pega qualquer uma delas */
  .pg-top > .mapas-topo,
  .pg-top > .pg-conta,
  .pg-top > .ab,
  .pg-top > button{ flex:none !important; margin:0 !important; }
  
  
  

  /* os links de conta (Entrar, Voltar, Minha conta, 0 pts...) encolhem
     e cortam com reticências em vez de estourar a barra -- em algumas
     páginas tem só um, em outras dois soltos ou dois dentro do
     .pg-conta, então o limite de largura é o que garante que sempre
     cabe, não importa quantos forem */
  .pg-top > .ab,
  .pg-top > .pg-conta > .ab,
  .pg-top > button{
    padding:7px 11px !important; font-size:14px !important;
    max-width:92px; overflow:hidden; text-overflow:ellipsis;
  }
  .pg-top > .pg-conta{ gap:6px !important; max-width:60vw; }

  /* o hambúrguer: sempre por último, do tamanho de um alvo de dedo */
  .pg-top > .burger{
    display:flex !important; flex-direction:column !important; flex:none; order:99;
    width:38px; height:38px; padding:0; margin:0 !important;
    align-items:center; justify-content:center; gap:4px;
    border-radius:12px; border:1px solid rgba(63,23,0,.22);
    background:#FFFBF1; cursor:pointer;
  }
  .pg-top > .burger i{ display:block; width:17px; height:2px; background:var(--earth,#3B2006); border-radius:2px; }

  /* a gaveta do menu — o mesmo desenho da capa (.nav no celular) */
  .pg-nav{
    position:fixed; left:10px; right:10px; top:68px; bottom:auto;
    max-height:min(76vh,620px); overflow:auto; -webkit-overflow-scrolling:touch;
    background:#FFFDF8; border:1px solid rgba(63,23,0,.14);
    border-radius:20px; box-shadow:0 26px 60px rgba(40,26,8,.36);
    padding:10px; display:none !important; flex-direction:column; gap:2px;
    z-index:65; margin:0;
  }
  .pg-nav.is-open{ display:flex !important; }
  .pg-nav a{
    display:block; padding:15px 16px; border-radius:13px;
    font-size:17.5px; font-weight:700; color:#3B2006 !important;
    background:none; text-decoration:none; white-space:normal !important;
  }
  .pg-nav a:active{ background:#F6EEDD; }
}
/* trava a rolagem do corpo quando a gaveta (capa ou páginas do
   professor) está aberta — sem isso, o conteúdo por trás rola
   junto com o dedo, por cima do menu */
body.menu-aberto{ overflow:hidden !important; }

/* telas bem estreitas (celular pequeno): a página de entrar/senha tem
   DOIS links soltos (Voltar + Minha conta) além da logo e do
   hambúrguer -- aperta mais um pouco pra sempre caber numa linha só */
@media (max-width:420px){
  .pg-top{ gap:5px !important; padding:9px 10px !important; }
  .pg-top .pg-marca img{ height:27px !important; }
  .pg-top > .ab,
  .pg-top > .pg-conta > .ab,
  .pg-top > button{
    padding:6px 8px !important; font-size:13px !important; max-width:66px;
  }
  .pg-top > .pg-conta{ gap:4px !important; }
}

/* o post embrulha o anel e o nome numa div só; o espaçamento dela
   precisa ser o mesmo do topo, senão o anel fica 8px fora do lugar
   que ocupa em todas as outras páginas */
.pg-top > .pg-conta{ display:flex; align-items:center; gap:16px; }
@media (max-width:980px){ .pg-top > .pg-conta{ gap:8px; } }

/* =========================================================
   9. O BOTÃO AMARELO "MAPAS PARA COLORIR"
   Mesma altura da barra inteira, do lado esquerdo do anel da
   jornada. Passar o mouse mostra um resuminho; clicar leva
   direto pra seção dos mapas (index.html#mapas rola até lá
   sozinho, com o mesmo scroll-margin-top dos outros âncoras
   do site — não precisa de JS nenhum pra isso).
   ========================================================= */
.mapas-topo{ position:relative; flex:none; }

/* o hambúrguer das páginas do professor (nasce pelo topo.js) só
   existe no celular — no desktop o .pg-nav já aparece inteiro */
.pg-top > .burger{ display:none; }

@media (min-width:981px){
  .mapas-topo{ align-self:stretch; display:flex; }
  .mapas-topo__btn{
    display:flex; align-items:center; height:100%;
    padding:0 22px; white-space:nowrap;
    font-family:var(--font-ui,'Montserrat',system-ui,sans-serif);
    font-size:15px; font-weight:800; letter-spacing:.03em;
    color:#fff; text-decoration:none;
    background:linear-gradient(135deg,#FED600,#FFA001);
    text-shadow:0 1px 3px rgba(110,62,0,.55);
    transition:filter .18s;
  }
  .mapas-topo__btn:hover, .mapas-topo:focus-within .mapas-topo__btn{ filter:brightness(1.06); }

  .mapas-topo__drop{
    position:absolute; top:100%; left:0; margin-top:0;
    width:300px; padding:18px 20px 20px;
    background:#FFFBF1; border:1px solid rgba(63,23,0,.14);
    border-radius:0 0 14px 14px; box-shadow:0 18px 34px rgba(45,32,10,.18);
    opacity:0; visibility:hidden; transform:translateY(-6px);
    transition:opacity .16s, transform .16s, visibility .16s;
    z-index:59;
  }
  .mapas-topo:hover .mapas-topo__drop,
  .mapas-topo:focus-within .mapas-topo__drop{
    opacity:1; visibility:visible; transform:translateY(0);
  }
  .mapas-topo__drop p{
    margin:0 0 12px; font-size:15.5px; line-height:1.55; color:#3B2006;
  }
  .mapas-topo__ver{
    display:inline-flex; align-items:center; gap:6px;
    font-size:15px; font-weight:800; color:var(--gold-dp,#3F1700);
    text-decoration:none;
  }
  .mapas-topo__ver:hover{ text-decoration:underline; }
}

/* celular: sem espaço pra barra inteira nem pro hover — vira um
   pill igual aos outros botões do topo, e o resumo some (é só tocar
   e ir direto pra seção). "MAPAS PARA COLORIR" inteiro não cabe do
   lado da logo, do anel e do hambúrguer — encolhe pra "MAPAS" (o
   texto de verdade continua no aria-label, pra quem usa leitor de
   tela) e some de vez nas telas bem estreitas, sobrando só a bolota
   colorida — ainda clicável, ainda leva pra seção dos mapas. */
@media (max-width:980px){
  .mapas-topo__btn{
    display:inline-flex; align-items:center; height:32px;
    padding:0 13px; font-size:13.5px; font-weight:800; letter-spacing:.02em;
    color:#fff; text-decoration:none; border-radius:999px; white-space:nowrap;
    background:linear-gradient(135deg,#FED600,#FFA001);
    text-shadow:0 1px 2px rgba(110,62,0,.5);
  }
  .mapas-topo__drop{ display:none !important; }
}

/* abaixo de 600px o texto vira só "MAPAS" — o resto some visualmente
   (o aria-label do botão continua com o nome inteiro) */
@media (max-width:600px){
  .mapas-topo__btn{ font-size:0; padding:0 12px; }
  .mapas-topo__btn::before{
    content:'MAPAS'; font-size:13.5px; font-weight:800; letter-spacing:.02em;
  }
}
/* abaixo de 420px nem "MAPAS" cabe do lado da logo, do anel e do
   hambúrguer — some o texto de vez e fica só a bolota colorida */
@media (max-width:420px){
  .mapas-topo__btn{ width:32px; padding:0; justify-content:center; }
  .mapas-topo__btn::before{ content:'\1F5FA'; font-size:16px; }
}

/* na página inicial o .nav agora cresce (flex:1) e ocupa sozinho
   todo o espaço livre entre a busca e o botão dos mapas — por
   isso o botão nunca mais fica em cima do menu, sem precisar de
   "margin-left:auto" brigando por esse mesmo espaço. Só uma folga
   fixa dos dois lados, pra não ficar colado no menu nem no anel. */
@media (min-width:981px){
  .topbar > .mapas-topo{ margin-left:24px !important; margin-right:36px !important; }
}

/* =========================================================
   10. A BARRA ENCOLHE SOZINHA — sem depender de um ponto
   fixo de largura de tela.

   Antes, cada peça (a "i" da busca, o texto do botão dos mapas,
   o nome do nível ao lado do anel) só encolhia em números fixos
   de largura (1180px, 1100px...). Bastava o navegador estar com
   zoom um pouco maior, ou uma resolução que ninguém testou, pra
   sobrar menos espaço do que a conta fechava — e um botão ia
   parar em cima do outro (o mais comum: a busca por cima do
   "Mundo Geográfico").

   Agora é o próprio JS (o bloco novo, no fim do topo.js) que
   mede se cabe tudo numa linha só e, se não cabe, vai soltando
   uma peça de cada vez, da menos importante pra mais, através
   destas classes — e devolve tudo assim que sobra espaço de
   novo. As seis classes abaixo são essa escada, na ordem em
   que entram. Só atua do desktop pra cima: no celular a barra
   já virou outra coisa (gaveta + hambúrguer), o JS nem mexe.
   ========================================================= */
@media (min-width:981px){
  /* pra medir de verdade, ninguém pode encolher escondido —
     sem isso o .nav/.pg-nav somem por baixo de tudo em vez de
     avisar (via largura de verdade) que já não cabe mais */
  .topbar > .nav{ min-width:min-content !important; }
  .pg-top > .pg-nav{ min-width:min-content !important; }

  /* 1) primeiro some a bolinha "i" da busca (o resumo dela) */
  .topbar.gt-sem-dica .busca__info{ display:none !important; }

  /* 2) depois, os dois atalhos ao lado da logo */
  .topbar.gt-sem-atalhos .atalhos,
  .pg-top.gt-sem-atalhos .atalhos{ display:none !important; }

  /* 3) o botão dos mapas perde o texto e vira só a bolota */
  .topbar.gt-mapas-mini .mapas-topo__btn,
  .pg-top.gt-mapas-mini .mapas-topo__btn{
    width:32px !important; padding:0 !important; justify-content:center !important; font-size:0 !important;
  }
  .topbar.gt-mapas-mini .mapas-topo__btn::before,
  .pg-top.gt-mapas-mini .mapas-topo__btn::before{ content:'\1F5FA'; font-size:16px; }

  /* 5) a busca encolhe pro mínimo que ainda dá pra usar */
  .topbar.gt-busca-mini .busca__input{ width:56px !important; max-width:56px !important; }

  /* 6) último recurso: o menu (Mundo Geográfico, Cinerama...) desce
     pra linha de baixo, sozinho, e quebra em quantas linhas
     precisar — a barra cresce em altura, nunca em cima de si mesma */
  .topbar.gt-nav-linha,
  .pg-top.gt-nav-linha{
    flex-wrap:wrap !important; height:auto !important;
    padding-top:10px !important; padding-bottom:10px !important;
  }
  .topbar.gt-nav-linha .nav,
  .pg-top.gt-nav-linha .pg-nav{
    order:99 !important; flex:0 0 100% !important; width:100% !important; max-width:100% !important;
    flex-wrap:wrap !important; justify-content:center !important; margin:8px 0 0 !important;
  }
}

/* =========================================================
   O SELO NO CANTO: GEONAUTA + EDITORA DO BRASIL
   Duas capas de livro empilhadas, sempre as duas visíveis --
   fixas na tela (não rolam com a página), por cima do cabeçalho.
   A de cima sempre leva pro início do Geonauta; a de baixo abre
   o site da Editora do Brasil numa aba nova. Nenhuma delas mexe
   no cabeçalho, no menu ou esconde a outra -- é só um selo por
   cima de tudo, independente da barra de baixo.
   ========================================================= */

.selo{
  /* a forma vem pronta na propria imagem (a marca-pagina deitada, com
     o solzinho e os caminhantes dentro da bolinha) -- o selo posiciona,
     da a sombra e (28/09) recebe por cima a escrita "GEONAUTA", que
     mora dentro da parte lisa/branca a esquerda do desenho, ja livre
     na propria imagem (nao precisa de outro arquivo). */
  width:100%; aspect-ratio:340/269; box-sizing:border-box;
  position:relative;
  display:flex; align-items:center; justify-content:center;
  transition:transform .15s, filter .15s;
  filter:drop-shadow(0 4px 8px rgba(45,32,10,.28));
}
/* escrita "GEONAUTA" dentro do marca-pagina removida de novo a
   pedido (28/09) -- fica so o desenho */
.selo:hover{ transform:translateY(-1px); filter:drop-shadow(0 5px 11px rgba(45,32,10,.36)); }
.selo img{ width:100%; height:100%; object-fit:contain; pointer-events:none; }

/* =========================================================
   47 · A barra so trava — nao encolhe, nao desloca nada
   Antes, ao rolar (".is-stuck"), a logo escondida atras do selo
   encolhia (56px -> 40px) e a barra ficava mais baixa (84px ->
   64px) — isso empurrava a marca pra uma caixa mais estreita, o
   que encolhia os selos junto (eles sao % da marca) e deslocava
   o menu, que se recentraliza no espaco que sobrou. Agora a
   barra so fica fixa no topo (o "trava") e muda de cor; o
   tamanho de tudo fica igual, rolando ou nao.
   ========================================================= */
.topbar.is-stuck .brand__logo{ height:56px !important; filter:drop-shadow(0 2px 10px rgba(255,255,255,.35)) !important; }
@media (max-width:860px){
  .topbar.is-stuck .brand__logo{ height:32px !important; }
}
@media (min-width:981px){
  .topbar.is-stuck{ height:84px !important; min-height:84px !important; }
}

/* as fotos DENTRO do selo nao podem pegar a regra "logo de 40px" das
   paginas internas (.pg-top .pg-marca img) — ela esticava o selo de
   baixo e zerava a largura da logo da Editora */
.pg-top .pg-marca .selo img{
  height:auto !important; width:auto !important;
  max-width:100% !important; max-height:100% !important;
}

/* =========================================================
   50 · Celular e tablet (ate 980px): barra organizada
   Na ordem do site: selos | menu (hamburguer) | mapas | nota |
   entrar — com o MESMO espaco entre todos (space-between), sem
   as margens soltas de antes, que deixavam um buraco grande no
   meio. O .pg-conta (que junta nota + nome em algumas paginas)
   deixa de ser uma caixa, pra nota e o nome entrarem na conta do
   espacamento igual aos outros.
   ========================================================= */
@media (max-width:980px){
  .topbar, .pg-top{ justify-content:space-between !important; gap:10px !important; }
  .topbar > :not(#_), .pg-top > :not(#_){ margin-left:0 !important; margin-right:0 !important; }
  .pg-top > .pg-conta{ display:contents !important; }
  .pg-top > .pg-conta > :not(#_){ margin-left:0 !important; margin-right:0 !important; }

  .topbar > .brand, .pg-top > .pg-marca{ order:0 !important; }
  .topbar > .burger, .pg-top > .burger{ order:1 !important; }
  .topbar > .mapas-topo, .pg-top > .mapas-topo{ order:2 !important; }
  
   .pg-top > .ab,
  .pg-top > button:not(.burger), .pg-top > .pg-conta > :not(.hud){ order:4 !important; }

  /* os selos descem alem da barra: a abertura da pagina inicial
     comeca mais abaixo, pra eles nao ficarem por cima do nome do
     Levon e da Andressa */
  .panel--entrada{ padding-top:max(128px, 18vh) !important; }
}

/* =========================================================
   51 · A busca nas paginas das secoes e das materias
   (nasce pelo topo.js). O mesmo desenho da busca da pagina
   inicial — la ele mora em styles.css, que essas paginas nao
   carregam, por isso vem repetido aqui, preso a .pg-top.
   ========================================================= */
.pg-top .busca{position:relative;display:flex;align-items:center;gap:8px;flex:none;margin:0}
.pg-top .busca__info{
  position:relative;flex:none;width:22px;height:22px;border-radius:50%;
  border:1.5px solid rgba(63,23,0,.4);background:rgba(255,249,238,.7);
  color:var(--earth,#3B2006);font-family:var(--font-display,Georgia,serif);font-style:italic;font-weight:800;
  font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;
  transition:background .2s,border-color .2s,color .2s;
}
.pg-top .busca__info:hover,.pg-top .busca__info.is-on{background:var(--gold,#FFA001);border-color:var(--gold,#FFA001);color:#3B2006}
.pg-top .busca__dica{
  position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-4px);
  width:240px;padding:10px 13px;border-radius:12px;
  background:#3B2006;color:#FFF6E6;font-family:var(--font-ui,'Montserrat',system-ui,sans-serif);font-size:14.5px;font-weight:500;font-style:normal;
  line-height:1.5;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.28);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s;z-index:5;
}
.pg-top .busca__dica::before{
  content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);
  border:6px solid transparent;border-bottom-color:#3B2006;
}
.pg-top .busca__info:hover .busca__dica,
.pg-top .busca__info.is-on .busca__dica{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.pg-top .busca__campo{
  position:relative;display:flex;align-items:center;
  background:rgba(255,249,238,.85);border:1px solid rgba(63,23,0,.22);
  border-radius:999px;padding:0 12px;height:34px;
  transition:background .2s,border-color .2s,box-shadow .2s;
}
.pg-top .busca__campo:focus-within{background:#FFFBF1;border-color:var(--gold,#FFA001);box-shadow:0 0 0 3px rgba(255,160,1,.16)}
.pg-top .busca__lupa{width:14px;height:14px;flex:none;fill:none;stroke:var(--earth,#3B2006);stroke-width:2;opacity:.65;margin-right:7px}
.pg-top .busca__input{
  border:0;background:none;outline:0;width:150px;max-width:150px;
  font-family:var(--font-ui,'Montserrat',system-ui,sans-serif);font-size:15px;color:#3B2006;
}
.pg-top .busca__input::placeholder{color:rgba(90,62,16,.55)}
.pg-top .busca__resultados{
  position:absolute;top:calc(100% + 10px);left:0;min-width:280px;max-width:360px;
  max-height:360px;overflow:auto;background:#FFFBF1;border:1px solid rgba(63,23,0,.16);
  border-radius:14px;box-shadow:0 18px 40px rgba(45,32,10,.22);padding:6px;z-index:70;
}
.pg-top .busca__resultados[hidden]{display:none}
.pg-top .busca__item{
  display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:9px;
  text-decoration:none;transition:background .15s;
}
.pg-top .busca__item:hover{background:rgba(255,160,1,.12)}
.pg-top .busca__item small{font-family:var(--font-ui,'Montserrat',system-ui,sans-serif);font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#A8906B}
.pg-top .busca__item span{font-family:var(--font-display,Georgia,serif);font-size:16.5px;font-weight:700;color:#3B2006;line-height:1.3}
.pg-top .busca__item .busca__bncc{font-family:var(--font-ui,'Montserrat',system-ui,sans-serif);font-size:13px;font-weight:700;color:var(--gold-dp,#3F1700);align-self:flex-start}
.pg-top .busca__vazio{margin:0;padding:14px 12px;text-align:center;font-family:var(--font-ui,'Montserrat',system-ui,sans-serif);font-size:15px;color:#8A7455}
@media (max-width:1180px){ .pg-top .busca__input{width:110px;max-width:110px} }
@media (max-width:980px){ .pg-top .busca{display:none !important} }
/* a mesma escada de "nao cabe" da pagina inicial (secao 10) */
@media (min-width:981px){
  /* o menu das paginas internas nao quebra em duas linhas espremido:
     se nao couber, a escada de "nao cabe" e' que resolve (encolhendo
     as outras pecas, e so no fim descendo o menu inteiro pra baixo) */
  .pg-top > .pg-nav{ flex-wrap:nowrap !important; }
  .pg-top.gt-nav-linha > .pg-nav{ flex-wrap:wrap !important; }
  .pg-top.gt-sem-dica .busca__info{ display:none !important; }
  .pg-top.gt-busca-mini .busca__input{ width:56px !important; max-width:56px !important; }
}

/* =========================================================
   55 · "Feito por: Olympus In" no rodape de todas as paginas
   ========================================================= */
.feito-por a{ color:inherit !important; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.feito-por a:hover{ text-decoration-thickness:2px; }

/* =========================================================
   67 · A barra do topo no computador, no desenho do print
   Preta, em duas linhas: a marca e "Nossas obras" a esquerda
   (ocupando as duas); em cima, a direita, MAPAS PARA COLORIR ·
   a nota · Busca · Entrar; embaixo, as abas das secoes, grandes,
   a aberta em amarelo sublinhada. No celular nada muda.
   ========================================================= */
@media (min-width:981px){
  .topbar.topbar, .topbar.is-stuck, .pg-top.pg-top{
    display:grid !important;
    grid-template-columns:auto auto 1fr auto auto auto auto !important;
    grid-template-rows:auto auto !important;
    column-gap:28px !important; row-gap:10px !important;
    align-items:center !important;
    height:auto !important; min-height:0 !important;
    padding:12px clamp(16px,3vw,32px) 10px !important;
  }
  .topbar.is-stuck{ height:auto !important; min-height:0 !important; }
  .pg-top{ background:#E6E6E6 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; backdrop-filter:none !important; }

  .topbar > .brand, .pg-top > .pg-marca{ grid-column:1; grid-row:1 / span 2; align-self:center; }
  .topbar > .atalhos, .pg-top > .atalhos{ grid-column:2; grid-row:1 / span 2; align-self:center; }
  .topbar > .mapas-topo, .pg-top > .mapas-topo{ grid-column:4; grid-row:1; margin:0 !important; align-self:center !important; }
  
  .topbar > .busca, .pg-top > .busca{ grid-column:6; grid-row:1; margin:0 !important; }
   .pg-top > .ab,
  .pg-top > .pg-conta > :not(.hud){ grid-column:7; grid-row:1; margin:0 !important; justify-self:end; }
  .pg-top > .pg-conta{ display:contents !important; }
  .topbar > .nav, .pg-top > .pg-nav{
    grid-column:3 / -1; grid-row:2; justify-self:end; margin:0 !important;
    flex:none !important; display:flex !important; flex-wrap:nowrap !important;
    gap:clamp(20px,2.6vw,40px) !important; min-width:0 !important;
  }
  .topbar > .burger, .pg-top > .burger{ display:none !important; }

  /* "Nossas obras": texto, sem pilula */
  .topbar .atalho, .pg-top .atalho{
    background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
    font-size:17px !important; font-weight:700 !important; color:#fff !important;
  }
  .topbar .atalho:hover, .pg-top .atalho:hover{ color:#FED600 !important; background:none !important; }

  /* as abas das secoes */
  .topbar > .nav a:not(.mn__painel a), .pg-top > .pg-nav a:not(.mn__painel a){
    font-size:18px !important; font-weight:800 !important; color:#fff !important;
    background:none !important; padding:6px 0 !important; border-radius:0 !important;
    text-shadow:none !important; white-space:nowrap !important;
  }
  .topbar > .nav > a:hover, .topbar > .nav > .mn > a:hover,
  .pg-top > .pg-nav > a:hover, .pg-top > .pg-nav > .mn > a:hover{ color:#FED600 !important; }
  .topbar > .nav > a.is-active, .topbar > .nav > .mn > a.is-active,
  .pg-top > .pg-nav > a.is-active, .pg-top > .pg-nav > .mn > a.is-active,
  .mn.is-aberto > a{
    color:#FED600 !important; box-shadow:inset 0 -3px 0 #FED600 !important;
  }
  .mn__seta{ display:none !important; }

  /* MAPAS PARA COLORIR: texto com o iconezinho de mapa, sem o botao amarelo */
  .mapas-topo{ align-self:center !important; }
  .mapas-topo__btn{
    background:none !important; text-shadow:none !important; height:auto !important;
    padding:0 !important; gap:8px; color:#fff !important;
    font-size:15px !important; font-weight:800 !important; letter-spacing:.04em !important;
  }
  .mapas-topo__btn::before{
    content:''; width:20px; height:20px; flex:none;
    background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5C400' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 6l6-2 6 2 6-2v14l-6 2-6-2-6 2z'/%3E%3Cpath d='M9 4v14M15 6v14'/%3E%3C/svg%3E");
  }
  .mapas-topo__btn:hover{ color:#FED600 !important; filter:none !important; }
  .topbar.gt-mapas-mini .mapas-topo__btn::before, .pg-top.gt-mapas-mini .mapas-topo__btn::before{ content:''; font-size:0; }

  /* Busca: o icone + "Busca"; abre pra escrever quando clica */
  .topbar .busca__info, .pg-top .busca__info{ display:none !important; }
  .topbar .busca__campo, .pg-top .busca__campo{
    background:none !important; border:1px solid transparent !important; box-shadow:none !important;
    padding:0 6px !important; height:32px; transition:border-color .2s, background .2s;
  }
  .topbar .busca__campo:focus-within, .pg-top .busca__campo:focus-within{
    border-color:rgba(255,255,255,.35) !important; background:rgba(255,255,255,.08) !important;
  }
  .topbar .busca__lupa, .pg-top .busca__lupa{ stroke:#FED600 !important; opacity:1 !important; width:17px; height:17px; }
  .topbar .busca__input, .pg-top .busca__input{
    width:58px !important; max-width:58px !important; color:#fff !important;
    font-size:15px !important; font-weight:700 !important; transition:width .25s, max-width .25s;
  }
  .topbar .busca__input::placeholder, .pg-top .busca__input::placeholder{ color:#fff !important; opacity:1; }
  .topbar .busca__input:focus, .pg-top .busca__input:focus{ width:220px !important; max-width:220px !important; }
  .topbar .busca__input:focus::placeholder, .pg-top .busca__input:focus::placeholder{ color:rgba(255,255,255,.5) !important; }
}

/* =========================================================
   68 · Celular: barra preta, hamburguer preto, gaveta preta
   A gaveta mostra as abas grandes; a setinha amarela de cada uma
   abre o que tem no dropdown do computador (foto, texto, "ver a
   pagina" e as ultimas publicacoes). No pe, Nossas obras, Mapas
   para colorir e a Editora.
   ========================================================= */
@media (max-width:980px){
  .pg-top{ background:#E6E6E6 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; backdrop-filter:none !important; }
  
  
  

  .topbar .burger, .topbar.is-stuck .burger, .pg-top > .burger{
    background:#111 !important; border:1px solid rgba(255,255,255,.25) !important; border-radius:10px !important;
  }
  .topbar .burger i, .pg-top > .burger i{ background:#fff !important; box-shadow:none !important; }

  .nav, .pg-nav{
    left:0 !important; right:0 !important; border-radius:0 !important;
    background:#0B0B0B !important; border:0 !important; border-top:1px solid rgba(255,255,255,.1) !important;
    box-shadow:0 30px 60px rgba(0,0,0,.6) !important;
    padding:4px 0 14px !important; gap:0 !important;
    max-height:calc(100vh - 72px) !important;
    z-index:70 !important;   /* por cima dos selos, que descem além da barra */
  }
  /* a gaveta é UMA coluna que rola na vertical. Ela herdava um
     flex-wrap:wrap do computador: com altura limitada, abrir uma aba
     (foto + últimas publicações) empurrava as outras para uma SEGUNDA
     coluna à direita -- era a gaveta "partida ao meio", com o nome da
     aba cortado e o painel vazando pela borda. */
  .nav.is-open, .pg-nav.is-open{
    flex-wrap:nowrap !important; flex-direction:column !important;
    justify-content:flex-start !important; align-items:stretch !important; /* centralizado, o que passava da altura sumia pra CIMA, sem rolagem */
    overflow-x:hidden !important; overflow-y:auto !important;
    -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  }
  .nav.is-open > *, .pg-nav.is-open > *{ flex:0 0 auto !important; width:100% !important; max-width:100% !important; min-width:0 !important; }
  .mn__painel, .mn__grade, .mn__sobre, .mn__posts{ max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; }
  .mn__painel{ position:static !important; top:auto !important; transform:none !important; box-shadow:none !important; }
  .mn__fotoq{ display:block; overflow:hidden; border-radius:6px; aspect-ratio:2/1; margin:0 0 12px; }
  .nav.is-open, .pg-nav.is-open{ max-height:calc(100dvh - 72px) !important; }
  html.gaveta-aberta, html.gaveta-aberta body{ overflow:hidden !important; }
  .mn__fotoq img{ width:100% !important; height:100% !important; object-fit:cover; margin:0 !important; }
  .mn .mn__painel .mn__posts a b, .mn .mn__painel .mn__posts a small{ white-space:normal !important; overflow-wrap:anywhere; }
  .gaveta__extra{ flex:0 0 auto !important; }
  /* a setinha que abre a aba: alvo de dedo (44px), não de agulha */
  .mn__seta{ width:44px !important; height:38px !important; margin:-8px -12px -8px 0 !important; }
  .nav > a, .nav > .mn > a, .pg-nav > a, .pg-nav > .mn > a{
    display:block !important; padding:17px 18px !important; border-radius:0 !important;
    font-size:19px !important; font-weight:800 !important; color:#fff !important;
    background:none !important; text-shadow:none !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
  }
  .nav > a.is-active, .nav > .mn > a.is-active,
  .pg-nav > a.is-active, .pg-nav > .mn > a.is-active,
  .mn.is-aberto > a{ color:#FED600 !important; }
  .nav > a:active, .nav > .mn > a:active, .pg-nav > a:active, .pg-nav > .mn > a:active{ background:rgba(255,255,255,.05) !important; }
  .mn.is-aberto{ background:rgba(255,255,255,.03); }
}

/* =========================================================
   70 · O painel do "MAPAS PARA COLORIR" no computador: preto, de
   lado a lado, igual ao das outras abas
   ========================================================= */
@media (min-width:981px){
  .mapas-topo .mapas-topo__drop{
    position:fixed !important; left:0 !important; right:0 !important; top:64px; width:auto !important;
    margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    background:#0B0B0B !important; box-shadow:0 30px 60px rgba(0,0,0,.45) !important;
    font-family:var(--font-ui,'Montserrat',system-ui,sans-serif); z-index:120 !important;
  }
  .mapas-topo__drop::before{ content:''; position:absolute; top:calc(-1 * var(--ponte-h,14px)); height:var(--ponte-h,14px);
    left:var(--ponte-x,0); width:var(--ponte-w,100%); }
  .mtd__grade{ max-width:1240px; margin:0 auto; padding:30px clamp(20px,3vw,40px) 34px;
    display:grid; grid-template-columns:.9fr 2fr; gap:clamp(24px,3vw,48px); align-items:start; }
  .mtd__txt h4{ margin:0 0 10px; font-size:22px; font-weight:800; color:#fff; }
  .mapas-topo__drop .mtd__txt p{ margin:0 0 18px !important; font-size:16px !important; line-height:1.6 !important; color:rgba(243,234,218,.86) !important; }
  /* a foto da esquerda, quando o painel escolhe uma em "Editar dropdown"
     (o mesmo editor que as outras abas usam) -- igual ao .mn__fotoq das
     outras (29/09/2026) */
  .mtd__foto{ display:block; overflow:hidden; border-radius:6px; aspect-ratio:2/1; margin:0 0 18px; }
  .mtd__foto img{ width:100% !important; height:100% !important; object-fit:cover; margin:0 !important; display:block; }
  .mapas-topo__drop .mapas-topo__ver{
    display:inline-flex; background:#FED600; color:#111 !important; padding:9px 18px; border-radius:999px;
    font-size:15px; font-weight:800; text-decoration:none !important;
  }
  .mapas-topo__drop .mapas-topo__ver:hover{ background:#FED600; }
  .mtd__mapas{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  .mtd__mapa{ display:block; text-decoration:none; }
  .mtd__mapa img, .mtd__mapa span{ display:block; width:100%; aspect-ratio:4/3; object-fit:contain; background:#fff; padding:6px; box-sizing:border-box; }
  .mtd__mapa b{ display:block; margin-top:8px; padding-left:10px; border-left:3px solid #FED600;
    font-size:15px; font-weight:800; line-height:1.3; color:#fff; }
  .mtd__mapa:hover b{ color:#FED600; }
}
@media (max-width:980px){ .mtd__grade{ display:none; } }

/* =========================================================
   71 · Textos da pagina inicial que ficavam escuros/apagados
   ========================================================= */
.panel--entrada .eyebrow{ color:#fff !important; text-shadow:none !important; }
.mapasv__titulo, .mapasv__subtitulo, .mapasv__aviso, .mapasv__aviso strong{ color:#fff !important; text-shadow:none !important; }
.panel--sec.sec-mapas6 .sec-linha, .panel--sec.sec-mapas6 .mpv__sobre{ color:#fff !important; }
.panel--sec[data-season="3"] .sec-linha,
.panel--sec[data-season="3"] .palco__txt h2,
.panel--sec[data-season="3"] .palco__txt p,
.panel--sec[data-season="3"] .scard .scard__txt b,
.panel--sec[data-season="3"] .scard.is-active .scard__txt b{ color:#fff !important; }

/* =========================================================
   72 · Recuo de parágrafo (ABNT: 1,25 cm na primeira linha)
   Todo texto corrido do site começa com recuo. Especificidade
   zero de propósito (:where) para que qualquer exceção abaixo,
   ou a classe .sem-recuo, ganhe sem briga.
   ========================================================= */
:where(body:not(.adm):not(.rs)) p,
:where(.previa) p{ text-indent:1.25cm; }

/* onde o <p> não é parágrafo: rótulo, legenda, interface, ou texto centralizado */
.sem-recuo, .sem-recuo p,
p.al--centro, p.al--dir, .al--centro p, .al--dir p,
figcaption, figcaption p, form p, label p, button p, nav p,
.topbar p, .pg-top p,
.gh__legenda, .gh__slogan, .pg-meta, .pg-tags__linha{ text-indent:0; }

/* a nota do autor agora vem em parágrafos de verdade */
.pg-notaautor p{ margin:0 0 .7em; }
.pg-notaautor p:last-child{ margin-bottom:0; }

@media (max-width:560px){
  :where(body:not(.adm):not(.rs)) p, :where(.previa) p{ text-indent:1cm; }
}

.mapas-topo__sub{ display:none; }

/* =========================================================
   73 · MAPAS PARA COLORIR: o botão grande, inteiro na barra
   Um bloco amarelo do site, da altura da barra toda, antes de
   todos os outros botões (a nota, a busca, o Entrar e as abas).
   ========================================================= */
@media (min-width:981px){
  .topbar.topbar, .topbar.is-stuck, .pg-top.pg-top{
    grid-template-columns:auto auto 1fr auto auto auto auto auto !important;
  }
  .topbar > .mapas-topo, .pg-top > .mapas-topo{
    grid-column:4 !important; grid-row:1 / span 2 !important;
    align-self:stretch !important; display:flex !important;
    margin:-12px 6px -10px 0 !important;
  }
  
  .topbar > .busca, .pg-top > .busca{ grid-column:7 !important; }
   .pg-top > .ab,
  .pg-top > .pg-conta > :not(.hud){ grid-column:8 !important; }
  .topbar > .nav, .pg-top > .pg-nav{ grid-column:5 / -1 !important; }

  .topbar .mapas-topo__btn, .pg-top .mapas-topo__btn,
  .topbar.gt-mapas-mini .mapas-topo__btn, .pg-top.gt-mapas-mini .mapas-topo__btn{
    display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important;
    gap:4px !important; height:100% !important; width:auto !important; min-width:176px;
    padding:0 26px !important; border-radius:0 !important;
    background:linear-gradient(180deg,#FED600 0%,#FED600 55%,#FFA001 100%) !important;
    color:#1E1405 !important; text-decoration:none !important;
    box-shadow:inset 0 -3px 0 rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.55) !important;
    transition:filter .18s, box-shadow .18s !important;
    font-size:0 !important;   /* o texto de verdade vem nos dois spans abaixo */
  }
  .topbar .mapas-topo__btn::before, .pg-top .mapas-topo__btn::before,
  .topbar.gt-mapas-mini .mapas-topo__btn::before, .pg-top.gt-mapas-mini .mapas-topo__btn::before{
    content:'' !important; width:30px !important; height:30px !important; font-size:0 !important; flex:none;
    background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231E1405' fill-opacity='.12' stroke='%231E1405' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M3 6l6-2 6 2 6-2v14l-6 2-6-2-6 2z'/%3E%3Cpath d='M9 4v14M15 6v14' fill='none'/%3E%3C/svg%3E") !important;
  }
  .mapas-topo__btn .mapas-topo__txt{
    display:block !important; font-size:16.5px !important; font-weight:900 !important;
    letter-spacing:.09em !important; line-height:1 !important; white-space:nowrap; color:#1E1405 !important;
  }
  .mapas-topo__btn .mapas-topo__sub{
    display:block !important; font-size:12.5px !important; font-weight:700 !important;
    letter-spacing:.14em !important; text-transform:uppercase; line-height:1 !important; color:rgba(30,20,5,.72) !important;
  }
  .topbar .mapas-topo__btn:hover, .pg-top .mapas-topo__btn:hover,
  .mapas-topo:focus-within .mapas-topo__btn{
    filter:brightness(1.05) !important; color:#1E1405 !important;
    box-shadow:inset 0 -4px 0 #FFA001, inset 0 1px 0 rgba(255,255,255,.6) !important;
  }
}
.busca__todos{
  display:block; margin:6px 8px 4px; padding:10px 12px; border-radius:8px; text-align:center;
  background:linear-gradient(90deg,#FFA001,#FFA001); color:#1E1405 !important;
  font-size:14.5px; font-weight:800; text-decoration:none;
}
@media (min-width:981px){
  /* com o botão grande dos mapas, a barra precisa de menos folga entre as peças */
  .topbar.topbar, .topbar.is-stuck, .pg-top.pg-top{ column-gap:20px !important; }
  .topbar > .nav, .pg-top > .pg-nav{ gap:clamp(16px,2vw,32px) !important; }
  .topbar .mapas-topo__btn, .pg-top .mapas-topo__btn,
  .topbar.gt-mapas-mini .mapas-topo__btn, .pg-top.gt-mapas-mini .mapas-topo__btn{ padding:0 20px !important; min-width:0 !important; }
}
@media (min-width:981px){
  /* a fileira das abas pede a largura que precisa (antes era min-width:0 e
     a grade não abria espaço para ela, que saía pela direita) */
  .topbar > .nav:not(.is-open), .pg-top > .pg-nav{ min-width:max-content !important; }
  .topbar.gt-nav-linha > .nav, .pg-top.gt-nav-linha > .pg-nav{ min-width:0 !important; }
}
@media (min-width:981px){
  .topbar.topbar, .topbar.is-stuck, .pg-top.pg-top{
    grid-template-columns:auto auto 1fr auto minmax(var(--nav-folga,0px),auto) auto auto auto !important;
  }
}
.busca__resultados{ display:none !important; }

/* =========================================================
   74 · a foto da matéria nos cards e no destaque da página
   inicial, enquadrada no editor (GEO.fotoAjuste)
   ========================================================= */
img.foto-aj{ transform:scale(var(--fz,1)); }
img.foto-aj--inteira{ object-fit:contain !important; background:#1b140a; transform:none !important; }
.scard__btn:hover .scard__thumb img.foto-aj:not(.foto-aj--inteira){ transform:scale(calc(var(--fz,1) * 1.07)); }
/* =========================================================
   76 · O RODAPÉ DA PÁGINA INICIAL, EM TODO O SITE
   As regras vinham do styles.css (que só a home carrega). Aqui
   estão completas, para as páginas internas — e a home também
   as recebe, então é um rodapé só, igual em tudo.
   ========================================================= */
.foot{
  position:relative; z-index:1; border-top:none;
  background:#FFA001; color:#3B2006; padding:7vh 0 30px;
  font-family:var(--font-ui,'Montserrat',system-ui,sans-serif);
}
.foot .wrap{ width:min(var(--wrap,1180px),92vw); margin:0 auto; position:relative; z-index:1; }
.foot__topo{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:clamp(24px,4vw,64px); align-items:start; }
.foot__brand{
  grid-column:1 / -1; text-align:center; margin-bottom:3.5vh; padding-bottom:3.5vh;
  border-bottom:1px solid rgba(74,46,6,.2);
}
.foot__brand img{ display:block; height:auto; margin:0 auto 18px; opacity:.95; }
.foot__brand p{ margin:0 auto 24px; font-size:16px; line-height:1.7; color:#3B2006; max-width:48ch; text-indent:0; }
.foot__soc{ list-style:none; display:flex; flex-wrap:nowrap; justify-content:center; gap:8px; margin:0; padding:0; }
.foot__soc li{ flex:1 1 0; min-width:0; }
.foot__soc a{
  display:inline-flex; width:100%; justify-content:center; align-items:center; gap:7px;
  padding:10px 6px; text-decoration:none; font-size:13.5px; font-weight:700;
  background:#fff; border:1px solid #fff; color:#3B2006; box-shadow:0 2px 8px rgba(74,46,6,.12);
  transition:.2s;
}
.foot__soc a span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.foot__soc svg{ width:16px; height:16px; fill:currentColor; flex:none; }
.foot__soc a:hover{ background:#3B2006; border-color:#3B2006; color:#FFA001; }
.foot__soc a.is-vazio{
  opacity:.55; cursor:default; pointer-events:none; box-shadow:none;
  background:rgba(255,255,255,.55); border-style:dashed; border-color:rgba(74,46,6,.3);
}
.foot__col h3{ font-size:13.5px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:#fff; margin:0 0 16px; }
.foot__col a{ display:block; padding:6px 0; text-decoration:none; font-size:16px; color:#3B2006; transition:.18s; }
.foot__col a:hover{ color:#3B2006; text-decoration:underline; transform:translateX(3px); }
.foot__base{
  margin-top:5vh; padding-top:22px; border-top:1px solid rgba(74,46,6,.25);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.foot__base small{ font-size:14.5px; color:#3B2006; opacity:.85; }
.foot .feito-por a{ color:inherit; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:900px){ .foot__topo{ grid-template-columns:1fr 1fr; } }
@media (max-width:760px){ .foot__soc{ flex-wrap:wrap; } .foot__soc li{ flex:1 1 30%; } }
@media (max-width:560px){
  .foot__topo{ grid-template-columns:1fr; }
  .foot__brand{ grid-column:1; }
  .foot__soc a span{ display:none; }
  .foot__soc a{ padding:12px 0; }
}
/* a página está esperando o banco: o rodapé espera junto (senão ele
   aparecia primeiro, sozinho, e o conteúdo caía em cima depois) */
body.esperando-banco .foot{ visibility:hidden; }
body.esperando-banco main{ min-height:70vh; }
/* zoom abaixo de 100% nos cards e no destaque: a foto cabe inteira e afasta */
img.foto-aj--afasta{ object-fit:contain !important; background:#1b140a; }

/* =========================================================
   80 · Celular: palavra comprida nunca vaza da caixa
   Títulos de card em CAIXA ALTA ("DOCUMENTÁRIO", "MARANHENSES:")
   não cabiam na coluna estreita e eram cortados na borda do card.
   A rede de segurança quebra só a palavra que não cabe sozinha;
   nos títulos de card e nos textos justificados entra a
   hifenização (a página é pt-BR, o celular sabe hifenizar).
   ========================================================= */
@media (max-width:600px){
  body{ overflow-wrap:break-word; }
  [class*="card"] :is(b, strong, h2, h3, h4), .mapac__corpo b, .pg-down__tit,
  .panel p, .sec-linha, .pg-texto, .pg-resumo{ -webkit-hyphens:auto; hyphens:auto; }
  img, video, iframe{ max-width:100%; }
}
/* cards em duas colunas no celular: título um pouco menor e o
   respiro lateral mais curto, pra palavra inteira caber na linha */
@media (max-width:420px){
  .mapac__corpo{ padding:12px 12px 4px !important; }
  .mapac__corpo b, .scpg .mapac__corpo b{ font-size:15px !important; letter-spacing:0 !important; }
}
/* tablet: dentro da gaveta, a aba aberta vira duas colunas (texto e
   foto à esquerda, últimas publicações à direita) em vez de uma foto
   gigante ocupando a tela inteira */
@media (min-width:601px) and (max-width:980px){
  .mn__grade{ display:grid !important; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
  .mn .mn__painel .mn__rotulo{ margin-top:0 !important; }
  .mn__fotoq{ max-height:220px; }
}

/* =========================================================
   90 · PALETA NOVA (pedido de 28/09)
   azul dos botões ........ #037EC8
   azul do topo/destaque .. #05AFF2
   laranja dos títulos .... #FFA001
   amarelo da jornada ..... #FED600
   degradê ................ #FFA001 → #FED600
   marrom (o site todo) ... #3B2006 (trocado direto nos .css)
   Fica no fim do topo.css, que é o último css de toda página,
   pra passar por cima das cores antigas de cada seção.
   ========================================================= */
:root{
  --gn-azul:#037EC8; --gn-azul-dp:#0268A6; --gn-azul-cl:#05AFF2;
  --gn-laranja:#FFA001; --gn-amarelo:#FED600; --gn-amarelo-esc:#FFA001; --gn-marrom:#3B2006;
  --gn-degrade:linear-gradient(135deg,#FFA001,#FED600);
}

/* ---- botões em degradê: Ler mais · Ver mapas · Ver todos os mapas · Conhecer a coleção
   (antes eram azuis; o usuário não gostou e pediu pra trocar todos pelo mesmo
   degradê usado no Mapas-para-colorir/Entrar/setas dos cards) ---- */
.panel--sec .palco__txt .btn, .palco__txt .btn, .vit__ler, span.mapac__baixar, span.scpg__item-seta,
.mapas-topo__ver, .mapas-topo__drop .mapas-topo__ver, .mpv__txt .btn,
.banner-obra .ab, .pg-obra .ab,
.panel--sec[data-season] .palco__txt .btn, .panel--sec[data-season] .mpv__txt .btn{
  background:var(--gn-degrade) !important; background-image:var(--gn-degrade) !important;
  color:var(--gn-marrom) !important; border-color:transparent !important; text-shadow:none !important;
  box-shadow:0 8px 20px rgba(255,160,1,.28) !important;
}
.panel--sec .palco__txt .btn:hover, .palco__txt .btn:hover, .vit__ler:hover, .mapac:hover span.mapac__baixar,
.scpg__item:hover span.scpg__item-seta, .mapas-topo__ver:hover, .mpv__txt .btn:hover,
.banner-obra .ab:hover, .pg-obra .ab:hover{
  background:var(--gn-degrade) !important; color:var(--gn-marrom) !important; filter:brightness(1.06) !important;
}
/* ---- "Ver todos os mapas" da vitrine do topo da home: fica sem fundo,
   é só o texto dourado grande de sempre, sem virar botão ---- */
.mapasv__vertodos{ background:none !important; box-shadow:none !important; }
/* "Ver todos os mapas" na home: laranja */
.mapasv__vertodos{ color:var(--gn-laranja) !important; }
.mapasv__vertodos:hover{ color:var(--gn-amarelo) !important; }

/* ---- topo: ícone do nível, a bolinha da nota e a lupa da busca ---- */

.topbar .busca__lupa, .pg-top .busca__lupa{ stroke:var(--gn-azul-cl) !important; opacity:1 !important; }

/* ---- a faixa "Em destaque" das matérias: fundo laranja ---- */
.palco__tag, .panel--sec .palco__tag, .panel--sec[data-season] .palco__tag{
  background:var(--gn-laranja) !important; background-image:none !important;
  color:#fff !important; border-color:var(--gn-laranja) !important; text-shadow:none !important;
}
/* Mundo Geografico: a escrita da faixa "Em destaque" em preto (so
   nessa secao -- nas outras continua branco) */
.panel--sec[data-season="1"] .palco__tag{ color:#000 !important; }

/* ---- títulos das seções (Mundo Geográfico, Cinerama, GeoDigital...): laranja ---- */
.sec-kicker, .panel--sec .sec-kicker, .panel--sec[data-season] .sec-kicker,
.panel--sec.tem-fundo[data-secao] .sec-kicker, .panel--sec.sec-vitrine .sec-kicker,
.scpg__hero h1{ color:var(--gn-laranja) !important; }

/* titulos das secoes (o sec-kicker): sombra preta e discreta (o
   mesmo modelo do "Nivel 1..." da Jornada), menos no GeoDigital
   (fundo preto) que leva sombra branca */
.sec-kicker, .panel--sec .sec-kicker, .panel--sec[data-season] .sec-kicker,
.panel--sec.tem-fundo[data-secao] .sec-kicker, .panel--sec.sec-vitrine .sec-kicker,
.mpv__sobre{
  text-shadow:0 1px 2px rgba(0,0,0,.6) !important;
}
.panel--sec[data-season="3"] .sec-kicker{
  text-shadow:0 1px 2px rgba(255,255,255,.6) !important;
}
.panel--sec .sec-top, .panel--sec[data-season] .sec-top,
.panel--sec.tem-fundo[data-secao] .sec-top, .panel--sec.sec-vitrine .sec-top{ border-left-color:var(--gn-amarelo-esc) !important; }

/* a secao Cinerama tinha ficado sem foto (virou bloco preto/
   amarelo numa revisao anterior) -- volta a ter foto de fundo
   (a mesma foto do fotografo no Pao de Acucar), agora no CENARIO
   (scene), nao mais colada no painel, pra ganhar de novo o efeito
   de "correr" (parallax) que as outras secoes com foto tem */

.scene--cinerama .scene__veil{
  background:linear-gradient(175deg,rgba(48,14,6,.55) 0%,rgba(96,34,12,.40) 45%,rgba(28,10,4,.72) 100%) !important;
}
/* o painel em si precisa ficar transparente para a foto do cenario
   (acima) aparecer -- antes tinha um amarelo solido colado nele */
.panel--sec[data-season="2"]{ background:transparent !important; }

/* GeoDigital: fundo preto solido */
.panel--sec[data-season="3"]{ background:#000 !important; }

/* Cinerama com foto escura: os textos que antes assumiam fundo
   amarelo (marrom escuro) viram claros, igual ja e' no GeoDigital */
.panel--sec[data-season="2"]{ color:#fff !important; }
.panel--sec[data-season="2"] .sec-linha,
.panel--sec[data-season="2"] .palco__txt p,
.panel--sec[data-season="2"] .palco__meta,
.panel--sec[data-season="2"] .scard__txt,
.panel--sec[data-season="2"] .scard__txt p{
  color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.75) !important;
}
.panel--sec[data-season="2"] .scard__txt b,
.panel--sec[data-season="2"] .scard__txt strong,
.panel--sec[data-season="2"] .scard.is-active .scard__txt b{
  color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.75) !important;
}
.panel--sec[data-season="2"] .scard__txt,
.panel--sec[data-season="2"] .scard.is-active .scard__txt{ border-left-color:var(--gn-amarelo-esc) !important; }
.panel--sec[data-season="2"] .scard__btn{ border-top-color:rgba(255,255,255,.25) !important; }

/* ---- o título da matéria em destaque (embaixo da faixa "Em destaque"), em todas as seções ---- */
.palco__txt h2, .panel--sec .palco__txt h2, .panel--sec[data-season] .palco__txt h2{
  color:var(--gn-amarelo) !important; text-shadow:0 1px 2px rgba(255,255,255,.75) !important;
  font-size:clamp(20px,calc(1.9vw + 2px),28px) !important;
}
/* Mundo Geografico: fundo branco, sombra branca no titulo em
   destaque nao ajuda em nada -- ali a sombra e preta (sutil) */
.panel--sec[data-season="1"] .palco__txt h2{
  text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
}
/* Cinerama: titulo e o titulo em destaque -- sombra branca (o
   subtitulo tem sua propria regra mais abaixo, depois do bloco
   geral, senao perde a briga de cascata) */
.panel--sec[data-season="2"] .sec-kicker{
  text-shadow:0 1px 2px rgba(255,255,255,.6) !important;
}
.panel--sec[data-season="2"] .palco__txt h2{
  text-shadow:0 1px 2px rgba(255,255,255,.75) !important;
}

/* ---- etiqueta pequena em cima do título, em todos os cards (Mundo, PNLD, BNCC...) ---- */
.mapac__corpo small, .scpg__item-txt small, .busca__item small, .busca__item .busca__bncc,
.banner-obra small, .pg-obra small{
  color:var(--gn-laranja) !important;
}

/* ---- degradê: Mapas para colorir, Entrar / o meu nome, setas dos cards ---- */
.mapas-topo__btn, .topbar .mapas-topo__btn, .pg-top .mapas-topo__btn,
.roleta__nav, .palco__nav button, .vit__seta, .scpg-prat__seta{
  background:var(--gn-degrade) !important; color:var(--gn-marrom) !important;
  border-color:transparent !important; text-shadow:none !important;
}
.mapas-topo__btn:hover,
.roleta__nav:hover, .palco__nav button:hover, .vit__seta:hover, .scpg-prat__seta:hover{
  background:var(--gn-degrade) !important; color:var(--gn-marrom) !important; filter:brightness(1.06) !important;
}

/* ---- fundo marrom: o banner da coleção ---- */
.banner-obra{ background:var(--gn-marrom) !important; }
#bannerObra{ background:#fff !important; }

/* subtitulo de todas as secoes (ex: "Biomas, climas, relevo..."):
   amarelo escuro, por cima de qualquer fundo */
.sec-linha, .panel--sec .sec-linha, .panel--sec[data-season] .sec-linha,
.panel--sec.tem-fundo[data-secao] .sec-linha, .panel--sec.sec-vitrine .sec-linha{
  color:var(--gn-amarelo-esc) !important; text-shadow:0 1px 2px rgba(0,0,0,.75) !important;
  font-style:italic !important;
}
/* nas secoes de fundo branco (Mundo Geografico e Aconteceu? Virou
   Aula!), a sombra preta forte ficava grossa demais -- sombra bem
   sutil, igual a sensacao que ja tinha em Mapas para Colorir */
.panel--sec[data-season="1"] .sec-kicker, .panel--sec[data-season="4"] .sec-kicker,
.panel--sec[data-season="1"] .sec-linha, .panel--sec[data-season="4"] .sec-linha{
  text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
}
/* GeoDigital: subtitulo da secao com sombra branca (fundo escuro) */
.panel--sec[data-season="3"] .sec-linha{ text-shadow:0 1px 2px rgba(255,255,255,.6) !important; }
/* Cinerama: subtitulo tambem com sombra branca */
.panel--sec[data-season="2"] .sec-linha{
  text-shadow:0 1px 2px rgba(255,255,255,.75) !important;
}
/* Mapas para Colorir: subtitulo com sombra preta (voltou atras) */
.panel--sec[data-season="5"] .sec-linha{
  text-shadow:0 1px 2px rgba(0,0,0,.75) !important;
}

/* dropdown do menu (rotulo "Ultimas publicacoes" / "Nada ainda"): laranja */
.mn__rotulo{ color:var(--gn-laranja) !important; }

/* menu do topo (Mundo Geografico, Cinerama, GeoDigital...): no
   mouse over / secao atual, laranja em vez de amarelo */
.nav a:hover, .topbar:not(.is-stuck) .nav a:hover, .topbar .nav a:hover{
  background:transparent !important; color:var(--gn-laranja) !important;
}
.nav a.is-active, .topbar:not(.is-stuck) .nav a.is-active, .topbar .nav a.is-active{
  background:var(--gn-laranja) !important; color:#fff !important;
}
/* o riscozinho embaixo do botao do menu (mouse over / aberto / secao
   atual) tambem laranja, era amarelo/dourado */
.topbar > .nav > a.is-active, .topbar > .nav > .mn > a.is-active,
.pg-top > .pg-nav > a.is-active, .pg-top > .pg-nav > .mn > a.is-active,
.mn.is-aberto > a{
  color:var(--gn-laranja) !important; box-shadow:inset 0 -3px 0 var(--gn-laranja) !important;
}
/* titulo do menu dropdown (Mundo Geografico, Cinerama...): laranja */
.mn .mn__painel .mn__sobre h4{ color:var(--gn-laranja) !important; }
/* dropdown da secao "Aconteceu? Virou Aula": rotulo e titulos das
   materias, laranja -- mas quando o estado e' "Nada ainda" (sem
   materia nenhuma), o rotulo e o aviso voltam pra cor de antes */
.mn:has(> a[href="#aula"]) .mn__rotulo,
.mn:has(> a[href="#aula"]) .mn__posts a b{
  color:var(--gn-laranja) !important;
}
.mn:has(.mn__nada) .mn__rotulo{ color:#FFA001 !important; }
.mn__nada{ color:rgba(243,234,218,.7) !important; }

/* fonte dos cards (mapac__corpo, secao.html com fundo claro; scard
   das secoes com fundo claro): preto em vez de marrom */
.mapac__corpo b{ color:#000 !important; }
.scard__txt b{ color:#000 !important; }
.mpc__nome{ color:#000 !important; }

/* risquinho (borda) do lado dos cards das secoes: azul */
.scard__txt{ border-left-color:var(--gn-amarelo-esc) !important; }
.scard__btn:hover .scard__txt, .scard.is-active .scard__txt{ border-left-color:var(--gn-amarelo-esc) !important; }

/* Cinerama: o titulo da secao vai pro lado direito (a foto ja fica
   a esquerda), com o risquinho encostado depois da palavra "Cinerama" */
.panel--sec[data-season="2"] .sec-top{
  border-left:0 !important; border-right:3px solid var(--gn-amarelo-esc) !important;
  padding-left:0 !important; padding-right:26px !important;
  text-align:right !important;
}
.panel--sec[data-season="2"] .sec-linha{ margin-left:auto !important; text-align:right !important; }

/* a foto da materia em destaque: sem zoom no mouse over, em nenhuma secao.
   ATENCAO: "transform:none" no hover NAO serve -- quando o editor
   ajustou o zoom da foto (img.foto-aj com --fz, ex. 0.95 = afastada),
   a foto fica em scale(--fz) parada e, no hover, "none" a levava pra
   scale(1): era ESSE o "zoom" que aparecia (Cinerama, 28/09). No hover
   a foto fica exatamente como esta parada. */
.palco__foto img{ transition:none !important; }
.palco__foto a:hover img{ transform:none !important; }
.palco__foto a:hover img.foto-aj{ transform:scale(var(--fz,1)) !important; }
.palco__foto a:hover img.foto-aj--inteira{ transform:none !important; }
/* Mundo Geografico e Cinerama: tira a sombra grande e borrada em
   volta da foto em destaque -- ela se misturava com o fundo e
   parecia um degrade/fade estranho na divisa */
.panel--sec[data-season="1"] .palco__foto a,
.panel--sec[data-season="2"] .palco__foto a{
  box-shadow:none !important;
}

/* Mapas para colorir: os mapas sobem um pouco no mouse over */
.mpc{ transition:transform .18s, box-shadow .18s; }
.mpc:hover{ transform:translateY(-6px); box-shadow:0 20px 38px rgba(0,0,0,.32); }

/* ---- fundo do quadro de Sorteios: azul escuro; título em branco ---- */
.sorteio{ background:var(--gn-azul) !important; border-color:rgba(5,175,242,.35) !important; }
.sorteio b{ color:#fff !important; font-weight:800 !important; }

/* ---- os chips debaixo dos livros (1º ao 5º ano, 3º ao 5º ano...): fundo azul ---- */
.livro__ano, .livro:hover .livro__ano{
  background:var(--gn-azul-cl) !important; color:#fff !important; box-shadow:none !important;
}

/* =========================================================
   Marca-pagina (o selo do canto esquerdo): maior, encostada na
   beirada em TODA pagina, e por cima do dropdown do menu.
   - Nas paginas internas (.pg-top) a foto dentro do selo vinha
     com width:auto (regra 49) e ficava menor que a caixa dela,
     centralizada -- sobrava uma folga de ~25px ate a beirada da
     tela. Agora a foto preenche a caixa e gruda a esquerda, igual
     na pagina inicial.
   - O dropdown do menu (.mn__painel, z-index 120) passava por
     cima do selo (z-index 5); o selo agora fica acima (130).
   - Tamanho: 140% -> 200% da caixa da logo (so' no desktop; no
     celular a barra e' apertada e fica como estava).
   ========================================================= */

 .pg-top .pg-marca .selo img, .topbar .brand .selo img{
  width:100% !important; height:100% !important;
  max-width:none !important; max-height:none !important;
  object-fit:contain !important; object-position:left top !important;
}

/* =========================================================
   80 · CONSERTO: o cabecalho da pagina inicial (.topbar) tinha
   duas respostas diferentes pra "tela pequena". O menu (.nav) e
   o hamburguer trocavam de estado em 860px (regra antiga do
   styles.css) e a barra ficava compacta em 900px (outra regra
   antiga) -- mas todo o resto do site (paginas internas com
   .pg-nav, a gaveta, o sistema de encolher a barra) usa 980px.
   Entre 861px e 980px nada disso batia: o menu (Mundo Geografico,
   Cinerama...) aparecia inteiro, na horizontal, por cima do resto
   do cabecalho -- quebrado em tablet e em qualquer zoom que caisse
   nesse meio (28/09/2026).
   ========================================================= */
@media (max-width:980px){
  .topbar > .nav{
    position:fixed !important; inset:auto !important;
    left:0 !important; right:0 !important; top:64px !important;
    display:none !important;
  }
  .topbar > .nav.is-open{ display:flex !important; }
  .topbar > .burger{ display:flex !important; }
}
@media (max-width:980px) and (min-width:901px){
  /* nessa faixa a barra ainda nao tinha a compactacao de 900px --
     reduz pro mesmo tamanho, senao o hamburguer some espremido */
  .topbar{
    padding:8px 14px !important; min-height:60px !important; height:auto !important;
  }
  .topbar .atalhos{ display:none !important; }
}

/* =========================================================
   81 · CONSERTO: numa largura de desktop mais estreita (~1000-
   1050px), a barra solta o menu pra propria linha (.gt-nav-linha,
   ultimo recurso do "encolhe sozinho" acima) -- mas o menu
   continuava com a largura do conteudo inteiro (min-width:
   max-content vem de uma regra mais abaixo no arquivo -- secao 73
   -- que "ganha" da regra que zera isso nesse estado por ter a
   mesma especificidade e vir depois). A coluna da grade nao cabia
   e empurrava a busca e o botao de conta pra fora da tela.
   ========================================================= */
.topbar.gt-nav-linha > .nav, .pg-top.gt-nav-linha > .pg-nav{
  min-width:0 !important;
  /* o "order:99" (secao 10, mais acima) nao empurra pra uma linha
     nova numa grade -- so funciona em flex. Aqui o menu tinha
     "grid-column:5/-1" fixo (o mesmo intervalo de colunas onde a
     busca, o anel e o botao de conta ficam plantados cada um na
     sua propria coluna), entao a caixa do menu, mesmo quebrando
     em varias linhas por dentro, continuava ocupando (e colidindo
     com) o espaco daquelas colunas na primeira linha da grade.
     Agora ele vai pra propria linha, ocupando a grade inteira. */
  grid-column:1 / -1 !important;
  grid-row:2 !important;
}

/* =========================================================
   82 · CONSERTO: mesmo com o menu (.nav) mandado pra propria
   linha (conserto 81 acima), a grade da barra (.topbar) ainda
   reservava a coluna 5 do tamanho de --nav-folga (a variavel que
   o topo.js calcula pra abrir espaco pro menu quando ele SIM fica
   na coluna 5 -- estado normal) -- so que nesse estado
   (.gt-nav-linha) o menu nao ta mais nessa coluna nenhuma, entao
   essa largura (as vezes 600px+) ficava reservada a toa, empurrando
   busca/anel/conta pra fora da tela (28/09/2026).
   ========================================================= */
@media (min-width:981px){
  .topbar.gt-nav-linha, .pg-top.gt-nav-linha{
    grid-template-columns:auto auto 1fr auto 0px auto auto auto !important;
  }
}

/* =========================================================
   83 · CONSERTO: o conserto 81 botou o menu (.nav) na
   grid-row:2 pra nao colidir com busca/hud/conta (que ficam na
   linha 1) -- mas a marca (.brand) e o botao amarelo (.mapas-topo)
   ocupam "grid-row:1 / span 2" (as DUAS linhas, pra ficar esticado
   por cima), entao o menu, tambem na linha 2, ficava embaixo deles
   na mesma celula -- as abas (Mundo Geografico, Cinerama...)
   apareciam por cima/atras da logo e do botao amarelo. Agora o
   menu ganha uma TERCEIRA linha soh pra ele, abaixo de tudo
   (28/09/2026).
   ========================================================= */
@media (min-width:981px){
  .topbar.gt-nav-linha, .pg-top.gt-nav-linha{
    grid-template-rows:auto auto auto !important;
  }
  .topbar.gt-nav-linha > .nav, .pg-top.gt-nav-linha > .pg-nav{
    grid-row:3 !important;
  }
}

/* fora as fotos de fundo (cenario) das secoes que iam ficar
   claras -- so cor chapada daqui pra frente */

.scene--cinerama .scene__veil,
.scene--mapas .scene__veil{ background:#fff !important; }
.scene--mundo .scene__veil,
.scene--aula .scene__veil{ background:var(--gn-marrom) !important; }

/* as 6 secoes, cor chapada */
.panel--entrada{ background:#000 !important; }
.panel--sec[data-season="1"]{ background:var(--gn-marrom) !important; }
.panel--sec[data-season="2"]{ background:#fff !important; }
.panel--sec[data-season="3"]{ background:#000 !important; }
.panel--sec[data-season="4"]{ background:var(--gn-marrom) !important; }
.panel--sec[data-season="5"]{ background:#fff !important; }

/* ---- MARROM (Mundo e Aula): letra clara pro corpo do texto.
   Titulos, subtitulos e a linhazinha do lado (kicker, sec-linha,
   h2 em destaque, sec-top) CONTINUAM laranja/amarelo -- a marca
   do site -- em qualquer secao, clara ou escura; so a sombra
   muda pra eles continuarem legiveis (pedido 29/09) ---- */
.panel--sec[data-season="1"], .panel--sec[data-season="4"]{ color:#F3EADA !important; }

.panel--sec[data-season="1"] .palco__txt p, .panel--sec[data-season="4"] .palco__txt p,
.panel--sec[data-season="1"] .palco__meta, .panel--sec[data-season="4"] .palco__meta,
.panel--sec[data-season="1"] .scard__txt, .panel--sec[data-season="4"] .scard__txt,
.panel--sec[data-season="1"] .scard__txt p, .panel--sec[data-season="4"] .scard__txt p{
  color:rgba(243,234,218,.85) !important; text-shadow:none !important;
}
.panel--sec[data-season="1"] .scard__txt b, .panel--sec[data-season="4"] .scard__txt b,
.panel--sec[data-season="1"] .scard__txt strong, .panel--sec[data-season="4"] .scard__txt strong{
  color:#FFF6E6 !important; text-shadow:none !important;
}
.panel--sec[data-season="1"] .scard__txt, .panel--sec[data-season="4"] .scard__txt,
.panel--sec[data-season="1"] .scard.is-active .scard__txt, .panel--sec[data-season="4"] .scard.is-active .scard__txt{
  border-left-color:var(--gn-amarelo-esc) !important;
}
.panel--sec[data-season="1"] .scard__btn, .panel--sec[data-season="4"] .scard__btn{
  border-top-color:rgba(255,255,255,.25) !important;
}

.panel--sec[data-season="1"] .scard-vazio, .panel--sec[data-season="4"] .scard-vazio{
  background:rgba(255,255,255,.06) !important; border:1px dashed rgba(255,246,230,.3) !important;
  color:rgba(243,234,218,.8) !important;
}
.panel--sec[data-season="1"] .scard-vazio a, .panel--sec[data-season="4"] .scard-vazio a{ color:var(--gn-amarelo) !important; }
/* titulos/subtitulos: cor laranja/amarelo de sempre (nao mexe),
   so ganham sombra clara pra continuar legiveis no fundo escuro */
.panel--sec[data-season="1"] .sec-kicker, .panel--sec[data-season="4"] .sec-kicker,
.panel--sec[data-season="1"] .sec-linha.sec-linha, .panel--sec[data-season="4"] .sec-linha.sec-linha{
  text-shadow:0 1px 2px rgba(255,255,255,.6) !important;
}
.panel--sec[data-season="1"] .sec-linha.sec-linha, .panel--sec[data-season="4"] .sec-linha.sec-linha{
  color:var(--gn-amarelo-esc) !important;
}
.panel--sec[data-season="1"] .palco__txt h2, .panel--sec[data-season="4"] .palco__txt h2{
  text-shadow:0 1px 2px rgba(255,255,255,.75) !important;
}

/* ---- BRANCO (Cinerama e Mapas): letra escura pro corpo do
   texto. Titulos/subtitulos/linhazinha continuam laranja/amarelo
   tambem -- so a sombra vira escura, pra nao sumir no branco ---- */
.panel--sec[data-season="2"], .panel--sec[data-season="5"]{ color:#3B2006 !important; }

.panel--sec[data-season="2"] .palco__txt p, .panel--sec[data-season="5"] .palco__txt p{
  color:#3B2006 !important; text-shadow:none !important;
}

.panel--sec[data-season="2"] .scard__txt b, .panel--sec[data-season="5"] .scard__txt b,
.panel--sec[data-season="2"] .scard__txt strong, .panel--sec[data-season="5"] .scard__txt strong,
.panel--sec[data-season="2"] .scard.is-active .scard__txt b, .panel--sec[data-season="5"] .scard.is-active .scard__txt b{
  color:#3B2006 !important; text-shadow:none !important;
}
.panel--sec[data-season="2"] .scard__txt, .panel--sec[data-season="5"] .scard__txt,
.panel--sec[data-season="2"] .scard__txt p, .panel--sec[data-season="5"] .scard__txt p{
  color:#5C4A30 !important; text-shadow:none !important;
}
.panel--sec[data-season="2"] .palco__meta, .panel--sec[data-season="5"] .palco__meta{ color:#8A7554 !important; }
.panel--sec[data-season="2"] .scard__txt, .panel--sec[data-season="5"] .scard__txt,
.panel--sec[data-season="2"] .scard.is-active .scard__txt, .panel--sec[data-season="5"] .scard.is-active .scard__txt{
  border-left-color:#FFA001 !important;
}
.panel--sec[data-season="2"] .scard__btn, .panel--sec[data-season="5"] .scard__btn{ border-top-color:rgba(59,32,6,.2) !important; }
/* titulos/subtitulos: cor laranja/amarelo de sempre (nao mexe),
   so ganham sombra escura pra continuar legiveis no fundo branco */
.panel--sec[data-season="2"] .sec-kicker, .panel--sec[data-season="5"] .sec-kicker,
.panel--sec[data-season="2"] .sec-linha.sec-linha, .panel--sec[data-season="5"] .sec-linha.sec-linha{
  text-shadow:0 1px 3px rgba(0,0,0,.28) !important;
}
.panel--sec[data-season="2"] .sec-linha.sec-linha, .panel--sec[data-season="5"] .sec-linha.sec-linha{
  color:var(--gn-amarelo-esc) !important;
}
.panel--sec[data-season="2"] .palco__txt h2, .panel--sec[data-season="5"] .palco__txt h2{
  text-shadow:0 1px 3px rgba(0,0,0,.28) !important;
}
.panel--sec[data-season="2"] .scard-vazio, .panel--sec[data-season="5"] .scard-vazio{
  background:#FBF6EC !important; border:1px dashed rgba(63,23,0,.45) !important; color:#5C4A30 !important;
}
.panel--sec[data-season="2"] .scard-vazio a, .panel--sec[data-season="5"] .scard-vazio a{ color:#3F1700 !important; }
/* o texto de abertura da pagina inicial dos Mapas (".mpv__sobre")
   vinha claro, pensado pro fundo escuro/foto de antes -- agora que
   a secao e' branca, fica escuro tambem (isso e texto de corpo,
   nao titulo, entao fica marrom mesmo, nao laranja) */
.panel--sec[data-season="5"] .mpv__sobre{
  color:#5C4A30 !important; text-shadow:none !important;
}

/* =========================================================
   92 · MAIS RESPIRO NA VERTICAL (pedido 29/09)
   Com secoes de cor solida (sem foto), da pra abrir mais o
   espaco entre elas -- cada uma fica com mais cara de secao
   propria, nao um degrade continuo. Nossas Obras (a primeira)
   e Mapas para Colorir (a ultima) ganham um respiro extra, pra
   abrir e fechar a home como capitulos separados de verdade.
   Os paragrafos tambem ganham mais espaco entre as linhas.
   ========================================================= */
.panel--sec{ padding:17vh 0 !important; }
.panel--entrada{ padding-bottom:16vh !important; }
.panel--sec[data-season="5"]{ padding-top:20vh !important; }

.panel--sec .palco__txt p, .panel--sec .scard__txt p{
  line-height:1.85 !important;
}
@media (max-width:980px){
  .panel--sec{ padding:13vh 0 !important; }
  .panel--entrada{ padding-bottom:11vh !important; }
  .panel--sec[data-season="5"]{ padding-top:15vh !important; }
}
@media (max-width:860px){
  .panel--sec{ padding:12vh 0 !important; }
}

/* =========================================================
   93 · SEPARAR "NOSSAS OBRAS" DE "MAPAS PARA COLORIR" DENTRO
   DA MESMA SECAO PRETA (pedido 29/09)
   As duas vivem dentro do mesmo painel preto (.panel--entrada):
   primeiro a prateleira das obras, depois o resuminho dos mapas
   -- e como as duas sao pretas, o espaco de 160px que tinha
   antes nao bastava pra elas lerem como coisas diferentes.
   Abre bem mais espaco e poe uma linha fina separando as duas,
   pra ficar claro que sao secoes diferentes mesmo.
   ========================================================= */
.panel--entrada .mapasv{
  margin-top:clamp(140px,22vh,320px) !important;
  padding-top:clamp(56px,9vh,120px) !important;
  border-top:1px solid rgba(243,234,218,.16) !important;
}
@media (max-width:860px){
  .panel--entrada .mapasv{
    margin-top:clamp(90px,16vh,200px) !important;
    padding-top:40px !important;
  }
}

/* =========================================================
   95 · JAZMIN NOS TÍTULOS (30/09)
   O styles.css redefine --font-display pra Montserrat depois do
   fontes.css; aqui (que carrega por último) a variável volta pra
   Jazmin. Só o que usa --font-display muda: nomes de seção,
   títulos de matéria, títulos de card, Minha Jornada, rodapé.
   O texto corrido, botões e o menu continuam Montserrat.
   O espaçamento negativo entre letras era pra Montserrat (que é
   larga); na Jazmin, que já é justa, volta a zero.
   ========================================================= */
:root{
  --font-display:"Jazmin","Montserrat","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;
  --font-ui:"Jazmin","Montserrat","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;
}
/* 30/09, pedido do Higor: TUDO em Jazmin — texto corrido, botoes,
   menu, campos, subtitulos. A Montserrat fica so de reserva enquanto
   a Jazmin carrega. Sem italico na Jazmin, o navegador inclina ela
   (italico sintetico) onde o site pede italico. */
html, body, button, input, select, textarea,
.topbar, .pg-top, .nav, .nav a, .mn, .mn__painel, .mn__painel *, .gaveta, .gaveta *,
.sec-linha, .palco__txt p, .scard__txt, .scard__txt p, .palco__meta,
.ab, .scard__btn, .palco__tag, .busca__item, .busca__item *, .foot, .foot *,
.mapasv, .mapasv *, .mpv__sobre,
.pg-texto, .pg-texto *, .pg-resumo, .pg-meta, .lt, .lt *, .scpg__item, .scpg__item *{
  font-family:"Jazmin","Montserrat","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif !important;
}
h1,.pg-hero h1,.pg-erro h1,
h2,.palco__txt h2,.pg-sub,
h3,.scard__txt b,.card h3,.pg-obra h3,.pg-links h3,.foot strong{ letter-spacing:0 !important; }

/* ---- 30/09: nos BOTOES a Jazmin nao ficou boa (pedido do Higor) --
   botoes amarelos e afins voltam pra Montserrat: "Ler mais", "Baixar",
   "Entrar", "Mapas para Colorir" do topo, botoes do painel e dos
   formularios, o botao do menu que abre. So botoes; o resto e' Jazmin. */
button, input[type="submit"], input[type="button"],
.btn, .btn--gold, .ab, .ab--gold, .ab--ghost, .ab--sm,
.mapac__baixar, .mapasv__vertodos, .mapas-topo__btn, .topbar .mapas-topo__btn, .pg-top .mapas-topo__btn,
.mn .mn__painel .mn__sobre a, .gaveta__extra a, .busca__info, .pg-down__card a{
  font-family:"Montserrat","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif !important;
}

/* ---- as 6 secoes: fundo ---- */
.panel--entrada{ background:#fff !important; }
.panel--sec[data-season="1"]{ background:#fff !important; }
.panel--sec[data-season="2"]{ background:#fff !important; }
.panel--sec[data-season="3"]{ background:#fff !important; }
.panel--sec[data-season="4"]{ background:#fff !important; }
.panel--sec[data-season="5"]{ background:#000 !important; }

/* ---- NOSSAS OBRAS: letra preta no fundo branco ---- */
.panel--entrada{ color:#3B2006 !important; }
.panel--entrada .eyebrow{ color:#3B2006 !important; text-shadow:none !important; }
.panel--entrada .livro__nome{ color:#2E2113 !important; text-shadow:none !important; }

.panel--entrada .mapasv{ border-top-color:rgba(59,32,6,.14) !important; }
.panel--entrada .mapasv__titulo, .panel--entrada .mapasv__subtitulo,
.panel--entrada .mapasv__aviso, .panel--entrada .mapasv__aviso strong{
  color:#3B2006 !important; text-shadow:none !important;
}
.panel--entrada .mapasv__aviso a{ color:#3F1700 !important; }
.panel--entrada .mapasv__vertodos{ color:#3B2006 !important; text-shadow:none !important; }
.panel--entrada .mapasv__vertodos:hover{ color:#000 !important; }

/* ---- grupo BRANCO (fundo branco, letra escura): Mundo
   Geografico, Cinerama, GeoDigital e Aconteceu?VirouAula ---- */
.panel--sec[data-season="1"], .panel--sec[data-season="2"],
.panel--sec[data-season="3"], .panel--sec[data-season="4"]{ color:#3B2006 !important; }

.panel--sec[data-season="1"] .palco__txt p, .panel--sec[data-season="2"] .palco__txt p,
.panel--sec[data-season="3"] .palco__txt p, .panel--sec[data-season="4"] .palco__txt p{
  color:#3B2006 !important; text-shadow:none !important;
}

.panel--sec[data-season="1"] .scard__txt b, .panel--sec[data-season="2"] .scard__txt b,
.panel--sec[data-season="3"] .scard__txt b, .panel--sec[data-season="4"] .scard__txt b,
.panel--sec[data-season="1"] .scard__txt strong, .panel--sec[data-season="2"] .scard__txt strong,
.panel--sec[data-season="3"] .scard__txt strong, .panel--sec[data-season="4"] .scard__txt strong,
.panel--sec[data-season="1"] .scard.is-active .scard__txt b, .panel--sec[data-season="2"] .scard.is-active .scard__txt b,
.panel--sec[data-season="3"] .scard.is-active .scard__txt b, .panel--sec[data-season="4"] .scard.is-active .scard__txt b{
  color:#3B2006 !important; text-shadow:none !important;
}
.panel--sec[data-season="1"] .scard__txt, .panel--sec[data-season="2"] .scard__txt,
.panel--sec[data-season="3"] .scard__txt, .panel--sec[data-season="4"] .scard__txt,
.panel--sec[data-season="1"] .scard__txt p, .panel--sec[data-season="2"] .scard__txt p,
.panel--sec[data-season="3"] .scard__txt p, .panel--sec[data-season="4"] .scard__txt p{
  color:#5C4A30 !important; text-shadow:none !important;
}
.panel--sec[data-season="1"] .palco__meta, .panel--sec[data-season="2"] .palco__meta,
.panel--sec[data-season="3"] .palco__meta, .panel--sec[data-season="4"] .palco__meta{ color:#8A7554 !important; }
.panel--sec[data-season="1"] .scard__txt, .panel--sec[data-season="2"] .scard__txt,
.panel--sec[data-season="1"] .scard.is-active .scard__txt, .panel--sec[data-season="2"] .scard.is-active .scard__txt,
.panel--sec[data-season="3"] .scard.is-active .scard__txt, .panel--sec[data-season="4"] .scard.is-active .scard__txt,
.panel--sec[data-season="3"] .scard__txt, .panel--sec[data-season="4"] .scard__txt{
  border-left-color:#FFA001 !important;
}
.panel--sec[data-season="1"] .scard__btn, .panel--sec[data-season="2"] .scard__btn,
.panel--sec[data-season="3"] .scard__btn, .panel--sec[data-season="4"] .scard__btn{ border-top-color:rgba(59,32,6,.2) !important; }
.panel--sec[data-season="1"] .sec-kicker, .panel--sec[data-season="2"] .sec-kicker,
.panel--sec[data-season="3"] .sec-kicker, .panel--sec[data-season="4"] .sec-kicker,
.panel--sec[data-season="1"] .sec-linha.sec-linha, .panel--sec[data-season="2"] .sec-linha.sec-linha,
.panel--sec[data-season="3"] .sec-linha.sec-linha, .panel--sec[data-season="4"] .sec-linha.sec-linha{
  text-shadow:0 1px 3px rgba(0,0,0,.28) !important;
}
.panel--sec[data-season="1"] .sec-linha.sec-linha, .panel--sec[data-season="2"] .sec-linha.sec-linha,
.panel--sec[data-season="3"] .sec-linha.sec-linha, .panel--sec[data-season="4"] .sec-linha.sec-linha{
  color:var(--gn-amarelo-esc) !important;
}
.panel--sec[data-season="1"] .palco__txt h2, .panel--sec[data-season="2"] .palco__txt h2,
.panel--sec[data-season="3"] .palco__txt h2, .panel--sec[data-season="4"] .palco__txt h2{
  text-shadow:0 1px 3px rgba(0,0,0,.28) !important;
}
.panel--sec[data-season="1"] .scard-vazio, .panel--sec[data-season="2"] .scard-vazio,
.panel--sec[data-season="3"] .scard-vazio, .panel--sec[data-season="4"] .scard-vazio{
  background:#FBF6EC !important; border:1px dashed rgba(63,23,0,.45) !important; color:#5C4A30 !important;
}
.panel--sec[data-season="1"] .scard-vazio a, .panel--sec[data-season="2"] .scard-vazio a,
.panel--sec[data-season="3"] .scard-vazio a, .panel--sec[data-season="4"] .scard-vazio a{ color:#3F1700 !important; }

/* ---- grupo PRETO (fundo preto, letra clara): Mapas para
   Colorir, que volta a ser escuro ---- */
.panel--sec[data-season="5"]{ color:#F3EADA !important; }

.panel--sec[data-season="5"] .palco__txt p,
.panel--sec[data-season="5"] .palco__meta,
.panel--sec[data-season="5"] .scard__txt,
.panel--sec[data-season="5"] .scard__txt p{
  color:rgba(243,234,218,.85) !important; text-shadow:none !important;
}
.panel--sec[data-season="5"] .scard__txt b,
.panel--sec[data-season="5"] .scard__txt strong{
  color:#FFF6E6 !important; text-shadow:none !important;
}
.panel--sec[data-season="5"] .scard__txt,
.panel--sec[data-season="5"] .scard.is-active .scard__txt{
  border-left-color:var(--gn-amarelo-esc) !important;
}
.panel--sec[data-season="5"] .scard__btn{ border-top-color:rgba(255,255,255,.25) !important; }

.panel--sec[data-season="5"] .scard-vazio{
  background:rgba(255,255,255,.06) !important; border:1px dashed rgba(255,246,230,.3) !important;
  color:rgba(243,234,218,.8) !important;
}
.panel--sec[data-season="5"] .scard-vazio a{ color:var(--gn-amarelo) !important; }
.panel--sec[data-season="5"] .sec-kicker,
.panel--sec[data-season="5"] .sec-linha.sec-linha{
  text-shadow:0 1px 2px rgba(255,255,255,.6) !important;
}
.panel--sec[data-season="5"] .sec-linha.sec-linha{ color:var(--gn-amarelo-esc) !important; }
.panel--sec[data-season="5"] .palco__txt h2{ text-shadow:0 1px 2px rgba(255,255,255,.75) !important; }
.panel--sec[data-season="5"] .mpv__sobre{
  color:rgba(243,234,218,.85) !important; text-shadow:none !important;
}

/* ---- os dois banners de obra e o rodape: amarelo escuro
   da paleta nova (--gn-amarelo-esc) ---- */
.banner-obra, #bannerObra, #bannerObra2{ background:var(--gn-amarelo-esc) !important; }
.foot{ background:var(--gn-amarelo-esc) !important; }
.foot__soc a:hover{ color:var(--gn-amarelo-esc) !important; }

/* ---- menu do topo: fundo cinza-claro sempre (parado ou rolando) ---- */
.topbar{ background:#E6E6E6 !important; }
.topbar.is-stuck{
  background:#E6E6E6 !important; backdrop-filter:none !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:none !important;
}

/* ---- dentro de Nossas Obras (agora branca), o quadro "Mapas
   para Colorir" volta a ser preto, letra clara ---- */
.panel--entrada .mapasv{
  background:#000 !important;
  border-top:none !important;
  border-radius:22px;
  padding:clamp(40px,6vw,64px) clamp(20px,4vw,56px);
}
.panel--entrada .mapasv__titulo{ color:#FFF6E6 !important; text-shadow:none !important; }
.panel--entrada .mapasv__subtitulo{ color:rgba(243,234,206,.85) !important; text-shadow:none !important; }
.panel--entrada .mapasv__aviso{ color:#F3E6CE !important; text-shadow:none !important; }
.panel--entrada .mapasv__aviso strong{ color:#FFF6E6 !important; text-shadow:none !important; }
.panel--entrada .mapasv__aviso a{ color:#FED600 !important; }

/* "Ver todos os mapas": Jazmin (sai da lista dos botoes que
   voltaram pra Montserrat) e a mesma cor clara dos titulos de
   materia sobre fundo escuro */
.panel--entrada .mapasv__vertodos{
  font-family:"Jazmin","Montserrat","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif !important;
  color:#FFF6E6 !important; text-shadow:none !important;
}
.panel--entrada .mapasv__vertodos:hover{ color:#FED600 !important; }

/* ---- la embaixo, a secao de verdade "Mapas para Colorir"
   (fundo preto): inverte a cor do titulo com a da linha ---- */
.panel--sec[data-season="5"] .sec-kicker{ color:var(--gn-amarelo-esc) !important; }
.panel--sec[data-season="5"] .sec-linha.sec-linha{ color:var(--gn-laranja) !important; }
/* ---- Nossas Obras (titulo + subtitulo de fora): de volta
   pro escuro, sem depender de ordem no arquivo ---- */
.panel--entrada .obras-titulo,
.panel--entrada .obras-sub{
  color:#3B2006 !important; text-shadow:none !important;
}

/* ---- o quadro "Mapas para Colorir" dentro de Nossas Obras:
   preto de ponta a ponta (sangria total na horizontal) ---- */
.panel--entrada .mapasv{
  background:#000 !important;
  border-top:none !important;
  border-radius:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:clamp(40px,6vw,64px) clamp(20px,4vw,56px) !important;
  box-sizing:border-box !important;
}
/* so o que esta dentro do quadro (.mapasv) fica com letra clara */
.panel--entrada .mapasv .mapasv__titulo{ color:#FFF6E6 !important; text-shadow:none !important; }
.panel--entrada .mapasv .mapasv__subtitulo{ color:rgba(243,234,206,.85) !important; text-shadow:none !important; }

/* "Ver todos os mapas": amarelo escuro */
.panel--entrada .mapasv .mapasv__vertodos{
  color:var(--gn-amarelo-esc) !important; text-shadow:none !important;
}
.panel--entrada .mapasv .mapasv__vertodos:hover{ color:#FED600 !important; }

/* ---- o veu (scene__veil) de cada estacao acompanha a cor do
   painel: branco em Mundo/Cinerama/GeoDigital/Aula, preto nos
   Mapas para Colorir ---- */
.scene--mundo .scene__veil,
.scene--cinerama .scene__veil,
.scene--geodigital .scene__veil,
.scene--aula .scene__veil{ background:#fff !important; }
.scene--mapas .scene__veil{ background:#000 !important; }
/* =========================================================
   100 · CORRECOES 30/09 (4):
   - a sombra grande e escura atras da foto em destaque
     (.palco__foto a) fazia sentido quando a secao tinha foto
     de fundo escura -- contra o branco novo, vira uma mancha
     cinza feia atras do texto/foto. Fica bem mais suave nas
     4 secoes brancas (Mundo, Cinerama, GeoDigital, Aula).
   - o titulo dos cards pequenos (".scard__txt b"), quando o
     card esta "ativo" (.is-active/.is-ativo, o card em destaque
     do carrossel), tinha uma regra antiga (nao escopada por
     secao) que forcava letra branca -- por ter mais
     especificidade, ganhava mesmo depois do fundo virar
     branco, e a letra sumia. Agora fica marrom escuro (igual
     aos outros titulos de card), em qualquer secao clara; so
     em Mapas para Colorir (fundo preto) continua clara.
   ========================================================= */

.panel--sec[data-season="1"] .palco__foto a,
.panel--sec[data-season="2"] .palco__foto a,
.panel--sec[data-season="3"] .palco__foto a,
.panel--sec[data-season="4"] .palco__foto a{
  box-shadow:0 12px 28px rgba(59,32,6,.14) !important;
}

.scard.is-active .scard__txt b{
  color:#3B2006 !important; text-shadow:none !important; font-style:normal !important;
}
.panel--sec[data-season="5"] .scard.is-active .scard__txt b{
  color:#FFF6E6 !important; text-shadow:none !important;
}
/* ---- correcao 30/09: a faixa "Em destaque" do Mundo Geografico
   tinha ficado preta de um ajuste antigo (pedido de entao); agora
   fica branca, igual nas outras secoes ---- */
.panel--sec[data-season="1"] .palco__tag{ color:#fff !important; }
/* =================================================================
   101 · FONTE NOVA EM TODO LUGAR (30/09): "Nossas Obras", login,
   conta/jornada e paginas institucionais tinham uma regra antiga
   forcando Montserrat em TODO o texto da pagina (body.pg--X *), que
   ganhava da fonte nova (Jazmin) por causa do "*". O painel admin
   tinha o mesmo problema só no titulo da tela de senha. Agora tudo
   isso usa a fonte nova.
   ================================================================= */
body.pg--obras, body.pg--obras *,
body.pg--inst, body.pg--inst *{
  font-family:var(--font-ui,"Jazmin","Montserrat",system-ui,sans-serif) !important;
}

/* ---- correcao 30/09 (2): suavizar nao bastou -- o usuario pediu
   pra tirar o "fade"/"mascarazinha" de vez. Tira a sombra por
   completo nessas 4 secoes de fundo branco (o friso dourado do
   lado da foto continua, so a sombra que sai). ---- */
.panel--sec[data-season="1"] .palco__foto a,
.panel--sec[data-season="2"] .palco__foto a,
.panel--sec[data-season="3"] .palco__foto a,
.panel--sec[data-season="4"] .palco__foto a{
  box-shadow:none !important;
}
/* selo do topo de cada colecao (PNLD 2024, Volume unico + Caderno
   de Revisao, PNLD 2023 · Objeto 2...): letra branca */
.ob-selo{ color:#fff !important; }

/* chip de ano/volume debaixo de cada livro: fundo solido escuro e
   letra branca sempre -- parado e no mouse over */
.ob-vol__ano,
.ob-vol:hover .ob-vol__ano{
  background:var(--gn-marrom,#3B2006) !important;
  color:#fff !important;
}

/* GeoDigital (season 3): titulo dos cards em destaque reforcado pra
   marrom -- de novo, por ultimo no arquivo, pra nao perder de uma
   regra antiga de mesma especificidade */
.panel--sec[data-season="3"] .scard .scard__txt b,
.panel--sec[data-season="3"] .scard.is-active .scard__txt b{
  color:#3B2006 !important; text-shadow:none !important;
}
/* =================================================================
   103 · CORRECAO 30/09 (6): Cinerama (season 2) com data/pontuacao
   e texto diferente das outras secoes -- sobrava uma sombra escura
   atras do texto (.palco__meta, texto do card em destaque, texto
   dos cards pequenos), de um tempo em que o Cinerama tinha foto de
   fundo escura atras do texto. A cor ja tinha sido corrigida antes,
   mas a sombra nunca foi tirada. Agora fica igual as outras secoes
   claras -- e vale pra toda materia nova que entrar aqui tambem,
   porque a regra e' da secao, nao de cada postagem.
   ================================================================= */
.panel--sec[data-season="2"] .palco__meta,
.panel--sec[data-season="2"] .palco__txt p,
.panel--sec[data-season="2"] .scard__txt,
.panel--sec[data-season="2"] .scard__txt p,
.panel--sec[data-season="2"] .scard__txt b,
.panel--sec[data-season="2"] .scard__txt strong,
.panel--sec[data-season="2"] .scard.is-active .scard__txt b{
  text-shadow:none !important;
}
/* =================================================================
   104 · CORRECAO 30/09 (7): o fundo de "Nossas Obras" (o quadro
   do topo da home, com a carrossel de livros) passa a ser o mesmo
   amarelo escuro do rodape (--gn-amarelo-esc), em vez do branco.
   A letra da secao ja e' marrom escuro (#3B2006/#3E2A0B), que fica
   legivel sobre esse amarelo -- e' a mesma combinacao ja usada nos
   botoes dourados do site.
   ================================================================= */
.panel--entrada{ background:var(--gn-amarelo-esc) !important; }
/* =================================================================
   105 · CORRECAO 30/09 (8): linha fina dividindo Mundo Geografico
   de Cinerama, e outra dividindo GeoDigital de Aconteceu?VirouAula
   ================================================================= */
.panel--sec[data-season="2"],
.panel--sec[data-season="4"]{
  border-top:1px solid rgba(59,32,6,.14) !important;
}
/* =================================================================
   106 · CORRECAO 30/09 (9): depois que o fundo de "Nossas Obras"
   virou amarelo escuro, sobrou uma faixa amarela vazia embaixo do
   quadro preto "Mapas para Colorir" (era o padding-bottom da
   secao, que antes nem aparecia porque o fundo era branco). Tira
   esse padding -- o quadro preto, que ja' tem padding proprio,
   passa a ser o fim visual da secao, sem faixa amarela sobrando.
   ================================================================= */
.panel--entrada{ padding-bottom:0 !important; }.panel--entrada .mapasv{ margin-bottom:0 !important; }
/* =================================================================
   109 · ANIMAÇÕES (07/10): fade/slide/typewriter nas seções,
   bolhas no mapas para colorir, botões cinza->cor, brilho no
   botão "Ler mais". Tudo aditivo, aplicado via animacoes.js.
   ================================================================= */
.anim-slide-lr{
  opacity:0;
  transform:translateX(-30px);
  transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);
}
.anim-slide-lr.in{
  opacity:1;
  transform:translateX(0);
}

.anim-tag{
  animation:gnTagSlide .6s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes gnTagSlide{
  from{ opacity:0; transform:translateX(-22px); }
  to{ opacity:1; transform:translateX(0); }
}

.mapasv{ position:relative; }
.mapasv__cabeca,.mapasv__grade,.mapasv__vertodos,.mapasv__aviso{
  position:relative;
  z-index:1;
}
.mapasv__bolhas{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.mapasv__bolhas span{
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle, rgba(254,214,0,.35), rgba(254,214,0,0) 70%);
  animation-name:gnBolhaPulso;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
}
@keyframes gnBolhaPulso{
  0%,100%{ transform:scale(.7); opacity:.35; }
  50%{ transform:scale(1.25); opacity:.85; }
}

.palco__txt .btn--gold{
  animation:gnBrilhoBotao 3.2s ease-in-out infinite;
}
@keyframes gnBrilhoBotao{
  0%,100%{ box-shadow:0 10px 26px rgba(63,23,0,.34); }
  50%{ box-shadow:0 10px 34px rgba(63,23,0,.6); }
}

@media (prefers-reduced-motion: reduce){
  .anim-slide-lr,.anim-tag,.mapasv__bolhas span,.palco__txt .btn--gold{
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}

/* =================================================================
   110 · ANIMAÇÕES (07/10, ajuste "mais lento"): sequência
   própria pros 3 textos do topo de Nossas Obras (nomes, titulo,
   subtitulo), separada do .fade global, pra poder controlar a
   ordem e o tempo entre cada um via animacoes.js.
   ================================================================= */
.gn-seq{
  opacity:0;
  transform:translateY(26px);
  transition:opacity 1.1s cubic-bezier(.2,.8,.2,1), transform 1.1s cubic-bezier(.2,.8,.2,1);
}
.gn-seq.gn-on{
  opacity:1;
  transform:none;
}

/* =================================================================
   112 · ANIMAÇÕES (07/10, intro da home): a barra do topo some no
   início da pagina e só aparece durante o scroll (pra cima ou pra
   baixo); se ficar 5s sem rolar, esconde de novo. A primeira vez
   que ela aparece e' controlada pelo animacoes.js, como passo 1
   da sequencia de entrada da home.
   ================================================================= */
#topbar{
  transition:transform .5s cubic-bezier(.2,.8,.2,1) !important;
}
#topbar.gn-topo-oculto{
  transform:translateY(-100%) !important;
}

/* livros esperando a vez */
#prateleira.gn-esperando .livro__capa{
  transition:opacity 1.1s ease, transform 1.1s cubic-bezier(.2,.8,.2,1) !important;
}
#prateleira.gn-esperando .livro__ano{
  transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1) !important;
}
#prateleira.gn-esperando .livro:not(.gn-livro-on) .livro__capa{
  opacity:0 !important;
  transform:translateY(46px) !important;
}
#prateleira.gn-esperando .livro:not(.gn-chip-on) .livro__ano{
  opacity:0 !important;
  transform:translateX(-34px) !important;
}

/* 117 · fundo de poeirinhas no topo da home (animacoes.js, parte 5):
   o canvas fica atrás dos textos/livros e em cima do amarelo */
#obras{ position:relative; }
#obras > canvas.gn-poeira{
  position:absolute; left:0; top:0;
  pointer-events:none; z-index:0;
}
#obras > .wrap{ position:relative; z-index:1; }

/* 119 · ajustes 07/10 (6):
   - poeirinhas: o desenho fica FIXO na tela e a seção rola por cima
     (canvas fixo + a seção recorta o que fica fora dela);
   - livros: no mouse, só a capa sobe (o chip e o nome ficam parados),
     e o chip ficou um pouco mais longe da capa (a sombra escurecia). */
#obras{ clip-path:inset(0 0 0 0); }
#obras > canvas.gn-poeira{
  position:fixed !important; left:0 !important; top:0 !important;
  width:100vw !important; height:100vh !important;
}
.prateleira .livro:hover:not(.is-saindo):not(.is-entrando){ transform:none !important; }
.prateleira .livro__capa{
  transition:box-shadow .3s, transform .3s cubic-bezier(.2,.8,.2,1) !important;
}
.prateleira .livro:hover .livro__capa{
  transform:translateY(-8px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) !important;
}
.prateleira .livro__ano{ margin-top:12px !important; }

/* =================================================================
   121 · MAPAS PARA COLORIR (quadro preto da home) -- animação:
   cada card monta em etapas, mais rápido que a home:
   1) o mapa "termina de ser desenhado" (aparece da esquerda pra
      direita como traço, depois ganha as cores)  2) o fundo do card
   3) a linha de cima (ex.: MUNDO)  4) o nome do mapa
   5) o botão amarelo  6) a bolinha azul de pontos.
   Logo do marca-página um pouco mais pra esquerda.
   ================================================================= */

.mapasv__grade.gn-mapas-espera .mapac{
  transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .45s, background .45s, border-color .45s !important;
}
.mapasv__grade.gn-mapas-espera .mapac__capa img{
  transition:clip-path .8s cubic-bezier(.4,0,.2,1), filter .55s ease !important;
}
.mapasv__grade.gn-mapas-espera .mapac:not(.gn-m1) .mapac__capa img{
  clip-path:inset(0 100% 0 0) !important;
}
.mapasv__grade.gn-mapas-espera .mapac:not(.gn-m1b) .mapac__capa img{
  filter:grayscale(1) contrast(2.4) brightness(1.25) !important;
}
.mapasv__grade.gn-mapas-espera .mapac__corpo small,
.mapasv__grade.gn-mapas-espera .mapac__corpo b{
  transition:opacity .4s ease, transform .4s cubic-bezier(.2,.8,.2,1) !important;
}
.mapasv__grade.gn-mapas-espera .mapac:not(.gn-m3) .mapac__corpo small,
.mapasv__grade.gn-mapas-espera .mapac:not(.gn-m4) .mapac__corpo b{
  opacity:0 !important; transform:translateY(10px) !important;
}
.mapasv__grade.gn-mapas-espera .mapac__baixar{
  transition:opacity .35s ease, transform .4s cubic-bezier(.2,1.4,.4,1), background .18s, box-shadow .18s !important;
}
.mapasv__grade.gn-mapas-espera .mapac:not(.gn-m5) .mapac__baixar{
  opacity:0 !important; transform:translateY(-18px) scale(.85) !important;
}

/* 122 · o mapa "terminando de ser desenhado" mais devagar */
.mapasv__grade.gn-mapas-espera .mapac__capa img{
  transition:clip-path 1.9s cubic-bezier(.45,0,.25,1), filter .7s ease !important;
}

/* 123 · seções: animações começam só quando o destaque aparece na
   tela, e duram um pouco mais (dá pra ver o final delas) */
.palco__tag.gn-tag-espera{ opacity:0 !important; transform:translateX(-22px); }
.palco__tag.anim-tag{ animation-duration:1s !important; }

/* =================================================================
   124 · o marca-pagina NUNCA se mexe com a barra do topo: a barra
   não é mais deslocada inteira -- quando ela some, só o fundo preto
   desbota e os itens dela (menu, busca, nota, entrar...) sobem e
   somem. A marca (.brand, com o marca-pagina) fica fora disso.
   ================================================================= */
#topbar.gn-topo-oculto{
  transform:none !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border-color:transparent !important;
  pointer-events:none;
}
#topbar{
  transition:background-color .45s ease, box-shadow .45s ease, border-color .45s ease !important;
}

#topbar > *:not(.brand){
  transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .4s ease !important;
}
#topbar.gn-topo-oculto > *:not(.brand){
  transform:translateY(-130%) !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#topbar.gn-topo-oculto .brand{ pointer-events:auto; }

/* 125 · seção Mapas para Colorir (#mapas): os 4 mapas montam igual
   aos do quadro preto do topo -- o mapa termina de ser desenhado, o
   fundo do card, o nome e o botão amarelo */
.mpv__mapas.gn-mapas-espera .mpc{
  transition:transform .18s, box-shadow .45s, background .45s !important;
}
.mpv__mapas.gn-mapas-espera .mpc__pe{ transition:border-color .45s !important; }
.mpv__mapas.gn-mapas-espera .mpc__capa img{
  transition:clip-path 1.9s cubic-bezier(.45,0,.25,1), filter .7s ease !important;
}
.mpv__mapas.gn-mapas-espera .mpc:not(.gn-m1) .mpc__capa img{ clip-path:inset(0 100% 0 0) !important; }
.mpv__mapas.gn-mapas-espera .mpc:not(.gn-m1b) .mpc__capa img{ filter:grayscale(1) contrast(2.4) brightness(1.25) !important; }
.mpv__mapas.gn-mapas-espera .mpc__nome{
  transition:opacity .4s ease, transform .4s cubic-bezier(.2,.8,.2,1) !important;
}
.mpv__mapas.gn-mapas-espera .mpc:not(.gn-m4) .mpc__nome{ opacity:0 !important; transform:translateY(10px) !important; }
.mpv__mapas.gn-mapas-espera .mpc__baixar{
  transition:opacity .35s ease, transform .4s cubic-bezier(.2,1.4,.4,1), background .18s !important;
}
.mpv__mapas.gn-mapas-espera .mpc:not(.gn-m5) .mpc__baixar{ opacity:0 !important; transform:translateY(-18px) scale(.85) !important; }

/* 126 · mapas: o card branco já começa inteiro, do tamanho final; só
   o desenho e as coisas é que montam em cima dele */
.mapasv__grade.gn-mapas-espera .mapac:not(.gn-m1b) .mapac__capa{ background:#fff !important; }

/* 127 · poeirinhas dos banners amarelos e do rodapé (animacoes.js, parte 6) */
.gn-tem-poeira{ position:relative; overflow:hidden; }
.gn-tem-poeira > canvas.gn-poeira2{ position:absolute; left:0; top:0; pointer-events:none; z-index:0; }
.gn-tem-poeira > *:not(canvas){ position:relative; z-index:1; }

/* 128 · brilho na logo do rodapé (topo.js) */
.foot__brand .gn-brilho{ position:relative; display:block; width:fit-content; margin:0 auto 18px; }
.foot__brand .gn-brilho > img{ margin:0 !important; }
.foot__brand .gn-brilho > canvas{ position:absolute; left:0; top:0; pointer-events:none; }

/* 129 · logo sem a frase de baixo (logo-geonauta-v3.png): no
   marca-pagina um pouco maior; no rodapé bem maior */

.foot__brand img{ width:260px !important; max-width:70vw; height:auto !important; }

/* 130 · poeirinhas do rodapé/banners sempre por baixo dos textos e da logo */
.gn-tem-poeira{ isolation:isolate; }
.gn-tem-poeira > canvas.gn-poeira2{ z-index:0 !important; }
.gn-tem-poeira > *:not(canvas){ z-index:1; }

/* =================================================================
   133 · TELINHA DE CARREGAMENTO entre as páginas: amarela, com a
   logo e uma barrinha azul enchendo; dura 3s e some com fade, pra
   página aparecer já montadinha. Ao clicar num link do site ela
   volta com fade antes de trocar de página.
   (o sumiço é só CSS -- funciona mesmo se algum script falhar)
   ================================================================= */
.gn-load{
  position:fixed; inset:0; z-index:99999;
  background:#FFA001;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px;
  animation:gnLoadSai .7s ease 3s forwards;
}
.gn-load img{
  width:min(250px, 56vw); height:auto; display:block;
  animation:gnLoadPulsa 1.5s ease-in-out infinite alternate;
}
.gn-load__barra{
  display:block; width:min(230px, 52vw); height:4px; border-radius:4px;
  background:rgba(3,126,200,.2); overflow:hidden;
}
.gn-load__barra b{
  display:block; width:100%; height:100%; border-radius:4px;
  background:#037EC8; box-shadow:0 0 10px rgba(3,126,200,.9);
  transform-origin:left center; transform:scaleX(0);
  animation:gnLoadBarra 2.9s cubic-bezier(.4,0,.2,1) forwards;
}
.gn-load.gn-load--volta{ animation:gnLoadVolta .45s ease forwards; }
.gn-load.gn-load--volta .gn-load__barra b{ animation:none; transform:scaleX(.15); }
.gn-load.gn-load--fora{ animation:none; opacity:0; visibility:hidden; }
@keyframes gnLoadSai{ to{ opacity:0; visibility:hidden; } }
@keyframes gnLoadVolta{ from{ opacity:0; visibility:visible; } to{ opacity:1; visibility:visible; } }
@keyframes gnLoadPulsa{ from{ transform:scale(.97); opacity:.88; } to{ transform:scale(1.03); opacity:1; } }
@keyframes gnLoadBarra{ to{ transform:scaleX(1); } }
/* home: a telinha dura 10s e quem tira ela é o animacoes.js (com a
   logo voando até o marca-página); o CSS só garante que ela some
   mesmo se o script falhar */
.gn-load.gn-load--home{ animation:gnLoadSai .7s ease 14s forwards; }
.gn-load.gn-load--home .gn-load__barra b{ animation-duration:9.8s; }
.gn-load.gn-load--home.gn-load--sai{ animation:gnLoadSai .6s ease forwards; }

/* 134 · barra do topo: como o marca-página agora fica fora dela, a
   barra inteira volta a deslizar -- desce de cima pra aparecer e
   sobe pra sumir, devagar e suave (desfaz o "desbotar" da 124) */
#topbar{
  transition:transform .85s cubic-bezier(.22,.8,.25,1) !important;
}
#topbar.gn-topo-oculto{
  transform:translateY(-105%) !important;
  background-color:#E6E6E6 !important;
  pointer-events:none;
}
#topbar > *:not(.brand), #topbar.gn-topo-oculto > *:not(.brand){
  transform:none !important; opacity:1 !important; transition:none !important;
}

/* 135 · home: durante o carregamento a telinha fica transparente (as
   poeirinhas do topo é que fazem a barra) e a página não rola */
.gn-load.gn-load--home{ background:transparent !important; }
.gn-load.gn-load--home .gn-load__barra{ display:none !important; }
html.gn-carregando, html.gn-carregando body{ overflow:hidden !important; }
html.gn-carregando #obras .mapasv{ visibility:hidden; }

/* =================================================================
   137 · LOGO ANIMADA no carregamento da home: o sol nasce por trás
   da água, a água fica se mexendo, os dois caminhantes entram
   andando e, no fim, o braço sobe apontando -- aí o carregamento
   termina. As bolinhas da barra saem de trás da água.
   ================================================================= */
.gn-logoanim{ position:relative; width:min(300px, 62vw); aspect-ratio:600/443; }
.gn-logoanim img{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; }
.gn-la-ceu{ position:absolute; left:0; top:0; width:100%; height:52.4%; overflow:hidden; }
.gn-la-ceu img{ height:190.8% !important; }
.gn-la-gente{ position:absolute; inset:0; }
.gn-la-braco{ transform-origin:36.6% 30.5%; }

.gn-load--home .gn-la-sol{ animation:gnSolNasce 4.2s cubic-bezier(.2,.7,.2,1) .3s both; }
.gn-load--home .gn-la-agua{ filter:url(#gnOnda); animation:gnAparece .9s ease both, gnBrilhaAgua 3s ease-in-out .9s infinite alternate; }
.gn-load--home .gn-la-texto{ animation:gnAparece 1.2s ease 1.2s both; }
.gn-load--home .gn-la-gente{ animation:gnAndam 5s cubic-bezier(.3,.1,.3,1) 2s both; }
.gn-load--home .gn-la-braco{ animation:gnAponta .8s cubic-bezier(.3,1.4,.4,1) 7.5s both; }

@keyframes gnSolNasce{ from{ transform:translateY(55%); opacity:0; } 18%{ opacity:1; } to{ transform:none; opacity:1; } }
@keyframes gnAparece{ from{ opacity:0; } to{ opacity:1; } }
@keyframes gnBrilhaAgua{ from{ transform:translateX(-0.6%); } to{ transform:translateX(0.6%); } }
@keyframes gnAndam{
  0%  { transform:translate(-40%, 0);    opacity:0; }
  6%  { opacity:1; }
  12% { transform:translate(-35%, -0.6%); }
  24% { transform:translate(-30%, 0); }
  36% { transform:translate(-24%, -0.6%); }
  48% { transform:translate(-18%, 0); }
  60% { transform:translate(-12%, -0.6%); }
  72% { transform:translate(-7%, 0); }
  84% { transform:translate(-3%, -0.4%); }
  100%{ transform:none; opacity:1; }
}
@keyframes gnAponta{ from{ transform:rotate(72deg); } to{ transform:none; } }
@media (prefers-reduced-motion: reduce){
  .gn-load--home .gn-la-sol, .gn-load--home .gn-la-agua, .gn-load--home .gn-la-texto,
  .gn-load--home .gn-la-gente, .gn-load--home .gn-la-braco{ animation:none !important; filter:none !important; }
}
/* enquanto carrega, nada da home aparece (nem pisca) */
html.gn-carregando #obras .wrap{ visibility:hidden !important; }

/* 138 · telinha entre páginas: só o amarelo + a barra de bolinhas
   (sem logo e sem a barrinha de CSS, pra nada pular de lugar) */
.gn-load:not(.gn-load--home) > img,
.gn-load:not(.gn-load--home) > .gn-logoanim,
.gn-load:not(.gn-load--home) > .gn-load__barra{ display:none !important; }
.gn-load__bolinhas{ position:absolute; left:0; top:0; pointer-events:none; }
.gn-load.gn-load--volta > .gn-load__bolinhas{ display:none; }

/* =================================================================
   139 · logo animada (ajustes): os caminhantes entram ANDANDO -- cada
   um com as duas pernas separadas, que dobram no quadril passo a
   passo, e o corpo sobe e desce de leve; sem o pedaço da pedra
   grudado nos pés. Porcentagem de 0 a 100% embaixo da barra.
   ================================================================= */

.gn-load--home .gn-la-gente{ animation:gnAndaX 5.04s cubic-bezier(.3,.15,.45,1) 2s both; }

@keyframes gnAndaX{ 0%{ transform:translateX(-42%); opacity:0; } 7%{ opacity:1; } 100%{ transform:none; opacity:1; } }
@keyframes gnBalanca{ 0%,50%,100%{ transform:translateY(0); } 25%,75%{ transform:translateY(-0.9%); } }
@keyframes gnPassoA{ 0%,100%{ transform:rotate(0deg); } 25%{ transform:rotate(13deg); } 75%{ transform:rotate(-13deg); } }
@keyframes gnPassoB{ 0%,100%{ transform:rotate(0deg); } 25%{ transform:rotate(-13deg); } 75%{ transform:rotate(13deg); } }
.gn-load__pct{
  position:absolute; left:50%; transform:translateX(-50%);
  font:700 14px/1 var(--font-ui, system-ui, sans-serif); letter-spacing:.08em; color:#3B2006;
}
.gn-load:not(.gn-load--home) .gn-load__pct{ display:none; }

/* a moça só põe a mão na cabeça depois que o rapaz aponta */
.gn-la-mbraco{ transform-origin:30.5% 34.8%; }
.gn-load--home .gn-la-mbraco{ animation:gnMaoCabeca .8s cubic-bezier(.3,1.3,.4,1) 8.4s both; }
@keyframes gnMaoCabeca{ from{ transform:rotate(-150deg); opacity:0; } 30%{ opacity:1; } to{ transform:none; opacity:1; } }
.gn-load__pct{ top:-200px; }
/* =================================================================
   140 · caminhantes entram ANDANDO DE LADO de verdade: passada casada
   com o deslocamento (pé de apoio fica parado no chão, sem patinar),
   joelho dobra só na perna que vai pra frente, braços balançando
   soltos; ao chegar dão meio passo, PARAM e viram a pose da logo.
   ================================================================= */
.gn-la-andando{ position:absolute; inset:0; }

.gn-load--home .gn-la-andando{ animation:gnSurgeAnda .6s ease 2.85s both, gnSomePose .45s ease 7.05s both; }

.gn-la-pose{ position:absolute; inset:0; }
.gn-load--home .gn-la-pose{ animation:gnAparece .45s ease 7.05s both; }
.gn-load--home .gn-la-gente{ animation:none !important; }
@keyframes gnSurgeAnda{ from{ opacity:0; } to{ opacity:1; } }
@keyframes gnSomePose{ to{ opacity:0; } }

/* 141 · a moça levanta a mão DE BAIXO PRA CIMA (pela frente), sem
   passar do ponto; o rapaz só ergue o braço no final */
.gn-load--home .gn-la-mbraco{ animation:gnMaoCabeca2 .9s cubic-bezier(.25,.75,.35,1) 8.4s both !important; }
@keyframes gnMaoCabeca2{ from{ transform:rotate(160deg); opacity:0; } 20%{ opacity:1; } to{ transform:none; opacity:1; } }
.gn-load--home .gn-la-braco{ animation:gnAponta2 .8s cubic-bezier(.25,.75,.35,1) 7.5s both !important; }
@keyframes gnAponta2{ from{ transform:rotate(72deg); opacity:0; } 20%{ opacity:1; } to{ transform:none; opacity:1; } }

/* 142 · saída do loading mais suave (home e troca de página) */
.gn-load:not(.gn-load--volta):not(.gn-load--home){ animation-duration:1.3s !important; animation-timing-function:cubic-bezier(.45,0,.25,1) !important; }
.gn-load.gn-load--home.gn-load--sai{ animation:gnLoadSai 1.5s cubic-bezier(.45,0,.25,1) forwards !important; }

/* 143 · sombrinha laranja bem suave nos textos marrons da capa */
#obras .eyebrow, #obras .obras-titulo, #obras .obras-sub, .panel--entrada .eyebrow, .obras-titulo, .obras-sub,
.panel--entrada .livro__nome, .panel--entrada .livro__nome *{
  text-shadow:0 1px 2px rgba(255,160,1,.28), 0 2px 12px rgba(255,160,1,.32) !important;
}
@media (prefers-reduced-motion: reduce){ .gn-la-andando{ display:none; } .gn-load--home .gn-la-pose{ animation:none !important; } }
@keyframes wIr{ 0.00%{transform:translate(-173.40px,-0.00px)} 1.25%{transform:translate(-171.18px,-0.11px)} 2.50%{transform:translate(-168.96px,-0.40px)} 3.75%{transform:translate(-166.73px,-0.80px)} 5.00%{transform:translate(-164.51px,-1.20px)} 6.25%{transform:translate(-162.29px,-1.49px)} 7.50%{transform:translate(-160.07px,-1.60px)} 8.75%{transform:translate(-157.84px,-1.49px)} 10.00%{transform:translate(-155.62px,-1.20px)} 11.25%{transform:translate(-153.40px,-0.80px)} 12.50%{transform:translate(-151.17px,-0.40px)} 13.75%{transform:translate(-148.95px,-0.11px)} 15.00%{transform:translate(-146.73px,-0.00px)} 16.25%{transform:translate(-144.50px,-0.11px)} 17.50%{transform:translate(-142.28px,-0.40px)} 18.75%{transform:translate(-140.06px,-0.80px)} 20.00%{transform:translate(-137.83px,-1.20px)} 21.25%{transform:translate(-135.61px,-1.49px)} 22.50%{transform:translate(-133.39px,-1.60px)} 23.75%{transform:translate(-131.16px,-1.49px)} 25.00%{transform:translate(-128.94px,-1.20px)} 26.25%{transform:translate(-126.72px,-0.80px)} 27.50%{transform:translate(-124.50px,-0.40px)} 28.75%{transform:translate(-122.27px,-0.11px)} 30.00%{transform:translate(-120.05px,-0.00px)} 31.25%{transform:translate(-117.83px,-0.11px)} 32.50%{transform:translate(-115.60px,-0.40px)} 33.75%{transform:translate(-113.38px,-0.80px)} 35.00%{transform:translate(-111.16px,-1.20px)} 36.25%{transform:translate(-108.93px,-1.49px)} 37.50%{transform:translate(-106.71px,-1.60px)} 38.75%{transform:translate(-104.49px,-1.49px)} 40.00%{transform:translate(-102.26px,-1.20px)} 41.25%{transform:translate(-100.04px,-0.80px)} 42.50%{transform:translate(-97.82px,-0.40px)} 43.75%{transform:translate(-95.59px,-0.11px)} 45.00%{transform:translate(-93.37px,-0.00px)} 46.25%{transform:translate(-91.15px,-0.11px)} 47.50%{transform:translate(-88.93px,-0.40px)} 48.75%{transform:translate(-86.70px,-0.80px)} 50.00%{transform:translate(-84.48px,-1.20px)} 51.25%{transform:translate(-82.26px,-1.49px)} 52.50%{transform:translate(-80.03px,-1.60px)} 53.75%{transform:translate(-77.81px,-1.49px)} 55.00%{transform:translate(-75.59px,-1.20px)} 56.25%{transform:translate(-73.36px,-0.80px)} 57.50%{transform:translate(-71.14px,-0.40px)} 58.75%{transform:translate(-68.92px,-0.11px)} 60.00%{transform:translate(-66.69px,-0.00px)} 61.25%{transform:translate(-64.47px,-0.11px)} 62.50%{transform:translate(-62.25px,-0.40px)} 63.75%{transform:translate(-60.02px,-0.80px)} 65.00%{transform:translate(-57.80px,-1.20px)} 66.25%{transform:translate(-55.58px,-1.49px)} 67.50%{transform:translate(-53.36px,-1.60px)} 68.75%{transform:translate(-51.13px,-1.49px)} 70.00%{transform:translate(-48.91px,-1.20px)} 71.25%{transform:translate(-46.69px,-0.80px)} 72.50%{transform:translate(-44.46px,-0.40px)} 73.75%{transform:translate(-42.24px,-0.11px)} 75.00%{transform:translate(-40.02px,-0.00px)} 76.25%{transform:translate(-37.79px,-0.11px)} 77.50%{transform:translate(-35.57px,-0.40px)} 78.75%{transform:translate(-33.35px,-0.80px)} 80.00%{transform:translate(-31.12px,-1.20px)} 81.25%{transform:translate(-28.90px,-1.49px)} 82.50%{transform:translate(-26.68px,-1.60px)} 83.75%{transform:translate(-24.45px,-1.49px)} 85.00%{transform:translate(-22.23px,-1.20px)} 86.25%{transform:translate(-20.01px,-0.80px)} 87.50%{transform:translate(-17.79px,-0.40px)} 88.75%{transform:translate(-15.56px,-0.11px)} 90.00%{transform:translate(-13.34px,-0.00px)} 91.25%{transform:translate(-11.16px,-0.06px)} 92.50%{transform:translate(-9.09px,-0.23px)} 93.75%{transform:translate(-7.13px,-0.49px)} 95.00%{transform:translate(-5.29px,-0.80px)} 96.25%{transform:translate(-3.61px,-1.11px)} 97.50%{transform:translate(-2.10px,-1.37px)} 98.75%{transform:translate(-0.83px,-1.54px)} 100.00%{transform:translate(-0.00px,-1.60px)} }
@keyframes w_pa{ 0.00%{transform:rotate(-20.00deg)} 1.25%{transform:rotate(-16.67deg)} 2.50%{transform:rotate(-13.33deg)} 3.75%{transform:rotate(-10.00deg)} 5.00%{transform:rotate(-6.67deg)} 6.25%{transform:rotate(-3.33deg)} 7.50%{transform:rotate(-0.00deg)} 8.75%{transform:rotate(3.33deg)} 10.00%{transform:rotate(6.67deg)} 11.25%{transform:rotate(10.00deg)} 12.50%{transform:rotate(13.33deg)} 13.75%{transform:rotate(16.67deg)} 15.00%{transform:rotate(20.00deg)} 16.25%{transform:rotate(19.21deg)} 17.50%{transform:rotate(17.04deg)} 18.75%{transform:rotate(13.75deg)} 20.00%{transform:rotate(9.63deg)} 21.25%{transform:rotate(4.95deg)} 22.50%{transform:rotate(0.00deg)} 23.75%{transform:rotate(-4.95deg)} 25.00%{transform:rotate(-9.63deg)} 26.25%{transform:rotate(-13.75deg)} 27.50%{transform:rotate(-17.04deg)} 28.75%{transform:rotate(-19.21deg)} 30.00%{transform:rotate(-20.00deg)} 31.25%{transform:rotate(-16.67deg)} 32.50%{transform:rotate(-13.33deg)} 33.75%{transform:rotate(-10.00deg)} 35.00%{transform:rotate(-6.67deg)} 36.25%{transform:rotate(-3.33deg)} 37.50%{transform:rotate(-0.00deg)} 38.75%{transform:rotate(3.33deg)} 40.00%{transform:rotate(6.67deg)} 41.25%{transform:rotate(10.00deg)} 42.50%{transform:rotate(13.33deg)} 43.75%{transform:rotate(16.67deg)} 45.00%{transform:rotate(20.00deg)} 46.25%{transform:rotate(19.21deg)} 47.50%{transform:rotate(17.04deg)} 48.75%{transform:rotate(13.75deg)} 50.00%{transform:rotate(9.63deg)} 51.25%{transform:rotate(4.95deg)} 52.50%{transform:rotate(0.00deg)} 53.75%{transform:rotate(-4.95deg)} 55.00%{transform:rotate(-9.63deg)} 56.25%{transform:rotate(-13.75deg)} 57.50%{transform:rotate(-17.04deg)} 58.75%{transform:rotate(-19.21deg)} 60.00%{transform:rotate(-20.00deg)} 61.25%{transform:rotate(-16.67deg)} 62.50%{transform:rotate(-13.33deg)} 63.75%{transform:rotate(-10.00deg)} 65.00%{transform:rotate(-6.67deg)} 66.25%{transform:rotate(-3.33deg)} 67.50%{transform:rotate(0.00deg)} 68.75%{transform:rotate(3.33deg)} 70.00%{transform:rotate(6.67deg)} 71.25%{transform:rotate(10.00deg)} 72.50%{transform:rotate(13.33deg)} 73.75%{transform:rotate(16.67deg)} 75.00%{transform:rotate(20.00deg)} 76.25%{transform:rotate(19.21deg)} 77.50%{transform:rotate(17.04deg)} 78.75%{transform:rotate(13.75deg)} 80.00%{transform:rotate(9.63deg)} 81.25%{transform:rotate(4.95deg)} 82.50%{transform:rotate(0.00deg)} 83.75%{transform:rotate(-4.95deg)} 85.00%{transform:rotate(-9.63deg)} 86.25%{transform:rotate(-13.75deg)} 87.50%{transform:rotate(-17.04deg)} 88.75%{transform:rotate(-19.21deg)} 90.00%{transform:rotate(-20.00deg)} 91.25%{transform:rotate(-16.74deg)} 92.50%{transform:rotate(-13.63deg)} 93.75%{transform:rotate(-10.69deg)} 95.00%{transform:rotate(-7.94deg)} 96.25%{transform:rotate(-5.41deg)} 97.50%{transform:rotate(-3.15deg)} 98.75%{transform:rotate(-1.25deg)} 100.00%{transform:rotate(0.00deg)} }
@keyframes w_pb{ 0.00%{transform:rotate(20.00deg)} 1.25%{transform:rotate(19.21deg)} 2.50%{transform:rotate(17.04deg)} 3.75%{transform:rotate(13.75deg)} 5.00%{transform:rotate(9.63deg)} 6.25%{transform:rotate(4.95deg)} 7.50%{transform:rotate(0.00deg)} 8.75%{transform:rotate(-4.95deg)} 10.00%{transform:rotate(-9.63deg)} 11.25%{transform:rotate(-13.75deg)} 12.50%{transform:rotate(-17.04deg)} 13.75%{transform:rotate(-19.21deg)} 15.00%{transform:rotate(-20.00deg)} 16.25%{transform:rotate(-16.67deg)} 17.50%{transform:rotate(-13.33deg)} 18.75%{transform:rotate(-10.00deg)} 20.00%{transform:rotate(-6.67deg)} 21.25%{transform:rotate(-3.33deg)} 22.50%{transform:rotate(0.00deg)} 23.75%{transform:rotate(3.33deg)} 25.00%{transform:rotate(6.67deg)} 26.25%{transform:rotate(10.00deg)} 27.50%{transform:rotate(13.33deg)} 28.75%{transform:rotate(16.67deg)} 30.00%{transform:rotate(20.00deg)} 31.25%{transform:rotate(19.21deg)} 32.50%{transform:rotate(17.04deg)} 33.75%{transform:rotate(13.75deg)} 35.00%{transform:rotate(9.63deg)} 36.25%{transform:rotate(4.95deg)} 37.50%{transform:rotate(0.00deg)} 38.75%{transform:rotate(-4.95deg)} 40.00%{transform:rotate(-9.63deg)} 41.25%{transform:rotate(-13.75deg)} 42.50%{transform:rotate(-17.04deg)} 43.75%{transform:rotate(-19.21deg)} 45.00%{transform:rotate(-20.00deg)} 46.25%{transform:rotate(-16.67deg)} 47.50%{transform:rotate(-13.33deg)} 48.75%{transform:rotate(-10.00deg)} 50.00%{transform:rotate(-6.67deg)} 51.25%{transform:rotate(-3.33deg)} 52.50%{transform:rotate(0.00deg)} 53.75%{transform:rotate(3.33deg)} 55.00%{transform:rotate(6.67deg)} 56.25%{transform:rotate(10.00deg)} 57.50%{transform:rotate(13.33deg)} 58.75%{transform:rotate(16.67deg)} 60.00%{transform:rotate(20.00deg)} 61.25%{transform:rotate(19.21deg)} 62.50%{transform:rotate(17.04deg)} 63.75%{transform:rotate(13.75deg)} 65.00%{transform:rotate(9.63deg)} 66.25%{transform:rotate(4.95deg)} 67.50%{transform:rotate(0.00deg)} 68.75%{transform:rotate(-4.95deg)} 70.00%{transform:rotate(-9.63deg)} 71.25%{transform:rotate(-13.75deg)} 72.50%{transform:rotate(-17.04deg)} 73.75%{transform:rotate(-19.21deg)} 75.00%{transform:rotate(-20.00deg)} 76.25%{transform:rotate(-16.67deg)} 77.50%{transform:rotate(-13.33deg)} 78.75%{transform:rotate(-10.00deg)} 80.00%{transform:rotate(-6.67deg)} 81.25%{transform:rotate(-3.33deg)} 82.50%{transform:rotate(-0.00deg)} 83.75%{transform:rotate(3.33deg)} 85.00%{transform:rotate(6.67deg)} 86.25%{transform:rotate(10.00deg)} 87.50%{transform:rotate(13.33deg)} 88.75%{transform:rotate(16.67deg)} 90.00%{transform:rotate(20.00deg)} 91.25%{transform:rotate(19.14deg)} 92.50%{transform:rotate(16.88deg)} 93.75%{transform:rotate(13.67deg)} 95.00%{transform:rotate(10.00deg)} 96.25%{transform:rotate(6.33deg)} 97.50%{transform:rotate(3.13deg)} 98.75%{transform:rotate(0.86deg)} 100.00%{transform:rotate(0.00deg)} }
@keyframes w_ba{ 0.00%{transform:rotate(16.00deg)} 1.25%{transform:rotate(13.33deg)} 2.50%{transform:rotate(10.67deg)} 3.75%{transform:rotate(8.00deg)} 5.00%{transform:rotate(5.33deg)} 6.25%{transform:rotate(2.67deg)} 7.50%{transform:rotate(0.00deg)} 8.75%{transform:rotate(-2.67deg)} 10.00%{transform:rotate(-5.33deg)} 11.25%{transform:rotate(-8.00deg)} 12.50%{transform:rotate(-10.67deg)} 13.75%{transform:rotate(-13.33deg)} 15.00%{transform:rotate(-16.00deg)} 16.25%{transform:rotate(-15.37deg)} 17.50%{transform:rotate(-13.63deg)} 18.75%{transform:rotate(-11.00deg)} 20.00%{transform:rotate(-7.70deg)} 21.25%{transform:rotate(-3.96deg)} 22.50%{transform:rotate(-0.00deg)} 23.75%{transform:rotate(3.96deg)} 25.00%{transform:rotate(7.70deg)} 26.25%{transform:rotate(11.00deg)} 27.50%{transform:rotate(13.63deg)} 28.75%{transform:rotate(15.37deg)} 30.00%{transform:rotate(16.00deg)} 31.25%{transform:rotate(13.33deg)} 32.50%{transform:rotate(10.67deg)} 33.75%{transform:rotate(8.00deg)} 35.00%{transform:rotate(5.33deg)} 36.25%{transform:rotate(2.67deg)} 37.50%{transform:rotate(0.00deg)} 38.75%{transform:rotate(-2.67deg)} 40.00%{transform:rotate(-5.33deg)} 41.25%{transform:rotate(-8.00deg)} 42.50%{transform:rotate(-10.67deg)} 43.75%{transform:rotate(-13.33deg)} 45.00%{transform:rotate(-16.00deg)} 46.25%{transform:rotate(-15.37deg)} 47.50%{transform:rotate(-13.63deg)} 48.75%{transform:rotate(-11.00deg)} 50.00%{transform:rotate(-7.70deg)} 51.25%{transform:rotate(-3.96deg)} 52.50%{transform:rotate(-0.00deg)} 53.75%{transform:rotate(3.96deg)} 55.00%{transform:rotate(7.70deg)} 56.25%{transform:rotate(11.00deg)} 57.50%{transform:rotate(13.63deg)} 58.75%{transform:rotate(15.37deg)} 60.00%{transform:rotate(16.00deg)} 61.25%{transform:rotate(13.33deg)} 62.50%{transform:rotate(10.67deg)} 63.75%{transform:rotate(8.00deg)} 65.00%{transform:rotate(5.33deg)} 66.25%{transform:rotate(2.67deg)} 67.50%{transform:rotate(-0.00deg)} 68.75%{transform:rotate(-2.67deg)} 70.00%{transform:rotate(-5.33deg)} 71.25%{transform:rotate(-8.00deg)} 72.50%{transform:rotate(-10.67deg)} 73.75%{transform:rotate(-13.33deg)} 75.00%{transform:rotate(-16.00deg)} 76.25%{transform:rotate(-15.37deg)} 77.50%{transform:rotate(-13.63deg)} 78.75%{transform:rotate(-11.00deg)} 80.00%{transform:rotate(-7.70deg)} 81.25%{transform:rotate(-3.96deg)} 82.50%{transform:rotate(-0.00deg)} 83.75%{transform:rotate(3.96deg)} 85.00%{transform:rotate(7.70deg)} 86.25%{transform:rotate(11.00deg)} 87.50%{transform:rotate(13.63deg)} 88.75%{transform:rotate(15.37deg)} 90.00%{transform:rotate(16.00deg)} 91.25%{transform:rotate(13.39deg)} 92.50%{transform:rotate(10.90deg)} 93.75%{transform:rotate(8.55deg)} 95.00%{transform:rotate(6.35deg)} 96.25%{transform:rotate(4.33deg)} 97.50%{transform:rotate(2.52deg)} 98.75%{transform:rotate(1.00deg)} 100.00%{transform:rotate(-0.00deg)} }
@keyframes w_bb{ 0.00%{transform:rotate(-16.00deg)} 1.25%{transform:rotate(-15.37deg)} 2.50%{transform:rotate(-13.63deg)} 3.75%{transform:rotate(-11.00deg)} 5.00%{transform:rotate(-7.70deg)} 6.25%{transform:rotate(-3.96deg)} 7.50%{transform:rotate(-0.00deg)} 8.75%{transform:rotate(3.96deg)} 10.00%{transform:rotate(7.70deg)} 11.25%{transform:rotate(11.00deg)} 12.50%{transform:rotate(13.63deg)} 13.75%{transform:rotate(15.37deg)} 15.00%{transform:rotate(16.00deg)} 16.25%{transform:rotate(13.33deg)} 17.50%{transform:rotate(10.67deg)} 18.75%{transform:rotate(8.00deg)} 20.00%{transform:rotate(5.33deg)} 21.25%{transform:rotate(2.67deg)} 22.50%{transform:rotate(-0.00deg)} 23.75%{transform:rotate(-2.67deg)} 25.00%{transform:rotate(-5.33deg)} 26.25%{transform:rotate(-8.00deg)} 27.50%{transform:rotate(-10.67deg)} 28.75%{transform:rotate(-13.33deg)} 30.00%{transform:rotate(-16.00deg)} 31.25%{transform:rotate(-15.37deg)} 32.50%{transform:rotate(-13.63deg)} 33.75%{transform:rotate(-11.00deg)} 35.00%{transform:rotate(-7.70deg)} 36.25%{transform:rotate(-3.96deg)} 37.50%{transform:rotate(-0.00deg)} 38.75%{transform:rotate(3.96deg)} 40.00%{transform:rotate(7.70deg)} 41.25%{transform:rotate(11.00deg)} 42.50%{transform:rotate(13.63deg)} 43.75%{transform:rotate(15.37deg)} 45.00%{transform:rotate(16.00deg)} 46.25%{transform:rotate(13.33deg)} 47.50%{transform:rotate(10.67deg)} 48.75%{transform:rotate(8.00deg)} 50.00%{transform:rotate(5.33deg)} 51.25%{transform:rotate(2.67deg)} 52.50%{transform:rotate(-0.00deg)} 53.75%{transform:rotate(-2.67deg)} 55.00%{transform:rotate(-5.33deg)} 56.25%{transform:rotate(-8.00deg)} 57.50%{transform:rotate(-10.67deg)} 58.75%{transform:rotate(-13.33deg)} 60.00%{transform:rotate(-16.00deg)} 61.25%{transform:rotate(-15.37deg)} 62.50%{transform:rotate(-13.63deg)} 63.75%{transform:rotate(-11.00deg)} 65.00%{transform:rotate(-7.70deg)} 66.25%{transform:rotate(-3.96deg)} 67.50%{transform:rotate(-0.00deg)} 68.75%{transform:rotate(3.96deg)} 70.00%{transform:rotate(7.70deg)} 71.25%{transform:rotate(11.00deg)} 72.50%{transform:rotate(13.63deg)} 73.75%{transform:rotate(15.37deg)} 75.00%{transform:rotate(16.00deg)} 76.25%{transform:rotate(13.33deg)} 77.50%{transform:rotate(10.67deg)} 78.75%{transform:rotate(8.00deg)} 80.00%{transform:rotate(5.33deg)} 81.25%{transform:rotate(2.67deg)} 82.50%{transform:rotate(0.00deg)} 83.75%{transform:rotate(-2.67deg)} 85.00%{transform:rotate(-5.33deg)} 86.25%{transform:rotate(-8.00deg)} 87.50%{transform:rotate(-10.67deg)} 88.75%{transform:rotate(-13.33deg)} 90.00%{transform:rotate(-16.00deg)} 91.25%{transform:rotate(-15.31deg)} 92.50%{transform:rotate(-13.50deg)} 93.75%{transform:rotate(-10.94deg)} 95.00%{transform:rotate(-8.00deg)} 96.25%{transform:rotate(-5.06deg)} 97.50%{transform:rotate(-2.50deg)} 98.75%{transform:rotate(-0.69deg)} 100.00%{transform:rotate(-0.00deg)} }
@keyframes w_ka{ 0.00%{transform:rotate(0.00deg)} 1.25%{transform:rotate(0.78deg)} 2.50%{transform:rotate(1.50deg)} 3.75%{transform:rotate(2.12deg)} 5.00%{transform:rotate(2.60deg)} 6.25%{transform:rotate(2.90deg)} 7.50%{transform:rotate(3.00deg)} 8.75%{transform:rotate(2.90deg)} 10.00%{transform:rotate(2.60deg)} 11.25%{transform:rotate(2.12deg)} 12.50%{transform:rotate(1.50deg)} 13.75%{transform:rotate(0.78deg)} 15.00%{transform:rotate(0.00deg)} 16.25%{transform:rotate(9.49deg)} 17.50%{transform:rotate(22.34deg)} 18.75%{transform:rotate(35.05deg)} 20.00%{transform:rotate(45.62deg)} 21.25%{transform:rotate(52.58deg)} 22.50%{transform:rotate(55.00deg)} 23.75%{transform:rotate(52.58deg)} 25.00%{transform:rotate(45.62deg)} 26.25%{transform:rotate(35.05deg)} 27.50%{transform:rotate(22.34deg)} 28.75%{transform:rotate(9.49deg)} 30.00%{transform:rotate(0.00deg)} 31.25%{transform:rotate(0.78deg)} 32.50%{transform:rotate(1.50deg)} 33.75%{transform:rotate(2.12deg)} 35.00%{transform:rotate(2.60deg)} 36.25%{transform:rotate(2.90deg)} 37.50%{transform:rotate(3.00deg)} 38.75%{transform:rotate(2.90deg)} 40.00%{transform:rotate(2.60deg)} 41.25%{transform:rotate(2.12deg)} 42.50%{transform:rotate(1.50deg)} 43.75%{transform:rotate(0.78deg)} 45.00%{transform:rotate(0.00deg)} 46.25%{transform:rotate(9.49deg)} 47.50%{transform:rotate(22.34deg)} 48.75%{transform:rotate(35.05deg)} 50.00%{transform:rotate(45.62deg)} 51.25%{transform:rotate(52.58deg)} 52.50%{transform:rotate(55.00deg)} 53.75%{transform:rotate(52.58deg)} 55.00%{transform:rotate(45.62deg)} 56.25%{transform:rotate(35.05deg)} 57.50%{transform:rotate(22.34deg)} 58.75%{transform:rotate(9.49deg)} 60.00%{transform:rotate(0.00deg)} 61.25%{transform:rotate(0.78deg)} 62.50%{transform:rotate(1.50deg)} 63.75%{transform:rotate(2.12deg)} 65.00%{transform:rotate(2.60deg)} 66.25%{transform:rotate(2.90deg)} 67.50%{transform:rotate(3.00deg)} 68.75%{transform:rotate(2.90deg)} 70.00%{transform:rotate(2.60deg)} 71.25%{transform:rotate(2.12deg)} 72.50%{transform:rotate(1.50deg)} 73.75%{transform:rotate(0.78deg)} 75.00%{transform:rotate(0.00deg)} 76.25%{transform:rotate(9.49deg)} 77.50%{transform:rotate(22.34deg)} 78.75%{transform:rotate(35.05deg)} 80.00%{transform:rotate(45.62deg)} 81.25%{transform:rotate(52.58deg)} 82.50%{transform:rotate(55.00deg)} 83.75%{transform:rotate(52.58deg)} 85.00%{transform:rotate(45.62deg)} 86.25%{transform:rotate(35.05deg)} 87.50%{transform:rotate(22.34deg)} 88.75%{transform:rotate(9.49deg)} 90.00%{transform:rotate(0.00deg)} 91.25%{transform:rotate(0.00deg)} 92.50%{transform:rotate(0.00deg)} 93.75%{transform:rotate(0.00deg)} 95.00%{transform:rotate(0.00deg)} 96.25%{transform:rotate(0.00deg)} 97.50%{transform:rotate(0.00deg)} 98.75%{transform:rotate(0.00deg)} 100.00%{transform:rotate(0.00deg)} }
@keyframes w_kb{ 0.00%{transform:rotate(0.00deg)} 1.25%{transform:rotate(9.49deg)} 2.50%{transform:rotate(22.34deg)} 3.75%{transform:rotate(35.05deg)} 5.00%{transform:rotate(45.62deg)} 6.25%{transform:rotate(52.58deg)} 7.50%{transform:rotate(55.00deg)} 8.75%{transform:rotate(52.58deg)} 10.00%{transform:rotate(45.62deg)} 11.25%{transform:rotate(35.05deg)} 12.50%{transform:rotate(22.34deg)} 13.75%{transform:rotate(9.49deg)} 15.00%{transform:rotate(0.00deg)} 16.25%{transform:rotate(0.78deg)} 17.50%{transform:rotate(1.50deg)} 18.75%{transform:rotate(2.12deg)} 20.00%{transform:rotate(2.60deg)} 21.25%{transform:rotate(2.90deg)} 22.50%{transform:rotate(3.00deg)} 23.75%{transform:rotate(2.90deg)} 25.00%{transform:rotate(2.60deg)} 26.25%{transform:rotate(2.12deg)} 27.50%{transform:rotate(1.50deg)} 28.75%{transform:rotate(0.78deg)} 30.00%{transform:rotate(0.00deg)} 31.25%{transform:rotate(9.49deg)} 32.50%{transform:rotate(22.34deg)} 33.75%{transform:rotate(35.05deg)} 35.00%{transform:rotate(45.62deg)} 36.25%{transform:rotate(52.58deg)} 37.50%{transform:rotate(55.00deg)} 38.75%{transform:rotate(52.58deg)} 40.00%{transform:rotate(45.62deg)} 41.25%{transform:rotate(35.05deg)} 42.50%{transform:rotate(22.34deg)} 43.75%{transform:rotate(9.49deg)} 45.00%{transform:rotate(0.00deg)} 46.25%{transform:rotate(0.78deg)} 47.50%{transform:rotate(1.50deg)} 48.75%{transform:rotate(2.12deg)} 50.00%{transform:rotate(2.60deg)} 51.25%{transform:rotate(2.90deg)} 52.50%{transform:rotate(3.00deg)} 53.75%{transform:rotate(2.90deg)} 55.00%{transform:rotate(2.60deg)} 56.25%{transform:rotate(2.12deg)} 57.50%{transform:rotate(1.50deg)} 58.75%{transform:rotate(0.78deg)} 60.00%{transform:rotate(0.00deg)} 61.25%{transform:rotate(9.49deg)} 62.50%{transform:rotate(22.34deg)} 63.75%{transform:rotate(35.05deg)} 65.00%{transform:rotate(45.62deg)} 66.25%{transform:rotate(52.58deg)} 67.50%{transform:rotate(55.00deg)} 68.75%{transform:rotate(52.58deg)} 70.00%{transform:rotate(45.62deg)} 71.25%{transform:rotate(35.05deg)} 72.50%{transform:rotate(22.34deg)} 73.75%{transform:rotate(9.49deg)} 75.00%{transform:rotate(0.00deg)} 76.25%{transform:rotate(0.78deg)} 77.50%{transform:rotate(1.50deg)} 78.75%{transform:rotate(2.12deg)} 80.00%{transform:rotate(2.60deg)} 81.25%{transform:rotate(2.90deg)} 82.50%{transform:rotate(3.00deg)} 83.75%{transform:rotate(2.90deg)} 85.00%{transform:rotate(2.60deg)} 86.25%{transform:rotate(2.12deg)} 87.50%{transform:rotate(1.50deg)} 88.75%{transform:rotate(0.78deg)} 90.00%{transform:rotate(0.00deg)} 91.25%{transform:rotate(15.31deg)} 92.50%{transform:rotate(28.28deg)} 93.75%{transform:rotate(36.96deg)} 95.00%{transform:rotate(40.00deg)} 96.25%{transform:rotate(36.96deg)} 97.50%{transform:rotate(28.28deg)} 98.75%{transform:rotate(15.31deg)} 100.00%{transform:rotate(0.00deg)} }

/* 144 · o nome GEONAUTA só surge depois que a barra chega em 100%,
   letra por letra (o JS recorta a imagem em 8 letras) */
.gn-load--home .gn-la-texto{ animation:none !important; opacity:0 !important; }
.gn-la-nome{ position:absolute; inset:0; pointer-events:none; }
.gn-logoanim .gn-la-nome img{ opacity:0; }
.gn-la-nome.gn-escreve img{ animation:gnLetra .38s cubic-bezier(.25,.75,.35,1) both; }
@keyframes gnLetra{ from{ opacity:0; transform:translateY(5%); filter:blur(2px); } to{ opacity:1; transform:none; filter:none; } }
@media (prefers-reduced-motion: reduce){ .gn-la-nome.gn-escreve img{ animation:none; opacity:1; } }
/* =================================================================
   145 · os caminhantes agora SÃO a silhueta da logo: tronco, cabeça e
   mochila recortados da própria imagem; só as pernas são desenhadas
   (mesma cor e espessura) e, ao parar, viram as pernas reais da logo
   — sem troca de figura, então o braço levanta sem "quebrar".
   ================================================================= */
.gn-anda2{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:visible; }
.gn-anda2 path{ fill:none; stroke:rgb(70,30,0); stroke-linecap:round; stroke-linejoin:round; }
.gn-anda2 .w2-f{ fill:rgb(70,30,0); stroke:rgb(70,30,0); stroke-width:1; }

.gn-anda2 .w2-pb{ opacity:.9; }
.gn-anda2 g{ transform-box:view-box; }
.gn-load--home .gn-la-andando{ animation:gnSurgeAnda .5s ease 3s both !important; }
.gn-load--home .gn-anda2 .w2-pernas{ animation:gnSomePose .15s linear 7.3s both; }   /* some depois que a pose real já apareceu por cima */
.gn-anda2 .w2-reais{ opacity:0; }
.gn-load--home .gn-anda2 .w2-reais{ animation:gnAparece .3s ease 7s both; }
.gn-la-pose > img:first-child{ display:none; }
/* ombro do rapaz (a imagem da pose não tem, ele vinha junto do braço que aponta) */
.gn-la-ombro{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:visible; }
.gn-la-ombro path{ fill:rgb(70,30,0); stroke:rgb(70,30,0); stroke-width:1; }
.gn-la-ombro{ display:none !important; }
.gn-load--home .gn-la-pose img.gn-la-braco{ filter:url(#gnEscuro); }   /* na pose o ombro vem do próprio braço (sem "bola" no peito) */
.gn-load--home .gn-la-braco{ animation:gnAponta3 .8s cubic-bezier(.25,.75,.35,1) 7.5s both, gnAparece .3s ease 7s both !important; }
@keyframes gnAponta3{ from{ transform:rotate(113.5deg); } to{ transform:none; } }
.gn-load--home .gn-la-pose{ animation:none !important; }
@media (prefers-reduced-motion: reduce){ .gn-la-pose > img:first-child{ display:block; } }
@keyframes w2ir_ele{ 0.00%{transform:translate(-227.43px,-0.00px)} 1.11%{transform:translate(-224.73px,-0.17px)} 2.22%{transform:translate(-222.03px,-0.65px)} 3.33%{transform:translate(-219.34px,-1.34px)} 4.44%{transform:translate(-216.64px,-2.07px)} 5.56%{transform:translate(-213.94px,-2.69px)} 6.67%{transform:translate(-211.24px,-3.07px)} 7.78%{transform:translate(-208.55px,-3.12px)} 8.89%{transform:translate(-205.85px,-2.83px)} 10.00%{transform:translate(-203.15px,-2.26px)} 11.11%{transform:translate(-200.45px,-1.54px)} 12.22%{transform:translate(-197.76px,-0.83px)} 13.33%{transform:translate(-195.06px,-0.28px)} 14.44%{transform:translate(-192.36px,-0.01px)} 15.56%{transform:translate(-189.66px,-0.09px)} 16.67%{transform:translate(-186.97px,-0.49px)} 17.78%{transform:translate(-184.27px,-1.13px)} 18.89%{transform:translate(-181.57px,-1.87px)} 20.00%{transform:translate(-178.87px,-2.54px)} 21.11%{transform:translate(-176.18px,-3.00px)} 22.22%{transform:translate(-173.48px,-3.14px)} 23.33%{transform:translate(-170.78px,-2.94px)} 24.44%{transform:translate(-168.08px,-2.44px)} 25.56%{transform:translate(-165.39px,-1.74px)} 26.67%{transform:translate(-162.69px,-1.01px)} 27.78%{transform:translate(-159.99px,-0.41px)} 28.89%{transform:translate(-157.29px,-0.05px)} 30.00%{transform:translate(-154.60px,-0.04px)} 31.11%{transform:translate(-151.90px,-0.35px)} 32.22%{transform:translate(-149.20px,-0.94px)} 33.33%{transform:translate(-146.50px,-1.67px)} 34.44%{transform:translate(-143.81px,-2.37px)} 35.56%{transform:translate(-141.11px,-2.90px)} 36.67%{transform:translate(-138.41px,-3.14px)} 37.78%{transform:translate(-135.71px,-3.03px)} 38.89%{transform:translate(-133.02px,-2.60px)} 40.00%{transform:translate(-130.32px,-1.95px)} 41.11%{transform:translate(-127.62px,-1.21px)} 42.22%{transform:translate(-124.92px,-0.55px)} 43.33%{transform:translate(-122.23px,-0.12px)} 44.44%{transform:translate(-119.53px,-0.01px)} 45.56%{transform:translate(-116.83px,-0.24px)} 46.67%{transform:translate(-114.13px,-0.76px)} 47.78%{transform:translate(-111.44px,-1.46px)} 48.89%{transform:translate(-108.74px,-2.19px)} 50.00%{transform:translate(-106.04px,-2.78px)} 51.11%{transform:translate(-103.34px,-3.10px)} 52.22%{transform:translate(-100.65px,-3.09px)} 53.33%{transform:translate(-97.95px,-2.75px)} 54.44%{transform:translate(-95.25px,-2.14px)} 55.56%{transform:translate(-92.55px,-1.41px)} 56.67%{transform:translate(-89.86px,-0.72px)} 57.78%{transform:translate(-87.16px,-0.21px)} 58.89%{transform:translate(-84.46px,-0.00px)} 60.00%{transform:translate(-81.76px,-0.14px)} 61.11%{transform:translate(-79.07px,-0.59px)} 62.22%{transform:translate(-76.37px,-1.26px)} 63.33%{transform:translate(-73.67px,-1.99px)} 64.44%{transform:translate(-70.97px,-2.64px)} 65.56%{transform:translate(-68.28px,-3.05px)} 66.67%{transform:translate(-65.58px,-3.13px)} 67.78%{transform:translate(-62.88px,-2.87px)} 68.89%{transform:translate(-60.18px,-2.33px)} 70.00%{transform:translate(-57.49px,-1.62px)} 71.11%{transform:translate(-54.79px,-0.90px)} 72.22%{transform:translate(-52.09px,-0.32px)} 73.33%{transform:translate(-49.39px,-0.03px)} 74.44%{transform:translate(-46.70px,-0.07px)} 75.56%{transform:translate(-44.00px,-0.44px)} 76.67%{transform:translate(-41.30px,-1.06px)} 77.78%{transform:translate(-38.60px,-1.79px)} 78.89%{transform:translate(-35.91px,-2.48px)} 80.00%{transform:translate(-33.21px,-2.96px)} 81.11%{transform:translate(-30.51px,-3.14px)} 82.22%{transform:translate(-27.81px,-2.98px)} 83.33%{transform:translate(-25.12px,-2.50px)} 84.44%{transform:translate(-22.42px,-1.82px)} 85.56%{transform:translate(-19.72px,-1.09px)} 86.67%{transform:translate(-17.02px,-0.46px)} 87.78%{transform:translate(-14.33px,-0.08px)} 88.89%{transform:translate(-11.66px,-0.01px)} 90.00%{transform:translate(-9.25px,-0.11px)} 91.11%{transform:translate(-7.14px,-0.30px)} 92.22%{transform:translate(-5.32px,-0.50px)} 93.33%{transform:translate(-3.79px,-0.68px)} 94.44%{transform:translate(-2.54px,-0.80px)} 95.56%{transform:translate(-1.55px,-0.82px)} 96.67%{transform:translate(-0.82px,-0.74px)} 97.78%{transform:translate(-0.34px,-0.55px)} 98.89%{transform:translate(-0.07px,-0.30px)} 100.00%{transform:translate(-0.00px,-0.00px)} }
@keyframes w2br_ele{ 0.00%{transform:rotate(125.02deg)} 1.11%{transform:rotate(123.36deg)} 2.22%{transform:rotate(121.70deg)} 3.33%{transform:rotate(120.04deg)} 4.44%{transform:rotate(118.38deg)} 5.56%{transform:rotate(116.72deg)} 6.67%{transform:rotate(115.06deg)} 7.78%{transform:rotate(113.40deg)} 8.89%{transform:rotate(111.74deg)} 10.00%{transform:rotate(110.08deg)} 11.11%{transform:rotate(108.42deg)} 12.22%{transform:rotate(106.76deg)} 13.33%{transform:rotate(105.10deg)} 14.44%{transform:rotate(103.44deg)} 15.56%{transform:rotate(103.17deg)} 16.67%{transform:rotate(104.00deg)} 17.78%{transform:rotate(105.38deg)} 18.89%{transform:rotate(107.21deg)} 20.00%{transform:rotate(109.37deg)} 21.11%{transform:rotate(111.74deg)} 22.22%{transform:rotate(114.21deg)} 23.33%{transform:rotate(116.68deg)} 24.44%{transform:rotate(119.02deg)} 25.56%{transform:rotate(121.13deg)} 26.67%{transform:rotate(122.89deg)} 27.78%{transform:rotate(124.19deg)} 28.89%{transform:rotate(124.91deg)} 30.00%{transform:rotate(124.28deg)} 31.11%{transform:rotate(122.62deg)} 32.22%{transform:rotate(120.96deg)} 33.33%{transform:rotate(119.30deg)} 34.44%{transform:rotate(117.64deg)} 35.56%{transform:rotate(115.98deg)} 36.67%{transform:rotate(114.32deg)} 37.78%{transform:rotate(112.66deg)} 38.89%{transform:rotate(111.00deg)} 40.00%{transform:rotate(109.34deg)} 41.11%{transform:rotate(107.68deg)} 42.22%{transform:rotate(106.02deg)} 43.33%{transform:rotate(104.36deg)} 44.44%{transform:rotate(102.99deg)} 45.56%{transform:rotate(103.46deg)} 46.67%{transform:rotate(104.56deg)} 47.78%{transform:rotate(106.15deg)} 48.89%{transform:rotate(108.14deg)} 50.00%{transform:rotate(110.41deg)} 51.11%{transform:rotate(112.84deg)} 52.22%{transform:rotate(115.33deg)} 53.33%{transform:rotate(117.75deg)} 54.44%{transform:rotate(120.00deg)} 55.56%{transform:rotate(121.97deg)} 56.67%{transform:rotate(123.53deg)} 57.78%{transform:rotate(124.59deg)} 58.89%{transform:rotate(125.02deg)} 60.00%{transform:rotate(123.53deg)} 61.11%{transform:rotate(121.87deg)} 62.22%{transform:rotate(120.21deg)} 63.33%{transform:rotate(118.55deg)} 64.44%{transform:rotate(116.89deg)} 65.56%{transform:rotate(115.23deg)} 66.67%{transform:rotate(113.57deg)} 67.78%{transform:rotate(111.91deg)} 68.89%{transform:rotate(110.25deg)} 70.00%{transform:rotate(108.59deg)} 71.11%{transform:rotate(106.93deg)} 72.22%{transform:rotate(105.27deg)} 73.33%{transform:rotate(103.61deg)} 74.44%{transform:rotate(103.12deg)} 75.56%{transform:rotate(103.88deg)} 76.67%{transform:rotate(105.21deg)} 77.78%{transform:rotate(107.00deg)} 78.89%{transform:rotate(109.13deg)} 80.00%{transform:rotate(111.48deg)} 81.11%{transform:rotate(113.95deg)} 82.22%{transform:rotate(116.43deg)} 83.33%{transform:rotate(118.79deg)} 84.44%{transform:rotate(120.92deg)} 85.56%{transform:rotate(122.72deg)} 86.67%{transform:rotate(124.08deg)} 87.78%{transform:rotate(124.86deg)} 88.89%{transform:rotate(124.98deg)} 90.00%{transform:rotate(124.49deg)} 91.11%{transform:rotate(123.51deg)} 92.22%{transform:rotate(122.19deg)} 93.33%{transform:rotate(120.63deg)} 94.44%{transform:rotate(118.97deg)} 95.56%{transform:rotate(117.34deg)} 96.67%{transform:rotate(115.85deg)} 97.78%{transform:rotate(114.63deg)} 98.89%{transform:rotate(113.80deg)} 100.00%{transform:rotate(113.50deg)} }
@keyframes w2cot_ele{ 0.00%{transform:rotate(-12.00deg)} 1.11%{transform:rotate(-12.00deg)} 2.22%{transform:rotate(-12.00deg)} 3.33%{transform:rotate(-12.00deg)} 4.44%{transform:rotate(-12.00deg)} 5.56%{transform:rotate(-12.00deg)} 6.67%{transform:rotate(-12.00deg)} 7.78%{transform:rotate(-12.90deg)} 8.89%{transform:rotate(-15.39deg)} 10.00%{transform:rotate(-17.88deg)} 11.11%{transform:rotate(-20.37deg)} 12.22%{transform:rotate(-22.86deg)} 13.33%{transform:rotate(-25.35deg)} 14.44%{transform:rotate(-27.84deg)} 15.56%{transform:rotate(-28.25deg)} 16.67%{transform:rotate(-27.00deg)} 17.78%{transform:rotate(-24.93deg)} 18.89%{transform:rotate(-22.19deg)} 20.00%{transform:rotate(-18.95deg)} 21.11%{transform:rotate(-15.39deg)} 22.22%{transform:rotate(-12.00deg)} 23.33%{transform:rotate(-12.00deg)} 24.44%{transform:rotate(-12.00deg)} 25.56%{transform:rotate(-12.00deg)} 26.67%{transform:rotate(-12.00deg)} 27.78%{transform:rotate(-12.00deg)} 28.89%{transform:rotate(-12.00deg)} 30.00%{transform:rotate(-12.00deg)} 31.11%{transform:rotate(-12.00deg)} 32.22%{transform:rotate(-12.00deg)} 33.33%{transform:rotate(-12.00deg)} 34.44%{transform:rotate(-12.00deg)} 35.56%{transform:rotate(-12.00deg)} 36.67%{transform:rotate(-12.00deg)} 37.78%{transform:rotate(-14.02deg)} 38.89%{transform:rotate(-16.51deg)} 40.00%{transform:rotate(-19.00deg)} 41.11%{transform:rotate(-21.49deg)} 42.22%{transform:rotate(-23.98deg)} 43.33%{transform:rotate(-26.47deg)} 44.44%{transform:rotate(-28.51deg)} 45.56%{transform:rotate(-27.80deg)} 46.67%{transform:rotate(-26.17deg)} 47.78%{transform:rotate(-23.77deg)} 48.89%{transform:rotate(-20.79deg)} 50.00%{transform:rotate(-17.39deg)} 51.11%{transform:rotate(-13.74deg)} 52.22%{transform:rotate(-12.00deg)} 53.33%{transform:rotate(-12.00deg)} 54.44%{transform:rotate(-12.00deg)} 55.56%{transform:rotate(-12.00deg)} 56.67%{transform:rotate(-12.00deg)} 57.78%{transform:rotate(-12.00deg)} 58.89%{transform:rotate(-12.00deg)} 60.00%{transform:rotate(-12.00deg)} 61.11%{transform:rotate(-12.00deg)} 62.22%{transform:rotate(-12.00deg)} 63.33%{transform:rotate(-12.00deg)} 64.44%{transform:rotate(-12.00deg)} 65.56%{transform:rotate(-12.00deg)} 66.67%{transform:rotate(-12.64deg)} 67.78%{transform:rotate(-15.13deg)} 68.89%{transform:rotate(-17.62deg)} 70.00%{transform:rotate(-20.11deg)} 71.11%{transform:rotate(-22.60deg)} 72.22%{transform:rotate(-25.09deg)} 73.33%{transform:rotate(-27.58deg)} 74.44%{transform:rotate(-28.32deg)} 75.56%{transform:rotate(-27.17deg)} 76.67%{transform:rotate(-25.18deg)} 77.78%{transform:rotate(-22.50deg)} 78.89%{transform:rotate(-19.31deg)} 80.00%{transform:rotate(-15.78deg)} 81.11%{transform:rotate(-12.07deg)} 82.22%{transform:rotate(-12.00deg)} 83.33%{transform:rotate(-12.00deg)} 84.44%{transform:rotate(-12.00deg)} 85.56%{transform:rotate(-12.00deg)} 86.67%{transform:rotate(-12.00deg)} 87.78%{transform:rotate(-12.00deg)} 88.89%{transform:rotate(-12.00deg)} 90.00%{transform:rotate(-12.00deg)} 91.11%{transform:rotate(-12.00deg)} 92.22%{transform:rotate(-12.00deg)} 93.33%{transform:rotate(-12.00deg)} 94.44%{transform:rotate(-12.00deg)} 95.56%{transform:rotate(-12.00deg)} 96.67%{transform:rotate(-12.00deg)} 97.78%{transform:rotate(-12.00deg)} 98.89%{transform:rotate(-12.00deg)} 100.00%{transform:rotate(-12.00deg)} }
.w2-ele .w2-br{ transform-origin:219.6px 135px; }
@keyframes w2dob_ele{ 0.00%{transform:rotate(-5.00deg)} 1.11%{transform:rotate(-5.00deg)} 2.22%{transform:rotate(-5.00deg)} 3.33%{transform:rotate(-5.00deg)} 4.44%{transform:rotate(-5.00deg)} 5.56%{transform:rotate(-5.00deg)} 6.67%{transform:rotate(-5.00deg)} 7.78%{transform:rotate(-5.45deg)} 8.89%{transform:rotate(-6.70deg)} 10.00%{transform:rotate(-7.94deg)} 11.11%{transform:rotate(-9.19deg)} 12.22%{transform:rotate(-10.43deg)} 13.33%{transform:rotate(-11.68deg)} 14.44%{transform:rotate(-12.92deg)} 15.56%{transform:rotate(-13.12deg)} 16.67%{transform:rotate(-12.50deg)} 17.78%{transform:rotate(-11.46deg)} 18.89%{transform:rotate(-10.09deg)} 20.00%{transform:rotate(-8.48deg)} 21.11%{transform:rotate(-6.70deg)} 22.22%{transform:rotate(-5.00deg)} 23.33%{transform:rotate(-5.00deg)} 24.44%{transform:rotate(-5.00deg)} 25.56%{transform:rotate(-5.00deg)} 26.67%{transform:rotate(-5.00deg)} 27.78%{transform:rotate(-5.00deg)} 28.89%{transform:rotate(-5.00deg)} 30.00%{transform:rotate(-5.00deg)} 31.11%{transform:rotate(-5.00deg)} 32.22%{transform:rotate(-5.00deg)} 33.33%{transform:rotate(-5.00deg)} 34.44%{transform:rotate(-5.00deg)} 35.56%{transform:rotate(-5.00deg)} 36.67%{transform:rotate(-5.00deg)} 37.78%{transform:rotate(-6.01deg)} 38.89%{transform:rotate(-7.25deg)} 40.00%{transform:rotate(-8.50deg)} 41.11%{transform:rotate(-9.74deg)} 42.22%{transform:rotate(-10.99deg)} 43.33%{transform:rotate(-12.23deg)} 44.44%{transform:rotate(-13.26deg)} 45.56%{transform:rotate(-12.90deg)} 46.67%{transform:rotate(-12.08deg)} 47.78%{transform:rotate(-10.89deg)} 48.89%{transform:rotate(-9.39deg)} 50.00%{transform:rotate(-7.69deg)} 51.11%{transform:rotate(-5.87deg)} 52.22%{transform:rotate(-5.00deg)} 53.33%{transform:rotate(-5.00deg)} 54.44%{transform:rotate(-5.00deg)} 55.56%{transform:rotate(-5.00deg)} 56.67%{transform:rotate(-5.00deg)} 57.78%{transform:rotate(-5.00deg)} 58.89%{transform:rotate(-5.00deg)} 60.00%{transform:rotate(-5.00deg)} 61.11%{transform:rotate(-5.00deg)} 62.22%{transform:rotate(-5.00deg)} 63.33%{transform:rotate(-5.00deg)} 64.44%{transform:rotate(-5.00deg)} 65.56%{transform:rotate(-5.00deg)} 66.67%{transform:rotate(-5.32deg)} 67.78%{transform:rotate(-6.57deg)} 68.89%{transform:rotate(-7.81deg)} 70.00%{transform:rotate(-9.06deg)} 71.11%{transform:rotate(-10.30deg)} 72.22%{transform:rotate(-11.55deg)} 73.33%{transform:rotate(-12.79deg)} 74.44%{transform:rotate(-13.16deg)} 75.56%{transform:rotate(-12.59deg)} 76.67%{transform:rotate(-11.59deg)} 77.78%{transform:rotate(-10.25deg)} 78.89%{transform:rotate(-8.65deg)} 80.00%{transform:rotate(-6.89deg)} 81.11%{transform:rotate(-5.04deg)} 82.22%{transform:rotate(-5.00deg)} 83.33%{transform:rotate(-5.00deg)} 84.44%{transform:rotate(-5.00deg)} 85.56%{transform:rotate(-5.00deg)} 86.67%{transform:rotate(-5.00deg)} 87.78%{transform:rotate(-5.00deg)} 88.89%{transform:rotate(-4.98deg)} 90.00%{transform:rotate(-4.77deg)} 91.11%{transform:rotate(-4.35deg)} 92.22%{transform:rotate(-3.77deg)} 93.33%{transform:rotate(-3.10deg)} 94.44%{transform:rotate(-2.38deg)} 95.56%{transform:rotate(-1.67deg)} 96.67%{transform:rotate(-1.02deg)} 97.78%{transform:rotate(-0.49deg)} 98.89%{transform:rotate(-0.13deg)} 100.00%{transform:rotate(-0.00deg)} }
.w2-ele .w2-dob{ transform-box:view-box; transform-origin:240.3px 126px; }
.gn-load--home .w2-ele .w2-dob{ animation:w2dob_ele 3.92s linear 3.08s both; }
.w2-ele .w2-brt{ transform-origin:205px 143px; } .w2-ele .w2-brt .w2-cot{ transform-origin:205px 159px; }
@keyframes w2brt_ele{ 0.00%{transform:rotate(-27.55deg)} 1.11%{transform:rotate(-23.40deg)} 2.22%{transform:rotate(-19.25deg)} 3.33%{transform:rotate(-15.10deg)} 4.44%{transform:rotate(-10.95deg)} 5.56%{transform:rotate(-6.80deg)} 6.67%{transform:rotate(-2.65deg)} 7.78%{transform:rotate(1.50deg)} 8.89%{transform:rotate(5.65deg)} 10.00%{transform:rotate(9.80deg)} 11.11%{transform:rotate(13.95deg)} 12.22%{transform:rotate(18.10deg)} 13.33%{transform:rotate(22.25deg)} 14.44%{transform:rotate(26.40deg)} 15.56%{transform:rotate(27.08deg)} 16.67%{transform:rotate(25.00deg)} 17.78%{transform:rotate(21.54deg)} 18.89%{transform:rotate(16.98deg)} 20.00%{transform:rotate(11.59deg)} 21.11%{transform:rotate(5.66deg)} 22.22%{transform:rotate(-0.53deg)} 23.33%{transform:rotate(-6.70deg)} 24.44%{transform:rotate(-12.56deg)} 25.56%{transform:rotate(-17.83deg)} 26.67%{transform:rotate(-22.22deg)} 27.78%{transform:rotate(-25.47deg)} 28.89%{transform:rotate(-27.27deg)} 30.00%{transform:rotate(-25.69deg)} 31.11%{transform:rotate(-21.54deg)} 32.22%{transform:rotate(-17.39deg)} 33.33%{transform:rotate(-13.24deg)} 34.44%{transform:rotate(-9.09deg)} 35.56%{transform:rotate(-4.94deg)} 36.67%{transform:rotate(-0.79deg)} 37.78%{transform:rotate(3.36deg)} 38.89%{transform:rotate(7.51deg)} 40.00%{transform:rotate(11.66deg)} 41.11%{transform:rotate(15.81deg)} 42.22%{transform:rotate(19.96deg)} 43.33%{transform:rotate(24.11deg)} 44.44%{transform:rotate(27.52deg)} 45.56%{transform:rotate(26.34deg)} 46.67%{transform:rotate(23.61deg)} 47.78%{transform:rotate(19.62deg)} 48.89%{transform:rotate(14.65deg)} 50.00%{transform:rotate(8.98deg)} 51.11%{transform:rotate(2.90deg)} 52.22%{transform:rotate(-3.31deg)} 53.33%{transform:rotate(-9.38deg)} 54.44%{transform:rotate(-15.01deg)} 55.56%{transform:rotate(-19.92deg)} 56.67%{transform:rotate(-23.83deg)} 57.78%{transform:rotate(-26.47deg)} 58.89%{transform:rotate(-27.54deg)} 60.00%{transform:rotate(-23.83deg)} 61.11%{transform:rotate(-19.68deg)} 62.22%{transform:rotate(-15.53deg)} 63.33%{transform:rotate(-11.38deg)} 64.44%{transform:rotate(-7.23deg)} 65.56%{transform:rotate(-3.08deg)} 66.67%{transform:rotate(1.07deg)} 67.78%{transform:rotate(5.22deg)} 68.89%{transform:rotate(9.37deg)} 70.00%{transform:rotate(13.52deg)} 71.11%{transform:rotate(17.67deg)} 72.22%{transform:rotate(21.82deg)} 73.33%{transform:rotate(25.97deg)} 74.44%{transform:rotate(27.20deg)} 75.56%{transform:rotate(25.29deg)} 76.67%{transform:rotate(21.96deg)} 77.78%{transform:rotate(17.50deg)} 78.89%{transform:rotate(12.18deg)} 80.00%{transform:rotate(6.29deg)} 81.11%{transform:rotate(0.12deg)} 82.22%{transform:rotate(-6.06deg)} 83.33%{transform:rotate(-11.97deg)} 84.44%{transform:rotate(-17.31deg)} 85.56%{transform:rotate(-21.81deg)} 86.67%{transform:rotate(-25.19deg)} 87.78%{transform:rotate(-27.16deg)} 88.89%{transform:rotate(-27.46deg)} 90.00%{transform:rotate(-26.28deg)} 91.11%{transform:rotate(-23.95deg)} 92.22%{transform:rotate(-20.78deg)} 93.33%{transform:rotate(-17.06deg)} 94.44%{transform:rotate(-13.09deg)} 95.56%{transform:rotate(-9.17deg)} 96.67%{transform:rotate(-5.61deg)} 97.78%{transform:rotate(-2.69deg)} 98.89%{transform:rotate(-0.72deg)} 100.00%{transform:rotate(-0.00deg)} }
.gn-load--home .w2-ele .w2-br{ animation:w2br_ele 3.92s linear 3.08s both; }
.gn-load--home .w2-ele .w2-brt{ animation:w2brt_ele 3.92s linear 3.08s both; }
.gn-load--home .w2-ele .w2-cot{ animation:w2cot_ele 3.92s linear 3.08s both; }
@keyframes w2pa_ele{ 0.00%{transform:rotate(-19.00deg)} 1.11%{transform:rotate(-16.14deg)} 2.22%{transform:rotate(-13.28deg)} 3.33%{transform:rotate(-10.41deg)} 4.44%{transform:rotate(-7.55deg)} 5.56%{transform:rotate(-4.69deg)} 6.67%{transform:rotate(-1.83deg)} 7.78%{transform:rotate(1.04deg)} 8.89%{transform:rotate(3.90deg)} 10.00%{transform:rotate(6.76deg)} 11.11%{transform:rotate(9.62deg)} 12.22%{transform:rotate(12.48deg)} 13.33%{transform:rotate(15.35deg)} 14.44%{transform:rotate(18.21deg)} 15.56%{transform:rotate(18.67deg)} 16.67%{transform:rotate(17.24deg)} 17.78%{transform:rotate(14.86deg)} 18.89%{transform:rotate(11.71deg)} 20.00%{transform:rotate(7.99deg)} 21.11%{transform:rotate(3.90deg)} 22.22%{transform:rotate(-0.37deg)} 23.33%{transform:rotate(-4.62deg)} 24.44%{transform:rotate(-8.66deg)} 25.56%{transform:rotate(-12.29deg)} 26.67%{transform:rotate(-15.33deg)} 27.78%{transform:rotate(-17.56deg)} 28.89%{transform:rotate(-18.81deg)} 30.00%{transform:rotate(-17.72deg)} 31.11%{transform:rotate(-14.86deg)} 32.22%{transform:rotate(-11.99deg)} 33.33%{transform:rotate(-9.13deg)} 34.44%{transform:rotate(-6.27deg)} 35.56%{transform:rotate(-3.41deg)} 36.67%{transform:rotate(-0.55deg)} 37.78%{transform:rotate(2.32deg)} 38.89%{transform:rotate(5.18deg)} 40.00%{transform:rotate(8.04deg)} 41.11%{transform:rotate(10.90deg)} 42.22%{transform:rotate(13.77deg)} 43.33%{transform:rotate(16.63deg)} 44.44%{transform:rotate(18.98deg)} 45.56%{transform:rotate(18.16deg)} 46.67%{transform:rotate(16.28deg)} 47.78%{transform:rotate(13.53deg)} 48.89%{transform:rotate(10.10deg)} 50.00%{transform:rotate(6.19deg)} 51.11%{transform:rotate(2.00deg)} 52.22%{transform:rotate(-2.29deg)} 53.33%{transform:rotate(-6.47deg)} 54.44%{transform:rotate(-10.35deg)} 55.56%{transform:rotate(-13.74deg)} 56.67%{transform:rotate(-16.44deg)} 57.78%{transform:rotate(-18.25deg)} 58.89%{transform:rotate(-18.99deg)} 60.00%{transform:rotate(-16.44deg)} 61.11%{transform:rotate(-13.58deg)} 62.22%{transform:rotate(-10.71deg)} 63.33%{transform:rotate(-7.85deg)} 64.44%{transform:rotate(-4.99deg)} 65.56%{transform:rotate(-2.13deg)} 66.67%{transform:rotate(0.74deg)} 67.78%{transform:rotate(3.60deg)} 68.89%{transform:rotate(6.46deg)} 70.00%{transform:rotate(9.32deg)} 71.11%{transform:rotate(12.19deg)} 72.22%{transform:rotate(15.05deg)} 73.33%{transform:rotate(17.91deg)} 74.44%{transform:rotate(18.76deg)} 75.56%{transform:rotate(17.44deg)} 76.67%{transform:rotate(15.15deg)} 77.78%{transform:rotate(12.07deg)} 78.89%{transform:rotate(8.40deg)} 80.00%{transform:rotate(4.34deg)} 81.11%{transform:rotate(0.08deg)} 82.22%{transform:rotate(-4.18deg)} 83.33%{transform:rotate(-8.25deg)} 84.44%{transform:rotate(-11.94deg)} 85.56%{transform:rotate(-15.04deg)} 86.67%{transform:rotate(-17.37deg)} 87.78%{transform:rotate(-18.73deg)} 88.89%{transform:rotate(-19.01deg)} 90.00%{transform:rotate(-19.18deg)} 91.11%{transform:rotate(-19.52deg)} 92.22%{transform:rotate(-19.98deg)} 93.33%{transform:rotate(-20.52deg)} 94.44%{transform:rotate(-21.10deg)} 95.56%{transform:rotate(-21.67deg)} 96.67%{transform:rotate(-22.19deg)} 97.78%{transform:rotate(-22.61deg)} 98.89%{transform:rotate(-22.90deg)} 100.00%{transform:rotate(-23.00deg)} }
@keyframes w2pb_ele{ 0.00%{transform:rotate(19.00deg)} 1.11%{transform:rotate(18.39deg)} 2.22%{transform:rotate(16.67deg)} 3.33%{transform:rotate(14.06deg)} 4.44%{transform:rotate(10.73deg)} 5.56%{transform:rotate(6.89deg)} 6.67%{transform:rotate(2.73deg)} 7.78%{transform:rotate(-1.55deg)} 8.89%{transform:rotate(-5.77deg)} 10.00%{transform:rotate(-9.71deg)} 11.11%{transform:rotate(-13.20deg)} 12.22%{transform:rotate(-16.03deg)} 13.33%{transform:rotate(-18.01deg)} 14.44%{transform:rotate(-18.95deg)} 15.56%{transform:rotate(-16.93deg)} 16.67%{transform:rotate(-14.07deg)} 17.78%{transform:rotate(-11.20deg)} 18.89%{transform:rotate(-8.34deg)} 20.00%{transform:rotate(-5.48deg)} 21.11%{transform:rotate(-2.62deg)} 22.22%{transform:rotate(0.25deg)} 23.33%{transform:rotate(3.11deg)} 24.44%{transform:rotate(5.97deg)} 25.56%{transform:rotate(8.83deg)} 26.67%{transform:rotate(11.69deg)} 27.78%{transform:rotate(14.56deg)} 28.89%{transform:rotate(17.42deg)} 30.00%{transform:rotate(18.87deg)} 31.11%{transform:rotate(17.74deg)} 32.22%{transform:rotate(15.60deg)} 33.33%{transform:rotate(12.64deg)} 34.44%{transform:rotate(9.06deg)} 35.56%{transform:rotate(5.06deg)} 36.67%{transform:rotate(0.82deg)} 37.78%{transform:rotate(-3.46deg)} 38.89%{transform:rotate(-7.58deg)} 40.00%{transform:rotate(-11.34deg)} 41.11%{transform:rotate(-14.56deg)} 42.22%{transform:rotate(-17.04deg)} 43.33%{transform:rotate(-18.57deg)} 44.44%{transform:rotate(-18.51deg)} 45.56%{transform:rotate(-15.65deg)} 46.67%{transform:rotate(-12.78deg)} 47.78%{transform:rotate(-9.92deg)} 48.89%{transform:rotate(-7.06deg)} 50.00%{transform:rotate(-4.20deg)} 51.11%{transform:rotate(-1.34deg)} 52.22%{transform:rotate(1.53deg)} 53.33%{transform:rotate(4.39deg)} 54.44%{transform:rotate(7.25deg)} 55.56%{transform:rotate(10.11deg)} 56.67%{transform:rotate(12.98deg)} 57.78%{transform:rotate(15.84deg)} 58.89%{transform:rotate(18.70deg)} 60.00%{transform:rotate(18.50deg)} 61.11%{transform:rotate(16.90deg)} 62.22%{transform:rotate(14.37deg)} 63.33%{transform:rotate(11.11deg)} 64.44%{transform:rotate(7.31deg)} 65.56%{transform:rotate(3.18deg)} 66.67%{transform:rotate(-1.10deg)} 67.78%{transform:rotate(-5.33deg)} 68.89%{transform:rotate(-9.32deg)} 70.00%{transform:rotate(-12.86deg)} 71.11%{transform:rotate(-15.77deg)} 72.22%{transform:rotate(-17.85deg)} 73.33%{transform:rotate(-18.91deg)} 74.44%{transform:rotate(-17.23deg)} 75.56%{transform:rotate(-14.37deg)} 76.67%{transform:rotate(-11.50deg)} 77.78%{transform:rotate(-8.64deg)} 78.89%{transform:rotate(-5.78deg)} 80.00%{transform:rotate(-2.92deg)} 81.11%{transform:rotate(-0.05deg)} 82.22%{transform:rotate(2.81deg)} 83.33%{transform:rotate(5.67deg)} 84.44%{transform:rotate(8.53deg)} 85.56%{transform:rotate(11.39deg)} 86.67%{transform:rotate(14.26deg)} 87.78%{transform:rotate(17.12deg)} 88.89%{transform:rotate(18.97deg)} 90.00%{transform:rotate(18.61deg)} 91.11%{transform:rotate(17.89deg)} 92.22%{transform:rotate(16.91deg)} 93.33%{transform:rotate(15.76deg)} 94.44%{transform:rotate(14.54deg)} 95.56%{transform:rotate(13.33deg)} 96.67%{transform:rotate(12.23deg)} 97.78%{transform:rotate(11.33deg)} 98.89%{transform:rotate(10.72deg)} 100.00%{transform:rotate(10.50deg)} }
@keyframes w2ka_ele{ 0.00%{transform:rotate(0.00deg)} 1.11%{transform:rotate(1.41deg)} 2.22%{transform:rotate(2.73deg)} 3.33%{transform:rotate(3.91deg)} 4.44%{transform:rotate(4.87deg)} 5.56%{transform:rotate(5.55deg)} 6.67%{transform:rotate(5.93deg)} 7.78%{transform:rotate(5.98deg)} 8.89%{transform:rotate(5.69deg)} 10.00%{transform:rotate(5.09deg)} 11.11%{transform:rotate(4.20deg)} 12.22%{transform:rotate(3.08deg)} 13.33%{transform:rotate(1.78deg)} 14.44%{transform:rotate(0.39deg)} 15.56%{transform:rotate(6.22deg)} 16.67%{transform:rotate(18.64deg)} 17.78%{transform:rotate(31.97deg)} 18.89%{transform:rotate(44.25deg)} 20.00%{transform:rotate(54.00deg)} 21.11%{transform:rotate(60.13deg)} 22.22%{transform:rotate(61.98deg)} 23.33%{transform:rotate(59.37deg)} 24.44%{transform:rotate(52.56deg)} 25.56%{transform:rotate(42.29deg)} 26.67%{transform:rotate(29.71deg)} 27.78%{transform:rotate(16.38deg)} 28.89%{transform:rotate(4.39deg)} 30.00%{transform:rotate(0.63deg)} 31.11%{transform:rotate(2.02deg)} 32.22%{transform:rotate(3.28deg)} 33.33%{transform:rotate(4.37deg)} 34.44%{transform:rotate(5.21deg)} 35.56%{transform:rotate(5.76deg)} 36.67%{transform:rotate(5.99deg)} 37.78%{transform:rotate(5.89deg)} 38.89%{transform:rotate(5.46deg)} 40.00%{transform:rotate(4.72deg)} 41.11%{transform:rotate(3.72deg)} 42.22%{transform:rotate(2.52deg)} 43.33%{transform:rotate(1.17deg)} 44.44%{transform:rotate(0.96deg)} 45.56%{transform:rotate(11.50deg)} 46.67%{transform:rotate(24.63deg)} 47.78%{transform:rotate(37.70deg)} 48.89%{transform:rotate(49.00deg)} 50.00%{transform:rotate(57.24deg)} 51.11%{transform:rotate(61.51deg)} 52.22%{transform:rotate(61.36deg)} 53.33%{transform:rotate(56.80deg)} 54.44%{transform:rotate(48.33deg)} 55.56%{transform:rotate(36.86deg)} 56.67%{transform:rotate(23.73deg)} 57.78%{transform:rotate(10.68deg)} 58.89%{transform:rotate(0.51deg)} 60.00%{transform:rotate(1.26deg)} 61.11%{transform:rotate(2.60deg)} 62.22%{transform:rotate(3.80deg)} 63.33%{transform:rotate(4.78deg)} 64.44%{transform:rotate(5.50deg)} 65.56%{transform:rotate(5.91deg)} 66.67%{transform:rotate(5.99deg)} 67.78%{transform:rotate(5.74deg)} 68.89%{transform:rotate(5.16deg)} 70.00%{transform:rotate(4.30deg)} 71.11%{transform:rotate(3.20deg)} 72.22%{transform:rotate(1.93deg)} 73.33%{transform:rotate(0.54deg)} 74.44%{transform:rotate(5.08deg)} 75.56%{transform:rotate(17.25deg)} 76.67%{transform:rotate(30.60deg)} 77.78%{transform:rotate(43.06deg)} 78.89%{transform:rotate(53.13deg)} 80.00%{transform:rotate(59.68deg)} 81.11%{transform:rotate(62.00deg)} 82.22%{transform:rotate(59.85deg)} 83.33%{transform:rotate(53.45deg)} 84.44%{transform:rotate(43.50deg)} 85.56%{transform:rotate(31.10deg)} 86.67%{transform:rotate(17.75deg)} 87.78%{transform:rotate(5.49deg)} 88.89%{transform:rotate(0.00deg)} 90.00%{transform:rotate(0.00deg)} 91.11%{transform:rotate(0.00deg)} 92.22%{transform:rotate(0.00deg)} 93.33%{transform:rotate(0.00deg)} 94.44%{transform:rotate(0.00deg)} 95.56%{transform:rotate(0.00deg)} 96.67%{transform:rotate(0.00deg)} 97.78%{transform:rotate(0.00deg)} 98.89%{transform:rotate(0.00deg)} 100.00%{transform:rotate(0.00deg)} }
@keyframes w2kb_ele{ 0.00%{transform:rotate(0.00deg)} 1.11%{transform:rotate(9.41deg)} 2.22%{transform:rotate(22.33deg)} 3.33%{transform:rotate(35.54deg)} 4.44%{transform:rotate(47.25deg)} 5.56%{transform:rotate(56.09deg)} 6.67%{transform:rotate(61.08deg)} 7.78%{transform:rotate(61.70deg)} 8.89%{transform:rotate(57.88deg)} 10.00%{transform:rotate(50.03deg)} 11.11%{transform:rotate(38.99deg)} 12.22%{transform:rotate(26.03deg)} 13.33%{transform:rotate(12.82deg)} 14.44%{transform:rotate(1.79deg)} 15.56%{transform:rotate(1.02deg)} 16.67%{transform:rotate(2.38deg)} 17.78%{transform:rotate(3.61deg)} 18.89%{transform:rotate(4.63deg)} 20.00%{transform:rotate(5.39deg)} 21.11%{transform:rotate(5.86deg)} 22.22%{transform:rotate(6.00deg)} 23.33%{transform:rotate(5.80deg)} 24.44%{transform:rotate(5.28deg)} 25.56%{transform:rotate(4.47deg)} 26.67%{transform:rotate(3.41deg)} 27.78%{transform:rotate(2.15deg)} 28.89%{transform:rotate(0.78deg)} 30.00%{transform:rotate(3.34deg)} 31.11%{transform:rotate(15.01deg)} 32.22%{transform:rotate(28.32deg)} 33.33%{transform:rotate(41.06deg)} 34.44%{transform:rotate(51.63deg)} 35.56%{transform:rotate(58.84deg)} 36.67%{transform:rotate(61.92deg)} 37.78%{transform:rotate(60.53deg)} 38.89%{transform:rotate(54.82deg)} 40.00%{transform:rotate(45.41deg)} 41.11%{transform:rotate(33.34deg)} 42.22%{transform:rotate(20.03deg)} 43.33%{transform:rotate(7.39deg)} 44.44%{transform:rotate(0.24deg)} 45.56%{transform:rotate(1.64deg)} 46.67%{transform:rotate(2.95deg)} 47.78%{transform:rotate(4.09deg)} 48.89%{transform:rotate(5.01deg)} 50.00%{transform:rotate(5.64deg)} 51.11%{transform:rotate(5.96deg)} 52.22%{transform:rotate(5.95deg)} 53.33%{transform:rotate(5.61deg)} 54.44%{transform:rotate(4.95deg)} 55.56%{transform:rotate(4.02deg)} 56.67%{transform:rotate(2.87deg)} 57.78%{transform:rotate(1.55deg)} 58.89%{transform:rotate(0.15deg)} 60.00%{transform:rotate(8.17deg)} 61.11%{transform:rotate(20.92deg)} 62.22%{transform:rotate(34.20deg)} 63.33%{transform:rotate(46.14deg)} 64.44%{transform:rotate(55.33deg)} 65.56%{transform:rotate(60.76deg)} 66.67%{transform:rotate(61.85deg)} 67.78%{transform:rotate(58.48deg)} 68.89%{transform:rotate(51.02deg)} 70.00%{transform:rotate(40.26deg)} 71.11%{transform:rotate(27.43deg)} 72.22%{transform:rotate(14.15deg)} 73.33%{transform:rotate(2.71deg)} 74.44%{transform:rotate(0.88deg)} 75.56%{transform:rotate(2.24deg)} 76.67%{transform:rotate(3.49deg)} 77.78%{transform:rotate(4.53deg)} 78.89%{transform:rotate(5.33deg)} 80.00%{transform:rotate(5.83deg)} 81.11%{transform:rotate(6.00deg)} 82.22%{transform:rotate(5.84deg)} 83.33%{transform:rotate(5.35deg)} 84.44%{transform:rotate(4.57deg)} 85.56%{transform:rotate(3.53deg)} 86.67%{transform:rotate(2.29deg)} 87.78%{transform:rotate(0.93deg)} 88.89%{transform:rotate(4.68deg)} 90.00%{transform:rotate(17.85deg)} 91.11%{transform:rotate(29.39deg)} 92.22%{transform:rotate(38.24deg)} 93.33%{transform:rotate(43.58deg)} 94.44%{transform:rotate(44.94deg)} 95.56%{transform:rotate(42.18deg)} 96.67%{transform:rotate(35.56deg)} 97.78%{transform:rotate(25.69deg)} 98.89%{transform:rotate(13.46deg)} 100.00%{transform:rotate(0.00deg)} }
.w2-ele .w2-pa, .w2-ele .w2-pb{ transform-origin:215px 172px; }
.w2-ele .w2-k{ transform-origin:215px 199.5px; }
.gn-load--home .w2-ele{ animation:w2ir_ele 3.92s linear 3.08s both; }
.gn-load--home .w2-ele .w2-pa{ animation:w2pa_ele 3.92s linear 3.08s both; }
.gn-load--home .w2-ele .w2-pa .w2-k{ animation:w2ka_ele 3.92s linear 3.08s both; }
.gn-load--home .w2-ele .w2-pb{ animation:w2pb_ele 3.92s linear 3.08s both; }
.gn-load--home .w2-ele .w2-pb .w2-k{ animation:w2kb_ele 3.92s linear 3.08s both; }
@keyframes w2ir_ela{ 0.00%{transform:translate(-222.97px,-0.00px)} 1.11%{transform:translate(-220.33px,-0.13px)} 2.22%{transform:translate(-217.68px,-0.48px)} 3.33%{transform:translate(-215.03px,-0.97px)} 4.44%{transform:translate(-212.38px,-1.51px)} 5.56%{transform:translate(-209.73px,-1.96px)} 6.67%{transform:translate(-207.09px,-2.24px)} 7.78%{transform:translate(-204.44px,-2.27px)} 8.89%{transform:translate(-201.79px,-2.05px)} 10.00%{transform:translate(-199.14px,-1.63px)} 11.11%{transform:translate(-196.49px,-1.11px)} 12.22%{transform:translate(-193.85px,-0.59px)} 13.33%{transform:translate(-191.20px,-0.19px)} 14.44%{transform:translate(-188.55px,-0.01px)} 15.56%{transform:translate(-185.90px,-0.07px)} 16.67%{transform:translate(-183.25px,-0.37px)} 17.78%{transform:translate(-180.61px,-0.85px)} 18.89%{transform:translate(-177.96px,-1.38px)} 20.00%{transform:translate(-175.31px,-1.87px)} 21.11%{transform:translate(-172.66px,-2.19px)} 22.22%{transform:translate(-170.01px,-2.28px)} 23.33%{transform:translate(-167.37px,-2.12px)} 24.44%{transform:translate(-164.72px,-1.75px)} 25.56%{transform:translate(-162.07px,-1.24px)} 26.67%{transform:translate(-159.42px,-0.71px)} 27.78%{transform:translate(-156.77px,-0.27px)} 28.89%{transform:translate(-154.13px,-0.03px)} 30.00%{transform:translate(-151.48px,-0.03px)} 31.11%{transform:translate(-148.83px,-0.28px)} 32.22%{transform:translate(-146.18px,-0.72px)} 33.33%{transform:translate(-143.53px,-1.25px)} 34.44%{transform:translate(-140.89px,-1.76px)} 35.56%{transform:translate(-138.24px,-2.13px)} 36.67%{transform:translate(-135.59px,-2.28px)} 37.78%{transform:translate(-132.94px,-2.19px)} 38.89%{transform:translate(-130.29px,-1.86px)} 40.00%{transform:translate(-127.65px,-1.37px)} 41.11%{transform:translate(-125.00px,-0.83px)} 42.22%{transform:translate(-122.35px,-0.36px)} 43.33%{transform:translate(-119.70px,-0.07px)} 44.44%{transform:translate(-117.05px,-0.01px)} 45.56%{transform:translate(-114.41px,-0.20px)} 46.67%{transform:translate(-111.76px,-0.60px)} 47.78%{transform:translate(-109.11px,-1.12px)} 48.89%{transform:translate(-106.46px,-1.64px)} 50.00%{transform:translate(-103.81px,-2.06px)} 51.11%{transform:translate(-101.17px,-2.27px)} 52.22%{transform:translate(-98.52px,-2.23px)} 53.33%{transform:translate(-95.87px,-1.95px)} 54.44%{transform:translate(-93.22px,-1.50px)} 55.56%{transform:translate(-90.57px,-0.96px)} 56.67%{transform:translate(-87.93px,-0.47px)} 57.78%{transform:translate(-85.28px,-0.12px)} 58.89%{transform:translate(-82.63px,-0.00px)} 60.00%{transform:translate(-79.98px,-0.13px)} 61.11%{transform:translate(-77.33px,-0.49px)} 62.22%{transform:translate(-74.69px,-0.99px)} 63.33%{transform:translate(-72.04px,-1.52px)} 64.44%{transform:translate(-69.39px,-1.97px)} 65.56%{transform:translate(-66.74px,-2.24px)} 66.67%{transform:translate(-64.09px,-2.26px)} 67.78%{transform:translate(-61.45px,-2.04px)} 68.89%{transform:translate(-58.80px,-1.62px)} 70.00%{transform:translate(-56.15px,-1.09px)} 71.11%{transform:translate(-53.50px,-0.58px)} 72.22%{transform:translate(-50.85px,-0.19px)} 73.33%{transform:translate(-48.21px,-0.01px)} 74.44%{transform:translate(-45.56px,-0.08px)} 75.56%{transform:translate(-42.91px,-0.38px)} 76.67%{transform:translate(-40.26px,-0.86px)} 77.78%{transform:translate(-37.61px,-1.40px)} 78.89%{transform:translate(-34.97px,-1.88px)} 80.00%{transform:translate(-32.32px,-2.20px)} 81.11%{transform:translate(-29.67px,-2.28px)} 82.22%{transform:translate(-27.02px,-2.12px)} 83.33%{transform:translate(-24.37px,-1.74px)} 84.44%{transform:translate(-21.73px,-1.23px)} 85.56%{transform:translate(-19.08px,-0.70px)} 86.67%{transform:translate(-16.43px,-0.26px)} 87.78%{transform:translate(-13.78px,-0.03px)} 88.89%{transform:translate(-11.19px,-0.01px)} 90.00%{transform:translate(-8.88px,-0.10px)} 91.11%{transform:translate(-6.85px,-0.24px)} 92.22%{transform:translate(-5.11px,-0.38px)} 93.33%{transform:translate(-3.64px,-0.51px)} 94.44%{transform:translate(-2.44px,-0.59px)} 95.56%{transform:translate(-1.49px,-0.59px)} 96.67%{transform:translate(-0.79px,-0.53px)} 97.78%{transform:translate(-0.32px,-0.40px)} 98.89%{transform:translate(-0.07px,-0.21px)} 100.00%{transform:translate(-0.00px,-0.00px)} }
@keyframes w2pa_ela{ 0.00%{transform:rotate(-26.00deg)} 1.11%{transform:rotate(-22.07deg)} 2.22%{transform:rotate(-18.15deg)} 3.33%{transform:rotate(-14.22deg)} 4.44%{transform:rotate(-10.29deg)} 5.56%{transform:rotate(-6.37deg)} 6.67%{transform:rotate(-2.44deg)} 7.78%{transform:rotate(1.48deg)} 8.89%{transform:rotate(5.41deg)} 10.00%{transform:rotate(9.34deg)} 11.11%{transform:rotate(13.26deg)} 12.22%{transform:rotate(17.19deg)} 13.33%{transform:rotate(21.12deg)} 14.44%{transform:rotate(25.04deg)} 15.56%{transform:rotate(25.51deg)} 16.67%{transform:rotate(23.50deg)} 17.78%{transform:rotate(20.18deg)} 18.89%{transform:rotate(15.82deg)} 20.00%{transform:rotate(10.70deg)} 21.11%{transform:rotate(5.07deg)} 22.22%{transform:rotate(-0.79deg)} 23.33%{transform:rotate(-6.61deg)} 24.44%{transform:rotate(-12.13deg)} 25.56%{transform:rotate(-17.08deg)} 26.67%{transform:rotate(-21.18deg)} 27.78%{transform:rotate(-24.18deg)} 28.89%{transform:rotate(-25.79deg)} 30.00%{transform:rotate(-23.99deg)} 31.11%{transform:rotate(-20.06deg)} 32.22%{transform:rotate(-16.14deg)} 33.33%{transform:rotate(-12.21deg)} 34.44%{transform:rotate(-8.28deg)} 35.56%{transform:rotate(-4.36deg)} 36.67%{transform:rotate(-0.43deg)} 37.78%{transform:rotate(3.49deg)} 38.89%{transform:rotate(7.42deg)} 40.00%{transform:rotate(11.35deg)} 41.11%{transform:rotate(15.27deg)} 42.22%{transform:rotate(19.20deg)} 43.33%{transform:rotate(23.13deg)} 44.44%{transform:rotate(25.94deg)} 45.56%{transform:rotate(24.66deg)} 46.67%{transform:rotate(21.95deg)} 47.78%{transform:rotate(18.06deg)} 48.89%{transform:rotate(13.28deg)} 50.00%{transform:rotate(7.86deg)} 51.11%{transform:rotate(2.08deg)} 52.22%{transform:rotate(-3.79deg)} 53.33%{transform:rotate(-9.50deg)} 54.44%{transform:rotate(-14.76deg)} 55.56%{transform:rotate(-19.30deg)} 56.67%{transform:rotate(-22.87deg)} 57.78%{transform:rotate(-25.19deg)} 58.89%{transform:rotate(-25.90deg)} 60.00%{transform:rotate(-21.98deg)} 61.11%{transform:rotate(-18.05deg)} 62.22%{transform:rotate(-14.13deg)} 63.33%{transform:rotate(-10.20deg)} 64.44%{transform:rotate(-6.27deg)} 65.56%{transform:rotate(-2.35deg)} 66.67%{transform:rotate(1.58deg)} 67.78%{transform:rotate(5.51deg)} 68.89%{transform:rotate(9.43deg)} 70.00%{transform:rotate(13.36deg)} 71.11%{transform:rotate(17.28deg)} 72.22%{transform:rotate(21.21deg)} 73.33%{transform:rotate(25.14deg)} 74.44%{transform:rotate(25.48deg)} 75.56%{transform:rotate(23.43deg)} 76.67%{transform:rotate(20.09deg)} 77.78%{transform:rotate(15.71deg)} 78.89%{transform:rotate(10.57deg)} 80.00%{transform:rotate(4.93deg)} 81.11%{transform:rotate(-0.93deg)} 82.22%{transform:rotate(-6.75deg)} 83.33%{transform:rotate(-12.26deg)} 84.44%{transform:rotate(-17.19deg)} 85.56%{transform:rotate(-21.27deg)} 86.67%{transform:rotate(-24.24deg)} 87.78%{transform:rotate(-25.81deg)} 88.89%{transform:rotate(-25.82deg)} 90.00%{transform:rotate(-24.59deg)} 91.11%{transform:rotate(-22.42deg)} 92.22%{transform:rotate(-19.57deg)} 93.33%{transform:rotate(-16.29deg)} 94.44%{transform:rotate(-12.82deg)} 95.56%{transform:rotate(-9.41deg)} 96.67%{transform:rotate(-6.33deg)} 97.78%{transform:rotate(-3.81deg)} 98.89%{transform:rotate(-2.12deg)} 100.00%{transform:rotate(-1.50deg)} }
@keyframes w2pb_ela{ 0.00%{transform:rotate(26.00deg)} 1.11%{transform:rotate(25.16deg)} 2.22%{transform:rotate(22.80deg)} 3.33%{transform:rotate(19.20deg)} 4.44%{transform:rotate(14.64deg)} 5.56%{transform:rotate(9.36deg)} 6.67%{transform:rotate(3.65deg)} 7.78%{transform:rotate(-2.22deg)} 8.89%{transform:rotate(-8.00deg)} 10.00%{transform:rotate(-13.40deg)} 11.11%{transform:rotate(-18.17deg)} 12.22%{transform:rotate(-22.03deg)} 13.33%{transform:rotate(-24.71deg)} 14.44%{transform:rotate(-25.95deg)} 15.56%{transform:rotate(-23.03deg)} 16.67%{transform:rotate(-19.11deg)} 17.78%{transform:rotate(-15.18deg)} 18.89%{transform:rotate(-11.25deg)} 20.00%{transform:rotate(-7.33deg)} 21.11%{transform:rotate(-3.40deg)} 22.22%{transform:rotate(0.53deg)} 23.33%{transform:rotate(4.45deg)} 24.44%{transform:rotate(8.38deg)} 25.56%{transform:rotate(12.31deg)} 26.67%{transform:rotate(16.23deg)} 27.78%{transform:rotate(20.16deg)} 28.89%{transform:rotate(24.08deg)} 30.00%{transform:rotate(25.77deg)} 31.11%{transform:rotate(24.12deg)} 32.22%{transform:rotate(21.10deg)} 33.33%{transform:rotate(16.97deg)} 34.44%{transform:rotate(12.01deg)} 35.56%{transform:rotate(6.48deg)} 36.67%{transform:rotate(0.65deg)} 37.78%{transform:rotate(-5.21deg)} 38.89%{transform:rotate(-10.83deg)} 40.00%{transform:rotate(-15.94deg)} 41.11%{transform:rotate(-20.28deg)} 42.22%{transform:rotate(-23.57deg)} 43.33%{transform:rotate(-25.54deg)} 44.44%{transform:rotate(-24.95deg)} 45.56%{transform:rotate(-21.02deg)} 46.67%{transform:rotate(-17.09deg)} 47.78%{transform:rotate(-13.17deg)} 48.89%{transform:rotate(-9.24deg)} 50.00%{transform:rotate(-5.32deg)} 51.11%{transform:rotate(-1.39deg)} 52.22%{transform:rotate(2.54deg)} 53.33%{transform:rotate(6.46deg)} 54.44%{transform:rotate(10.39deg)} 55.56%{transform:rotate(14.32deg)} 56.67%{transform:rotate(18.24deg)} 57.78%{transform:rotate(22.17deg)} 58.89%{transform:rotate(26.00deg)} 60.00%{transform:rotate(25.12deg)} 61.11%{transform:rotate(22.73deg)} 62.22%{transform:rotate(19.10deg)} 63.33%{transform:rotate(14.51deg)} 64.44%{transform:rotate(9.23deg)} 65.56%{transform:rotate(3.51deg)} 66.67%{transform:rotate(-2.37deg)} 67.78%{transform:rotate(-8.14deg)} 68.89%{transform:rotate(-13.53deg)} 70.00%{transform:rotate(-18.27deg)} 71.11%{transform:rotate(-22.11deg)} 72.22%{transform:rotate(-24.76deg)} 73.33%{transform:rotate(-25.96deg)} 74.44%{transform:rotate(-22.94deg)} 75.56%{transform:rotate(-19.01deg)} 76.67%{transform:rotate(-15.08deg)} 77.78%{transform:rotate(-11.16deg)} 78.89%{transform:rotate(-7.23deg)} 80.00%{transform:rotate(-3.30deg)} 81.11%{transform:rotate(0.62deg)} 82.22%{transform:rotate(4.55deg)} 83.33%{transform:rotate(8.47deg)} 84.44%{transform:rotate(12.40deg)} 85.56%{transform:rotate(16.33deg)} 86.67%{transform:rotate(20.25deg)} 87.78%{transform:rotate(24.18deg)} 88.89%{transform:rotate(25.93deg)} 90.00%{transform:rotate(25.48deg)} 91.11%{transform:rotate(24.69deg)} 92.22%{transform:rotate(23.64deg)} 93.33%{transform:rotate(22.43deg)} 94.44%{transform:rotate(21.16deg)} 95.56%{transform:rotate(19.91deg)} 96.67%{transform:rotate(18.77deg)} 97.78%{transform:rotate(17.85deg)} 98.89%{transform:rotate(17.23deg)} 100.00%{transform:rotate(17.00deg)} }
@keyframes w2ka_ela{ 0.00%{transform:rotate(0.00deg)} 1.11%{transform:rotate(1.41deg)} 2.22%{transform:rotate(2.74deg)} 3.33%{transform:rotate(3.92deg)} 4.44%{transform:rotate(4.88deg)} 5.56%{transform:rotate(5.56deg)} 6.67%{transform:rotate(5.93deg)} 7.78%{transform:rotate(5.98deg)} 8.89%{transform:rotate(5.68deg)} 10.00%{transform:rotate(5.07deg)} 11.11%{transform:rotate(4.17deg)} 12.22%{transform:rotate(3.05deg)} 13.33%{transform:rotate(1.74deg)} 14.44%{transform:rotate(0.35deg)} 15.56%{transform:rotate(7.66deg)} 16.67%{transform:rotate(22.21deg)} 17.78%{transform:rotate(37.72deg)} 18.89%{transform:rotate(51.92deg)} 20.00%{transform:rotate(63.11deg)} 21.11%{transform:rotate(70.04deg)} 22.22%{transform:rotate(71.95deg)} 23.33%{transform:rotate(68.65deg)} 24.44%{transform:rotate(60.49deg)} 25.56%{transform:rotate(48.35deg)} 26.67%{transform:rotate(33.61deg)} 27.78%{transform:rotate(18.10deg)} 28.89%{transform:rotate(4.35deg)} 30.00%{transform:rotate(0.73deg)} 31.11%{transform:rotate(2.11deg)} 32.22%{transform:rotate(3.37deg)} 33.33%{transform:rotate(4.44deg)} 34.44%{transform:rotate(5.26deg)} 35.56%{transform:rotate(5.79deg)} 36.67%{transform:rotate(6.00deg)} 37.78%{transform:rotate(5.87deg)} 38.89%{transform:rotate(5.41deg)} 40.00%{transform:rotate(4.64deg)} 41.11%{transform:rotate(3.62deg)} 42.22%{transform:rotate(2.40deg)} 43.33%{transform:rotate(1.04deg)} 44.44%{transform:rotate(2.00deg)} 45.56%{transform:rotate(14.81deg)} 46.67%{transform:rotate(30.19deg)} 47.78%{transform:rotate(45.28deg)} 48.89%{transform:rotate(58.12deg)} 50.00%{transform:rotate(67.25deg)} 51.11%{transform:rotate(71.67deg)} 52.22%{transform:rotate(70.90deg)} 53.33%{transform:rotate(65.03deg)} 54.44%{transform:rotate(54.69deg)} 55.56%{transform:rotate(41.02deg)} 56.67%{transform:rotate(25.62deg)} 57.78%{transform:rotate(10.62deg)} 58.89%{transform:rotate(0.03deg)} 60.00%{transform:rotate(1.44deg)} 61.11%{transform:rotate(2.77deg)} 62.22%{transform:rotate(3.94deg)} 63.33%{transform:rotate(4.90deg)} 64.44%{transform:rotate(5.57deg)} 65.56%{transform:rotate(5.94deg)} 66.67%{transform:rotate(5.97deg)} 67.78%{transform:rotate(5.67deg)} 68.89%{transform:rotate(5.05deg)} 70.00%{transform:rotate(4.15deg)} 71.11%{transform:rotate(3.02deg)} 72.22%{transform:rotate(1.71deg)} 73.33%{transform:rotate(0.31deg)} 74.44%{transform:rotate(7.97deg)} 75.56%{transform:rotate(22.58deg)} 76.67%{transform:rotate(38.09deg)} 77.78%{transform:rotate(52.24deg)} 78.89%{transform:rotate(63.34deg)} 80.00%{transform:rotate(70.15deg)} 81.11%{transform:rotate(71.93deg)} 82.22%{transform:rotate(68.51deg)} 83.33%{transform:rotate(60.24deg)} 84.44%{transform:rotate(48.02deg)} 85.56%{transform:rotate(33.23deg)} 86.67%{transform:rotate(17.73deg)} 87.78%{transform:rotate(4.07deg)} 88.89%{transform:rotate(0.00deg)} 90.00%{transform:rotate(0.00deg)} 91.11%{transform:rotate(0.00deg)} 92.22%{transform:rotate(0.00deg)} 93.33%{transform:rotate(0.00deg)} 94.44%{transform:rotate(0.00deg)} 95.56%{transform:rotate(0.00deg)} 96.67%{transform:rotate(0.00deg)} 97.78%{transform:rotate(0.00deg)} 98.89%{transform:rotate(0.00deg)} 100.00%{transform:rotate(0.00deg)} }
@keyframes w2kb_ela{ 0.00%{transform:rotate(0.00deg)} 1.11%{transform:rotate(10.96deg)} 2.22%{transform:rotate(26.00deg)} 3.33%{transform:rotate(41.38deg)} 4.44%{transform:rotate(54.99deg)} 5.56%{transform:rotate(65.23deg)} 6.67%{transform:rotate(70.98deg)} 7.78%{transform:rotate(71.62deg)} 8.89%{transform:rotate(67.08deg)} 10.00%{transform:rotate(57.85deg)} 11.11%{transform:rotate(44.93deg)} 12.22%{transform:rotate(29.81deg)} 13.33%{transform:rotate(14.46deg)} 14.44%{transform:rotate(1.77deg)} 15.56%{transform:rotate(1.07deg)} 16.67%{transform:rotate(2.43deg)} 17.78%{transform:rotate(3.65deg)} 18.89%{transform:rotate(4.67deg)} 20.00%{transform:rotate(5.42deg)} 21.11%{transform:rotate(5.87deg)} 22.22%{transform:rotate(6.00deg)} 23.33%{transform:rotate(5.78deg)} 24.44%{transform:rotate(5.25deg)} 25.56%{transform:rotate(4.42deg)} 26.67%{transform:rotate(3.34deg)} 27.78%{transform:rotate(2.07deg)} 28.89%{transform:rotate(0.69deg)} 30.00%{transform:rotate(4.63deg)} 31.11%{transform:rotate(18.46deg)} 32.22%{transform:rotate(33.98deg)} 33.33%{transform:rotate(48.68deg)} 34.44%{transform:rotate(60.74deg)} 35.56%{transform:rotate(68.79deg)} 36.67%{transform:rotate(71.97deg)} 37.78%{transform:rotate(69.93deg)} 38.89%{transform:rotate(62.89deg)} 40.00%{transform:rotate(51.61deg)} 41.11%{transform:rotate(37.35deg)} 42.22%{transform:rotate(21.83deg)} 43.33%{transform:rotate(7.34deg)} 44.44%{transform:rotate(0.38deg)} 45.56%{transform:rotate(1.78deg)} 46.67%{transform:rotate(3.07deg)} 47.78%{transform:rotate(4.20deg)} 48.89%{transform:rotate(5.09deg)} 50.00%{transform:rotate(5.69deg)} 51.11%{transform:rotate(5.98deg)} 52.22%{transform:rotate(5.93deg)} 53.33%{transform:rotate(5.55deg)} 54.44%{transform:rotate(4.86deg)} 55.56%{transform:rotate(3.89deg)} 56.67%{transform:rotate(2.71deg)} 57.78%{transform:rotate(1.38deg)} 58.89%{transform:rotate(0.09deg)} 60.00%{transform:rotate(11.30deg)} 61.11%{transform:rotate(26.38deg)} 62.22%{transform:rotate(41.74deg)} 63.33%{transform:rotate(55.28deg)} 64.44%{transform:rotate(65.43deg)} 65.56%{transform:rotate(71.06deg)} 66.67%{transform:rotate(71.57deg)} 67.78%{transform:rotate(66.91deg)} 68.89%{transform:rotate(57.57deg)} 70.00%{transform:rotate(44.58deg)} 71.11%{transform:rotate(29.43deg)} 72.22%{transform:rotate(14.10deg)} 73.33%{transform:rotate(1.55deg)} 74.44%{transform:rotate(1.10deg)} 75.56%{transform:rotate(2.46deg)} 76.67%{transform:rotate(3.68deg)} 77.78%{transform:rotate(4.69deg)} 78.89%{transform:rotate(5.44deg)} 80.00%{transform:rotate(5.88deg)} 81.11%{transform:rotate(6.00deg)} 82.22%{transform:rotate(5.77deg)} 83.33%{transform:rotate(5.23deg)} 84.44%{transform:rotate(4.39deg)} 85.56%{transform:rotate(3.31deg)} 86.67%{transform:rotate(2.04deg)} 87.78%{transform:rotate(0.66deg)} 88.89%{transform:rotate(7.17deg)} 90.00%{transform:rotate(19.90deg)} 91.11%{transform:rotate(30.88deg)} 92.22%{transform:rotate(39.13deg)} 93.33%{transform:rotate(43.93deg)} 94.44%{transform:rotate(44.86deg)} 95.56%{transform:rotate(41.82deg)} 96.67%{transform:rotate(35.10deg)} 97.78%{transform:rotate(25.27deg)} 98.89%{transform:rotate(13.22deg)} 100.00%{transform:rotate(0.00deg)} }
.w2-ela .w2-pa, .w2-ela .w2-pb{ transform-origin:172px 187px; }
.w2-ela .w2-k{ transform-origin:172px 207px; }
.gn-load--home .w2-ela{ animation:w2ir_ela 3.84s linear 3.16s both; }
.gn-load--home .w2-ela .w2-pa{ animation:w2pa_ela 3.84s linear 3.16s both; }
.gn-load--home .w2-ela .w2-pa .w2-k{ animation:w2ka_ela 3.84s linear 3.16s both; }
.gn-load--home .w2-ela .w2-pb{ animation:w2pb_ela 3.84s linear 3.16s both; }
.gn-load--home .w2-ela .w2-pb .w2-k{ animation:w2kb_ela 3.84s linear 3.16s both; }

/* 146 · home: o atalho "Nossas obras" da barra só aparece depois que o
   título da capa "entra" voando nela (o JS cuida do voo) */
html.gn-obras-home .topbar .atalhos .atalho{ opacity:0; pointer-events:none; transition:opacity .35s ease; }
html.gn-obras-home.gn-obras-na-barra .topbar .atalhos .atalho{ opacity:1; pointer-events:auto; }
html.gn-obras-home .obras-titulo{ transition:opacity .35s ease; }
html.gn-obras-voando .obras-titulo, html.gn-obras-na-barra .obras-titulo{ opacity:0 !important; }
.gn-obras-voo{ position:fixed; z-index:9990; margin:0; white-space:nowrap; pointer-events:none; transform-origin:0 0; will-change:transform, opacity; }
html.gn-obras-forca-barra #topbar{ transform:none !important; opacity:1 !important; visibility:visible !important; }

/* 147 · a água SURGE (sobe de baixo com fade) em vez de já começar na tela */
.gn-load--home .gn-la-agua{ animation:gnAguaSurge 1.5s cubic-bezier(.25,.7,.3,1) .25s both, gnBrilhaAgua 3s ease-in-out 1.8s infinite alternate !important; }
@keyframes gnAguaSurge{ from{ opacity:0; clip-path:inset(72% 0 0 0); transform:translateY(4%); } 40%{ opacity:1; } to{ opacity:1; clip-path:inset(0 0 0 0); transform:none; } }
/* os braços da pose giram em volta do ombro/cotovelo (não do meio da imagem) */
.gn-logoanim .gn-la-pose img.gn-la-mbraco{ transform-origin:30.5% 34.8% !important; }
.gn-logoanim .gn-la-pose img.gn-la-braco{ transform-origin:36.6% 30.5% !important; }
/* voo do título: posicionado só pelo transform (o JS acompanha ao vivo) */
.gn-obras-voo{ left:0 !important; top:0 !important; }
html.gn-obras-voando .obras-titulo{ transition:none !important; }

/* 148 · saída do loading da home: keyframe próprio (com o mesmo nome do
   anterior a animação "já tinha passado" e a tela sumia de uma vez) */
.gn-load.gn-load--home.gn-load--sai{ animation:gnLoadSaiHome 1.8s cubic-bezier(.4,0,.2,1) forwards !important; }
@keyframes gnLoadSaiHome{ 0%{ opacity:1; visibility:visible; } 99%{ opacity:0; visibility:visible; } 100%{ opacity:0; visibility:hidden; } }
.gn-load--home.gn-load--sai .gn-logoanim{ transition:transform 1.8s cubic-bezier(.4,0,.2,1); transform:scale(.96); }
/* o número do loading surge com um fade bem suave (junto com as primeiras bolinhas) */
.gn-load--home .gn-load__pct{ animation:gnPctSurge 1.6s cubic-bezier(.4,0,.2,1) 1.5s both; }
@keyframes gnPctSurge{ from{ opacity:0; filter:blur(3px); } to{ opacity:1; filter:none; } }
/* 149 · reserva o espaço da barra de rolagem desde o início: quando a
   rolagem é liberada depois da animação, nada se desloca pro lado */
html{ scrollbar-gutter:stable; }
html.gn-carregando{ background:#FFA001 !important; }   /* 150 · "Nossas obras" da barra com o mesmo jeito do título da home
   (Jazmin, caixa-alta, peso 800) */
.topbar .atalhos .atalho, .pg-top .atalhos .atalho{
  font-family:Jazmin, Montserrat, "Segoe UI", system-ui, sans-serif !important;
  text-transform:uppercase !important; font-weight:800 !important; letter-spacing:.02em !important;
}

/* 151 · a água termina de surgir sem dar "pulinho": o balanço começa do lugar dela */
.gn-load--home .gn-la-agua{ animation:gnAguaSurge 1.5s cubic-bezier(.25,.7,.3,1) .25s both, gnBalancaAgua 6s ease-in-out 1.75s infinite !important; }
@keyframes gnBalancaAgua{ 0%{ transform:translateX(0); } 25%{ transform:translateX(-0.6%); } 75%{ transform:translateX(0.6%); } 100%{ transform:translateX(0); } }

/* 152 · telinha de loading entre páginas: 2s no total (barra 1,4s,
   segura e some com fade de 0,5s). A da home (10s) não muda. */
.gn-load:not(.gn-load--volta):not(.gn-load--home){ animation:gnLoadSai .5s cubic-bezier(.45,0,.25,1) 1.5s forwards !important; }
.gn-load:not(.gn-load--home) .gn-load__barra b{ animation-duration:1.4s !important; }

/* 153 · textos marrons da capa com halo claro (bem mais legíveis sobre o
   amarelo e as bolinhas); substitui a sombrinha laranja da seção 143 */
#obras .eyebrow, #obras .obras-titulo, #obras .obras-sub,
.panel--entrada .eyebrow, .obras-titulo, .obras-sub,
.panel--entrada .livro__nome, .panel--entrada .livro__nome *{
  text-shadow:0 0 2px rgba(255,240,205,.95), 0 0 10px rgba(255,226,160,.85), 0 0 22px rgba(254,214,0,.6) !important;
}
#obras .eyebrow, #obras .obras-sub, .panel--entrada .eyebrow, .obras-sub{ font-weight:600 !important; }

/* 154 · TESTE: textos da capa em preto (no lugar do marrom) */
#obras .eyebrow, #obras .obras-titulo, #obras .obras-sub,
.panel--entrada .eyebrow, .obras-titulo, .obras-sub,
.panel--entrada .livro__nome, .panel--entrada .livro__nome *{ color:#000 !important; }

/* 155 · TESTE: subtítulo em itálico das seções e o resumo do artigo em preto */
.pg-resumo, .pg-resumo *{ color:#000 !important; }
body .scpg__hero .scpg__sobre.scpg__sobre{ color:#000 !important; text-shadow:0 0 2px rgba(255,248,230,.9), 0 0 10px rgba(255,240,205,.6) !important; }
html.gn-obras-home .obras-titulo{ transition:none !important; }   /* (155b) mais forte que as regras de cada estação; Mapas para Colorir tem fundo preto e fica como estava */
.panel--sec:not([data-season="5"]):not(.panel--mapas) .sec-top .sec-linha.sec-linha.sec-linha{
  color:#000 !important; text-shadow:0 0 2px rgba(255,248,230,.9), 0 0 10px rgba(255,240,205,.6) !important;
}

/* 156 · frase "Explorando o universo da Geografia": embaixo do nome na
   abertura da home (surge depois do GEONAUTA) e no rodapé (logo v2) */
.gn-logoanim img.gn-la-tag{ top:100% !important; height:auto !important; margin-top:.8%; animation:none !important;
  opacity:0 !important; filter:blur(2px); transform:translateY(-30%);
  transition:opacity .9s cubic-bezier(.25,.7,.3,1), transform .9s cubic-bezier(.25,.7,.3,1), filter .9s; }
.gn-logoanim img.gn-la-tag.gn-tag-on{ opacity:1 !important; transform:none; filter:none; }

/* 157 · barra do topo clara (branco com 10% de preto), sem o
   marca-página: só a logo horizontal (sol + GEONAUTA ao lado) e os
   textos da barra em preto. Os painéis que abrem (menus) continuam escuros. */
 

.topbar .brand__logo, .topbar.is-stuck .brand__logo,
.pg-top .pg-marca img{
  height:44px !important; width:auto !important; max-width:none !important; filter:none !important;
}
@media (max-width:980px){
  .topbar .brand__logo, .topbar.is-stuck .brand__logo,
  .pg-top .pg-marca img{ height:32px !important; }
}
.topbar, .topbar.is-stuck, .pg-top{
  background:#E6E6E6 !important; background-image:none !important;
  box-shadow:0 1px 0 rgba(0,0,0,.08), 0 6px 18px rgba(0,0,0,.06) !important;
}
.topbar .atalhos .atalho, .pg-top .atalhos .atalho,
.topbar .busca__input, .pg-top .busca__input{ color:#000 !important; }
html body .topbar .busca__input::placeholder, html body .pg-top .busca__input::placeholder{ color:rgba(0,0,0,.55) !important; }
.topbar .busca__info{ color:#000 !important; border-color:rgba(0,0,0,.35) !important; background:rgba(255,255,255,.6) !important; }
@media (min-width:981px){
  html body #topbar nav a:not(.mn__painel *):not(.gaveta__extra a), html body #topbar nav a:not(.mn__painel *) .mn__seta,
  html body header.pg-top nav a:not(.mn__painel *):not(.gaveta__extra a), html body header.pg-top nav a:not(.mn__painel *) .mn__seta{
    color:#000 !important; text-shadow:none !important;
  }
  
}

/* VERSÃO SÓ FRONT-END: sem jornada, pontos, conta e perguntas */
 .pg-conta{ display:none !important; }

/* VERSÃO SÓ FRONT-END: sem o "Entrar", a coluna dele fica livre e a busca ocupa até o canto direito */
.topbar > .busca, .pg-top > .busca{ grid-column:7 / -1 !important; justify-self:end !important; }

/* VERSÃO SÓ FRONT-END · cores
   1) a barra e os menus que abrem dela ficam todos no cinza-claro da barra
      (#E6E6E6), sem alternar com preto; textos escuros.
   2) todos os fundos amarelos viram amarelo-bebê. */
:root{ --gn-bb:#FFF4C2; }
html{ background:var(--gn-bb) !important; }
html body .mn .mn__painel, html body .mapas-topo .mapas-topo__drop{
  background:#E6E6E6 !important; background-image:none !important;
  border-top:1px solid rgba(0,0,0,.08) !important; box-shadow:0 14px 30px rgba(0,0,0,.12) !important;
}
html body .mn .mn__painel *, html body .mapas-topo .mapas-topo__drop *{ color:#1A1A1A !important; text-shadow:none !important; }
html body .mn .mn__painel h4, html body .mapas-topo .mapas-topo__drop h4{ color:var(--gn-laranja,#FFA001) !important; }
html body .mn .mn__painel .mn__rotulo{ color:#3F1700 !important; }
html body .mn .mn__painel p, html body .mn .mn__painel small, html body .mapas-topo .mapas-topo__drop p{ color:rgba(0,0,0,.68) !important; }
html body .mn .mn__painel .mn__posts a{ background:transparent !important; }
html body .mn .mn__painel .mn__posts a:hover, html body .mn .mn__painel .mn__posts a.is-on{ background:rgba(0,0,0,.06) !important; }
html body .mn .mn__painel .mn__vitrine, html body .mn .mn__painel .mn__fotoq{ background:transparent !important; }
html body .mapas-topo .mapas-topo__drop .mapas-topo__ver, html body .mn .mn__painel .mn__sobre a{ color:#1E1405 !important; }
html body .topbar a:hover:not(.mn__painel *):not(.mapas-topo__btn), html body .pg-top a:hover:not(.mn__painel *):not(.mapas-topo__btn){ color:var(--gn-laranja,#FFA001) !important; }

html body #obras, html body .panel--entrada, html body .banner-obra, html body #bannerObra, html body #bannerObra2,
html body .foot, html body .gn-load, html.gn-carregando{ background-color:var(--gn-bb) !important; background-image:none !important; }
html body .mn .mn__painel .mn__sobre p, html body .mn .mn__painel .mn__posts small, html body .mn .mn__painel .mn__posts p{ color:rgba(0,0,0,.68) !important; }
html body .foot h3, html body .foot .foot__col h3{ color:#3F1700 !important; }

/* VERSÃO SÓ FRONT-END · os dois blocos dos Mapas para Colorir (o de
   baixo do topo e a seção lá embaixo) no marrom da paleta (#3F1700) */
:root{ --gn-marrom-pal:#3F1700; }
html body .mapasv, html body .panel--entrada .mapasv, html body #mapas.panel--mapas, html body .panel--sec.panel--mapas{
  background-color:var(--gn-marrom-pal) !important; background-image:none !important;
}

/* VERSÃO SÓ FRONT-END · montagem do topo um pouco mais rápida e um "enter"
   entre "Nossas Obras" e "Cinco coleções…" */
#prateleira .livro .livro__capa, #prateleira .livro .livro__ano{ transition-duration:.3s !important; }
html body #obras .wrap .obras-titulo.obras-titulo{ transition-duration:.6s !important; margin-bottom:1.1em !important; }
html body #obras .wrap .obras-sub.obras-sub{ margin-top:0 !important; }

/* VERSÃO SÓ FRONT-END · ao clicar na lupa, o campo de digitar fica branco */
html body .topbar .busca__campo:focus-within, html body .pg-top .busca__campo:focus-within{
  background:#fff !important; border-color:rgba(0,0,0,.18) !important; border-radius:999px !important;
  box-shadow:0 2px 10px rgba(0,0,0,.08) !important;
}

/* VERSÃO SÓ FRONT-END · frase da seção Mapas para Colorir no amarelo dos títulos de "Em destaque" */
html body #mapas.panel--mapas .sec-top .sec-linha.sec-linha.sec-linha{ color:#FED600 !important; }

/* VERSÃO SÓ FRONT-END · rodapé das matérias (Mundo Geográfico, GeoDigital, Cinerama) */
.pg-fale{ margin:46px 0 10px; padding:22px 26px; border-left:4px solid #FFA001; background:#FFF4C2; border-radius:0 10px 10px 0; }
.pg-fale p{ margin:0 !important; font-size:19px !important; line-height:1.5 !important; color:#3F1700 !important; text-indent:0 !important; }
.pg-fale a{ color:#3F1700 !important; font-weight:800; text-decoration:underline; text-decoration-color:#FFA001; text-underline-offset:4px; text-decoration-thickness:2px; }
.pg-fale a:hover{ color:#FFA001 !important; }

/* VERSÃO SÓ FRONT-END · textos dos menus que abrem (dropdowns) justificados */
html body .mn .mn__painel p, html body .mn .mn__painel .mn__posts small, html body .mapas-topo .mapas-topo__drop p{ text-align:justify !important; text-justify:inter-word; hyphens:auto; -webkit-hyphens:auto; }

/* VERSÃO SÓ FRONT-END · linhazinha dividindo as colunas dos dropdowns */
@media (min-width:981px){
  html body .mn .mn__painel .mn__posts, html body .mn .mn__painel .mn__vitrine,
  html body .mapas-topo .mapas-topo__drop .mtd__mapas{
    border-left:1px solid rgba(63,23,0,.18) !important; padding-left:clamp(18px,2vw,32px) !important;
  }
}

/* VERSÃO SÓ FRONT-END · rodapé no mesmo cinza da barra do topo (banners ficam amarelo-bebê) */
html body .foot{ background-color:#E6E6E6 !important; background-image:none !important; }

/* VERSÃO SÓ FRONT-END · a foto da direita do dropdown com o mesmo fundo sempre (não perde o preto ao trocar de matéria) */
html body .mn .mn__painel .mn__vitrine img{ background-color:#1b140a !important; }

/* VERSÃO SÓ FRONT-END · no dropdown, as colunas das laterais num cinza um pouco mais escuro que o do meio */
@media (min-width:981px){
  html body .mn .mn__painel .mn__sobre, html body .mapas-topo .mapas-topo__drop .mtd__txt{
    background:#D6D6D6 !important; padding:20px 22px !important; border-radius:8px !important;
  }
  html body .mn .mn__painel .mn__vitrine{
    background:#D6D6D6 !important; padding:14px !important; border-radius:8px !important; border-left:0 !important;
  }
  html body .mn .mn__painel .mn__vitrine img{ border-radius:4px; }
}

/* VERSÃO SÓ FRONT-END · títulos das seções e o título "em destaque" em preto
   (Mapas para Colorir fica como está, por causa do fundo marrom) */
html body .panel--sec:not(.panel--mapas) .sec-top .sec-kicker.sec-kicker,
html body .panel--sec:not(.panel--mapas) .palco__txt h2,
html body .scpg__hero h1{ color:#000 !important; -webkit-text-fill-color:#000 !important; }

/* VERSÃO SÓ FRONT-END · texto das matérias na roleta das seções em preto */
html body .panel--sec:not(.panel--mapas) .scard .scard__txt, html body .panel--sec:not(.panel--mapas) .scard .scard__txt *, html body .panel--sec:not(.panel--mapas) .scard b{ color:#000 !important; }

/* VERSÃO SÓ FRONT-END · título e frase da seção Mapas para Colorir (lá embaixo) em branco */
html body #mapas.panel--mapas .sec-top .sec-kicker.sec-kicker, html body #mapas.panel--mapas .sec-top .sec-linha.sec-linha.sec-linha{ color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* VERSÃO SÓ FRONT-END · dropdown: as colunas laterais pintadas inteiras, de ponta a ponta
   (até a borda da tela na horizontal e de cima a baixo do dropdown na vertical) */
@media (min-width:981px){
  html body .mn .mn__painel, html body .mapas-topo .mapas-topo__drop{ overflow:hidden !important; }
  html body .mn .mn__painel .mn__grade, html body .mapas-topo .mapas-topo__drop .mtd__grade{
    gap:40px !important; padding-top:0 !important; padding-bottom:0 !important; align-items:stretch !important;
  }
  html body .mn .mn__painel .mn__grade > *, html body .mapas-topo .mapas-topo__drop .mtd__grade > *{
    padding-top:30px !important; padding-bottom:34px !important; position:relative; z-index:0;
  }
  /* desfaz o "cartãozinho" de antes */
  html body .mn .mn__painel .mn__sobre, html body .mn .mn__painel .mn__vitrine,
  html body .mapas-topo .mapas-topo__drop .mtd__txt{
    background:transparent !important; border-radius:0 !important; padding-left:0 !important; padding-right:0 !important;
  }
  html body .mn .mn__painel .mn__posts, html body .mn .mn__painel .mn__vitrine,
  html body .mapas-topo .mapas-topo__drop .mtd__mapas{ border-left:0 !important; padding-left:0 !important; }
  /* o fundo mais escuro, de ponta a ponta */
  html body .mn .mn__painel .mn__sobre::before, html body .mapas-topo .mapas-topo__drop .mtd__txt::before{
    content:''; position:absolute; z-index:-1; top:0; bottom:0; left:-100vw; right:-20px;
    background:#D6D6D6; border-right:1px solid rgba(63,23,0,.18);
  }
  html body .mn .mn__painel .mn__vitrine::before{
    content:''; position:absolute; z-index:-1; top:0; bottom:0; right:-100vw; left:-20px;
    background:#D6D6D6; border-left:1px solid rgba(63,23,0,.18);
  }
  html body .mn .mn__painel .mn__vitrine{ background:transparent !important; overflow:visible !important; }
}
html body .mn .mn__painel .mn__grade > .mn__vitrine{ align-self:stretch !important; display:block !important; }

/* VERSÃO SÓ FRONT-END · títulos das seções dentro do dropdown em preto */
html body .mn .mn__painel h4, html body .mn .mn__painel .mn__sobre h4, html body .mapas-topo .mapas-topo__drop h4{ color:#000 !important; }

/* VERSÃO SÓ FRONT-END · com a altura igualada, as colunas vão até o fim do dropdown */
@media (min-width:981px){
  html body .mn .mn__painel, html body .mapas-topo .mapas-topo__drop{ display:flex !important; flex-direction:column !important; }
  html body .mn .mn__painel > .mn__grade, html body .mapas-topo .mapas-topo__drop > .mtd__grade{ flex:1 1 auto !important; width:100%; box-sizing:border-box; }
}

/* respiro entre a logo e o "Nossas obras" na barra do topo */
@media (min-width:981px){
  .topbar .brand, .pg-top .pg-marca{ margin-right:72px !important; }
}

/* rodapé: duas listas lado a lado, centralizadas, com título sublinhado */
.foot .foot__topo{
  grid-template-columns:1.35fr 1fr !important;
  max-width:880px; margin-left:auto; margin-right:auto;
  column-gap:0 !important; row-gap:0 !important;
}
.foot .foot__brand{ grid-column:1 / -1 !important; }
.foot .foot__col{ padding:0 clamp(24px,4vw,56px); }
.foot .foot__col + .foot__col{ border-left:1px solid rgba(63,23,0,.16); }
.foot .foot__col h3{
  position:relative; padding-bottom:12px; margin:0 0 14px !important;
  font-size:13.5px; letter-spacing:.2em;
}
.foot .foot__col h3::after{
  content:""; position:absolute; left:0; bottom:0; width:34px; height:3px; background:#FFA001;
}
.foot .foot__col--site{
  display:grid; grid-template-columns:1fr 1fr; column-gap:28px; align-content:start;
}
.foot .foot__col--site{ grid-template-rows:auto repeat(3,auto); grid-auto-flow:column; }
.foot .foot__col--site h3{ grid-column:1 / -1; grid-row:1; }
.foot .foot__col a{ padding:7px 0; }
@media (max-width:700px){
  .foot .foot__topo{ grid-template-columns:1fr !important; row-gap:34px !important; }
  .foot .foot__col{ padding:0; }
  .foot .foot__col + .foot__col{ border-left:0; border-top:1px solid rgba(63,23,0,.16); padding-top:28px; }
}

/* barra do topo igual em todas as páginas:
   - o botão "Mapas para Colorir" sempre em Montserrat (as páginas
     institucionais e a de obras forçavam Jazmin em tudo, até nele)
   - sem o atalho "Nossas obras" (a home não tem; nas internas ele
     apertava a barra e cortava o campo de busca) */
body.pg--obras .mapas-topo__btn, body.pg--obras .mapas-topo__btn *,
body.pg--inst .mapas-topo__btn, body.pg--inst .mapas-topo__btn *,
body.pg--obras .btn, body.pg--obras .ab, body.pg--inst .btn, body.pg--inst .ab{
  font-family:"Montserrat","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif !important;
}
.pg-top .atalhos{ display:none !important; }

/* celular: no menu sanduíche o item da seção atual fica com o fundo
   laranja -- o texto (e a setinha) vão pra preto, senão some */
@media (max-width:980px){
  html body .topbar > .nav > a.is-active, html body .topbar > .nav > .mn > a.is-active,
  html body .pg-top > .pg-nav > a.is-active, html body .pg-top > .pg-nav > .mn > a.is-active,
  html body .topbar > .nav > a.is-active *, html body .topbar > .nav > .mn > a.is-active *,
  html body .pg-top > .pg-nav > a.is-active *, html body .pg-top > .pg-nav > .mn > a.is-active *{
    color:#000 !important; -webkit-text-fill-color:#000 !important;
  }
}