/* Camada responsiva compartilhada por todas as páginas do site. */
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;min-width:0;overflow-x:clip}
img,video,iframe,svg{max-width:100%}
img{height:auto}
iframe{border:0}
p,h1,h2,h3,h4,h5,h6,a,li,span{overflow-wrap:anywhere}
table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,textarea,select,button{max-width:100%;font:inherit}

@media(max-width:900px){
  header:not(.cabecalho){height:auto!important;min-height:0!important;padding:0 0 14px;background-position:center top!important;background-size:cover!important;clip-path:none!important}
  header:not(.cabecalho) nav:not(.navegacao-anos){width:100%!important;max-width:100%;height:auto!important;min-height:0;display:flex!important;flex-direction:column;align-items:center;gap:8px;padding:12px 16px!important;margin:0 auto!important;position:relative;z-index:3}
  header:not(.cabecalho) nav div#logo{float:none!important;width:min(280px,72vw)!important;height:112px!important;flex:none!important;background-position:center!important}
  header:not(.cabecalho) nav ul,header:not(.cabecalho) nav ul#esquerda,header:not(.cabecalho) nav ul#direita{float:none!important;display:flex!important;position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:4px!important;flex-flow:row wrap!important;align-items:center;justify-content:center;gap:7px}
  header:not(.cabecalho) nav ul li{margin:0!important}
  header:not(.cabecalho) nav ul li a{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;max-width:100%;padding:9px 13px!important;font-size:13px!important;line-height:1.25!important;text-align:center;white-space:normal;background:rgba(0,0,0,.52)}
  header:not(.cabecalho) nav ion-icon#icone-user{width:38px;height:38px;margin:0!important}
  header:not(.cabecalho) div#chamada{display:none!important}

  section#perfeito,section#perfeito-doc,section#perfeito-pes{float:none!important;width:100%!important;display:block!important;padding:34px clamp(18px,5vw,48px)!important;margin:0 auto!important}
  div#perfeito-esquerda,div#perfeito-direita,div#perfeito-esquerda-doc,div#perfeito-direita-doc,div#perfeito-esquerda-pes,div#perfeito-direita-pes{display:none!important}
  div#perfeito-centro,div#perfeito-centro-doc,div#perfeito-centro-pes,div#perfeito-centro-doc3{float:none!important;width:min(100%,900px)!important;max-width:100%;margin:0 auto!important;padding:0!important;display:block!important}
  p.destaque,.destaque,.destaque1,.destaque2,.destaque3{width:100%!important;max-width:78ch;margin-inline:auto;font-size:clamp(1rem,2.2vw,1.16rem)!important;line-height:1.7!important;text-align:left!important}
  .h5{font-size:clamp(1.7rem,5vw,2.5rem)!important;line-height:1.2}
  .h6{font-size:clamp(1.7rem,4.5vw,2.25rem)!important;line-height:1.25}
  .h8{font-size:clamp(2rem,7vw,3.2rem)!important;line-height:1.15}
  .imgfoto1,.imgfoto2{max-width:min(42%,320px);height:auto!important}
  iframe{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;margin:18px auto}
  section#perfeito-doc p>iframe,section#perfeito-pes p>iframe{width:min(100%,760px)!important}

  div#pontos-chaves-mestre{width:100%!important;margin:28px auto 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
  div.pontos-chaves{width:100%!important;max-width:100%;min-width:0;padding:16px 12px;overflow:hidden;border:1px solid rgba(111,115,2,.2);border-radius:12px;background:#fff}
  div.pontos-chaves p{max-width:100%;margin-inline:auto}
  div.pontos-chaves img,.imagem0,.imagem1{display:block;float:none!important;width:100%!important;max-width:280px;margin:14px auto 0!important;height:auto!important}
  .slider{position:relative!important;display:block!important;width:min(92%,680px)!important;height:clamp(280px,62vw,520px)!important;margin:24px auto!important}
  .slider li{inset:0;width:100%;height:100%}
  .slider img{width:100%;height:100%;object-fit:contain}

  section#testemunha{padding:30px clamp(14px,4vw,36px)}
  section#testemunha>h2{font-size:clamp(1.45rem,4vw,2rem)}
  div#testemunha-mestre{width:100%!important;height:auto!important;display:block!important;margin-top:20px!important}
  div#testemunha-esquerda,div#testemunha-direita{display:none!important}
  div#testemunha-centro{position:static!important;width:100%!important;max-width:1100px!important;height:auto!important;overflow:visible!important;margin:0 auto!important}
  div#testemunhos{position:static!important;left:auto!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  section#testemunha div#testemunha-centro div#testemunhos ul{display:block!important;width:100%!important;min-width:0;margin:0!important;padding:18px!important}
  section#testemunha div#testemunha-centro div#testemunhos ul li{display:block!important;width:100%!important}

  div.tentativa{float:none!important;width:100%!important;margin:12px auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  div.gallery{display:flex!important;flex-direction:column;width:100%!important;min-width:0;margin:0!important;padding:8px!important;border-radius:8px;background:#fff}
  div.gallery img{float:none!important;width:100%!important;height:auto!important;max-height:420px;object-fit:contain!important;margin:0 auto!important}
  div.desc{margin-top:auto}
  section#memoria{height:auto!important;min-height:320px;background-position:center}
  .fundo,footer{min-height:72px;height:auto!important}

}

@media(max-width:600px){
  body{font-size:16px}
  header:not(.cabecalho) nav:not(.navegacao-anos){padding-inline:10px!important}
  header:not(.cabecalho) nav div#logo{width:min(230px,72vw)!important;height:92px!important}
  header:not(.cabecalho) nav ul#esquerda{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  header:not(.cabecalho) nav ul#esquerda li{width:100%;min-width:0}
  header:not(.cabecalho) nav ul#esquerda a{width:100%;min-width:0}
  header:not(.cabecalho) nav ul li a{min-height:44px;font-size:12px!important;padding:8px!important}
  section#perfeito,section#perfeito-doc,section#perfeito-pes{padding:28px 16px!important}
  div#perfeito-centro,div#perfeito-centro-doc,div#perfeito-centro-pes,div#perfeito-centro-doc3{width:100%!important;max-width:calc(100vw - 32px)!important}
  div#pontos-chaves-mestre{width:100%!important;max-width:100%!important}
  [style*="width:"]{max-width:100%}
  .imgfoto1,.imgfoto2{display:block;float:none!important;width:min(100%,360px)!important;max-width:100%;margin:16px auto!important}
  div#pontos-chaves-mestre{grid-template-columns:1fr!important}
  div#testemunhos{grid-template-columns:1fr!important}
  div.tentativa{grid-template-columns:1fr!important}
  div.gallery img{max-height:none}
  .fundo,footer{min-height:56px}
}

@media(max-width:380px){
  header:not(.cabecalho) nav ul#esquerda{grid-template-columns:1fr}
  header:not(.cabecalho) nav ul li a{font-size:11px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Reconstrução responsiva: esta camada final prevalece sobre os layouts antigos. */
@media(max-width:1024px){
  *{box-sizing:border-box}
  html,body{width:100%;min-width:0;margin:0;padding:0}
  body{font-size:16px;line-height:1.6;background:#fff}
  body>header,body>main,body>section,body>footer{width:100%;max-width:100%}
  p,li{font-size:1rem;line-height:1.65}
  h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.08}
  h2{font-size:clamp(1.45rem,4.5vw,2.25rem);line-height:1.2}
  h3{font-size:clamp(1.18rem,3.5vw,1.65rem);line-height:1.25}

  /* Cabeçalho tradicional: logo e links deixam de usar floats e alturas fixas. */
  header:not(.cabecalho){display:block!important;min-height:0!important;height:auto!important;padding:10px 16px 18px!important;background-size:cover!important;background-position:center!important;clip-path:none!important}
  header:not(.cabecalho)>nav:not(.navegacao-anos){display:grid!important;grid-template-columns:minmax(170px,240px) minmax(0,1fr);grid-template-areas:"logo principal" "logo conta";align-items:center;gap:8px 20px;width:min(100%,1000px)!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:0!important}
  header:not(.cabecalho) nav div#logo{grid-area:logo;float:none!important;width:100%!important;height:92px!important;margin:0!important;background-position:center!important;background-size:contain!important}
  header:not(.cabecalho) nav ul#esquerda{grid-area:principal}
  header:not(.cabecalho) nav ul#direita{grid-area:conta}
  header:not(.cabecalho) nav ul,header:not(.cabecalho) nav ul#esquerda,header:not(.cabecalho) nav ul#direita{float:none!important;display:flex!important;flex-wrap:wrap!important;align-items:center;justify-content:center;width:100%!important;height:auto!important;margin:0!important;padding:0!important;gap:7px!important}
  header:not(.cabecalho) nav ul li{min-width:0;margin:0!important;list-style:none}
  header:not(.cabecalho) nav ul li a{display:flex!important;align-items:center;justify-content:center;min-height:42px;max-width:100%;padding:8px 12px!important;border-radius:22px;font-size:.78rem!important;line-height:1.2!important;text-align:center;white-space:normal;background:rgba(0,0,0,.58)}
  header:not(.cabecalho) nav ion-icon#icone-user{width:34px!important;height:34px!important;margin:0!important}
  header:not(.cabecalho) #chamada{display:none!important}

  /* Estrutura de conteúdo das páginas institucionais, vídeos e projetos anuais. */
  section#perfeito,section#perfeito-doc,section#perfeito-pes{display:block!important;float:none!important;width:100%!important;min-height:0!important;margin:0!important;padding:34px 24px!important}
  #perfeito-esquerda,#perfeito-direita,#perfeito-esquerda-doc,#perfeito-direita-doc,#perfeito-esquerda-pes,#perfeito-direita-pes{display:none!important}
  #perfeito-centro,#perfeito-centro-doc,#perfeito-centro-pes,#perfeito-centro-doc3{display:block!important;float:none!important;width:min(100%,860px)!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;padding:0!important}
  p.destaque,.destaque,.destaque1,.destaque2,.destaque3{width:100%!important;max-width:72ch!important;margin:0 auto 16px!important;font-size:1rem!important;line-height:1.7!important;text-align:left!important}
  .h5{margin:0 0 14px!important;font-size:clamp(1.65rem,5vw,2.3rem)!important;line-height:1.18!important}
  .h6{font-size:clamp(1.5rem,4.5vw,2rem)!important;line-height:1.25!important}
  .h8{font-size:clamp(1.9rem,6vw,2.8rem)!important;line-height:1.12!important}
  .imgfoto1,.imgfoto2{max-width:min(42%,300px)!important;height:auto!important}
  iframe{display:block!important;width:min(100%,760px)!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9;margin:20px auto!important}
  section#memoria{width:100%!important;min-height:300px!important;height:auto!important;background-position:center!important}

  /* Página inicial. */
  #pontos-chaves-mestre{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;margin:26px auto 0!important;gap:16px!important}
  .pontos-chaves{display:flex!important;flex-direction:column;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:18px!important;border:1px solid #dedfc7;border-radius:12px;background:#fff;overflow:hidden}
  .pontos-chaves p{width:100%!important;max-width:100%!important;margin:0!important;font-size:.96rem;line-height:1.55;text-align:left!important}
  .pontos-chaves img,.imagem0,.imagem1{display:block!important;float:none!important;width:100%!important;max-width:260px!important;height:auto!important;margin:16px auto 0!important;object-fit:contain}
  .slider{position:relative!important;display:block!important;width:min(92%,620px)!important;height:clamp(260px,55vw,480px)!important;margin:28px auto!important}
  .slider li{inset:0!important;width:100%!important;height:100%!important}
  .slider img{width:100%!important;height:100%!important;object-fit:contain!important}
  #testemunha{padding:32px 20px!important}
  #testemunha-mestre{display:block!important;width:100%!important;height:auto!important;margin:20px 0 0!important}
  #testemunha-esquerda,#testemunha-direita{display:none!important}
  #testemunha-centro{position:static!important;width:100%!important;max-width:1000px!important;height:auto!important;margin:0 auto!important;overflow:visible!important}
  #testemunhos{position:static!important;left:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:14px!important}
  #testemunhos ul{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:16px!important}
  #testemunhos ul li{display:block!important;width:100%!important}

  /* Galerias dos projetos anuais. */
  .tentativa{display:grid!important;float:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;margin:14px auto!important;padding:0!important;gap:16px!important}
  .gallery{display:flex!important;flex-direction:column;width:100%!important;min-width:0!important;margin:0!important;padding:9px!important;border-radius:9px;background:#fff}
  .gallery img{display:block!important;float:none!important;width:100%!important;height:auto!important;max-height:380px!important;margin:0 auto!important;object-fit:contain!important}
  .desc{margin-top:auto;padding:10px 6px!important;font-size:.92rem;line-height:1.4}

  /* Páginas modernas: limita a escala sem interferir no menu próprio. */
  .cabecalho{height:340px!important;min-height:300px!important;background-size:cover!important;background-position:center!important}
  .cabecalho .apresentacao h1,.apresentacao h1{font-size:clamp(2.1rem,7vw,4rem)!important}
  main{width:min(100% - 32px,1120px)!important;margin-inline:auto!important}
  .fundo,footer{width:100%!important;min-height:64px!important;height:auto!important}
}

@media(max-width:700px){
  body{font-size:16px}
  p,li{font-size:1rem;line-height:1.6}

  header:not(.cabecalho){padding:8px 10px 14px!important}
  header:not(.cabecalho)>nav:not(.navegacao-anos){grid-template-columns:1fr;grid-template-areas:"logo" "principal" "conta";gap:7px;width:100%!important}
  header:not(.cabecalho) nav div#logo{width:min(230px,76vw)!important;height:78px!important;margin:0 auto!important}
  header:not(.cabecalho) nav ul#esquerda{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  header:not(.cabecalho) nav ul#esquerda li,header:not(.cabecalho) nav ul#esquerda a{width:100%!important;min-width:0!important}
  header:not(.cabecalho) nav ul li a{min-height:42px;padding:7px 8px!important;font-size:.72rem!important}
  header:not(.cabecalho) nav ul#direita{gap:10px!important}

  section#perfeito,section#perfeito-doc,section#perfeito-pes{padding:26px 16px!important}
  #perfeito-centro,#perfeito-centro-doc,#perfeito-centro-pes,#perfeito-centro-doc3{width:100%!important;max-width:100%!important}
  p.destaque,.destaque,.destaque1,.destaque2,.destaque3{font-size:1rem!important;line-height:1.62!important;text-align:left!important}
  .imgfoto1,.imgfoto2{display:block!important;float:none!important;width:min(100%,340px)!important;max-width:100%!important;margin:18px auto!important}
  iframe{margin:16px auto!important}

  #pontos-chaves-mestre{grid-template-columns:1fr!important;gap:14px!important}
  .pontos-chaves{padding:16px!important}
  .pontos-chaves p{text-align:left!important}
  .slider{height:clamp(220px,100vw,390px)!important}
  #testemunhos{display:flex!important;grid-template-columns:none!important;width:100%!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:2px 2px 14px!important;-webkit-overflow-scrolling:touch}
  #testemunhos ul{flex:0 0 min(86vw,320px)!important;scroll-snap-align:center}

  .tentativa{grid-template-columns:1fr!important;gap:14px!important}
  .gallery img{max-height:none!important}

  .cabecalho{height:250px!important;min-height:230px!important}
  .cabecalho .menu{min-height:105px!important;padding-inline:12px!important}
  .cabecalho .logo{flex-basis:150px!important;height:105px!important}
  .cabecalho .apresentacao,.apresentacao{padding-inline:12px!important}
  .cabecalho .apresentacao h1,.apresentacao h1{font-size:clamp(1.9rem,10vw,2.7rem)!important;line-height:1.05!important}
  .cabecalho .apresentacao .subtitulo,.apresentacao .subtitulo{font-size:.96rem!important;line-height:1.4!important}
  main{width:calc(100% - 20px)!important}

  /* Produções: capa acima do texto para evitar colunas estreitas. */
  .lista-producoes{grid-template-columns:1fr!important;gap:14px!important}
  .producao,.producao.destaque{grid-template-columns:1fr!important;min-height:0!important}
  .producao .capa,.producao.destaque .capa{width:100%!important;height:280px!important;padding:16px!important}
  .producao .capa img,.producao.destaque .capa img{width:100%!important;height:100%!important;max-height:248px!important;object-fit:contain!important}
  .producao .dados{padding:16px!important}
  .producao .dados h2,.producao.destaque .dados h2{font-size:1.2rem!important;line-height:1.28!important}
  .producao .resumo{font-size:.95rem!important;line-height:1.55!important}
  .ferramentas{grid-template-columns:1fr!important;padding:12px!important}
  .ordenacao,.filtros,#contador{grid-column:1!important;justify-self:stretch!important}
  .ordenacao{justify-content:space-between!important}
  .ordenacao select{min-width:0;flex:1}
  .filtros{width:100%;padding-bottom:5px}
  .panorama{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .panorama div{min-width:0;padding:12px!important}
  .panorama strong{font-size:1.25rem!important}

  /* Linha do tempo: todos os blocos ocupam a largura disponível. */
  .navegacao-anos{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .navegacao-anos #anos{width:max-content;min-width:100%}
  .grupo-ano{grid-template-columns:1fr!important;margin-left:20px!important}
  .cabecalho-ano{text-align:left!important;margin:0 0 12px!important}
  .cabecalho-ano h2{font-size:1.75rem!important}
  .evento{max-width:100%;padding:16px!important}
  .numeros{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:420px){
  header:not(.cabecalho) nav ul#esquerda{grid-template-columns:1fr!important}
  header:not(.cabecalho) nav ul li a{font-size:.74rem!important}
  .cabecalho{height:230px!important;min-height:210px!important}
  .cabecalho .logo{flex-basis:125px!important;height:90px!important}
  .menu-mobile{padding:.45rem .75rem!important;font-size:.78rem!important}
  .panorama{grid-template-columns:1fr 1fr!important}
  .producao .capa,.producao.destaque .capa{height:250px!important}
  .producao .capa img,.producao.destaque .capa img{max-height:218px!important}
  .numeros{grid-template-columns:1fr!important}
}

/* Menu de Produções e Linha do Tempo igual ao padrão responsivo da página inicial. */
@media(max-width:1024px){
  .cabecalho{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:10px 16px 28px!important;background-size:cover!important;background-position:center!important;clip-path:none!important}
  .cabecalho .menu{display:grid!important;grid-template-columns:minmax(170px,240px) minmax(0,1fr);grid-template-areas:"logo links";align-items:center;width:min(100%,1000px)!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:0!important;gap:12px 20px}
  .cabecalho .logo{grid-area:logo;display:block!important;float:none!important;width:100%!important;height:92px!important;flex:none!important;margin:0!important;background-position:center!important;background-size:contain!important}
  .cabecalho .menu-mobile{display:none!important}
  .cabecalho .menu ul,.cabecalho .menu ul.aberto{grid-area:links;position:static!important;display:flex!important;float:none!important;flex-flow:row wrap!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;gap:7px!important;background:transparent!important}
  .cabecalho .menu ul li{min-width:0;margin:0!important;list-style:none}
  .cabecalho .menu ul li a{display:flex!important;align-items:center;justify-content:center;min-height:42px;max-width:100%;padding:8px 12px!important;border-radius:22px!important;font-size:.78rem!important;line-height:1.2!important;text-align:center;white-space:normal;background:rgba(0,0,0,.58)}
  .cabecalho .menu ul li a.ativo{background:#f2b705!important;color:#1e2103!important}
  .cabecalho .menu .conta{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:0!important;gap:7px!important}
  .cabecalho .menu #icone-user{width:34px!important;height:34px!important;margin:0!important}
  .cabecalho .apresentacao{width:min(100%,900px)!important;margin:18px auto 0!important;padding:0 14px!important}
}

@media(max-width:700px){
  .cabecalho{padding:8px 10px 22px!important}
  .cabecalho .menu{grid-template-columns:1fr;grid-template-areas:"logo" "links";width:100%!important;gap:7px!important}
  .cabecalho .logo{width:min(230px,76vw)!important;height:78px!important;margin:0 auto!important}
  .cabecalho .menu ul,.cabecalho .menu ul.aberto{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important}
  .cabecalho .menu ul li,.cabecalho .menu ul li a{width:100%!important;min-width:0!important}
  .cabecalho .menu ul li a{min-height:42px;padding:7px 8px!important;font-size:.72rem!important}
  .cabecalho .menu ul li.conta{grid-column:1/-1;width:100%!important}
  .cabecalho .menu ul li.conta a{width:auto!important;min-width:150px!important}
  .cabecalho .apresentacao{margin-top:16px!important;padding-inline:8px!important}
}

@media(max-width:420px){
  .cabecalho .menu ul,.cabecalho .menu ul.aberto{grid-template-columns:1fr!important}
  .cabecalho .menu ul li.conta{grid-column:1!important}
  .cabecalho .menu ul li a{font-size:.74rem!important}
}

/* Estrutura literal da Home: logo, links principais e acesso à conta separados. */
.cabecalho .menu #esquerda{flex:1 1 auto}
.cabecalho .menu #direita{flex:0 0 auto}

@media(max-width:1024px){
  .cabecalho .menu{grid-template-columns:minmax(170px,240px) minmax(0,1fr)!important;grid-template-areas:"logo principal" "logo conta"!important}
  .cabecalho .menu #esquerda{grid-area:principal!important}
  .cabecalho .menu #direita{grid-area:conta!important;justify-content:center!important}
}

@media(max-width:700px){
  .cabecalho .menu{grid-template-columns:1fr!important;grid-template-areas:"logo" "principal" "conta"!important}
  .cabecalho .menu #esquerda{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important}
  .cabecalho .menu #direita{display:flex!important;width:100%!important;margin:0!important;gap:10px!important}
  .cabecalho .menu #esquerda li,.cabecalho .menu #esquerda a{width:100%!important;min-width:0!important}
  .cabecalho .menu #direita li{width:auto!important}
}

@media(max-width:420px){
  .cabecalho .menu #esquerda{grid-template-columns:1fr!important}
}

/* Componente único de menu usado por todas as páginas. */
.cabecalho-padrao{min-height:170px;border-top:5px solid #078c31;background-image:linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.15)),url(../_imagens/banner_historico.png);background-size:cover;background-repeat:no-repeat;background-position:center top}
body>header>nav:not(.navegacao-anos){display:grid!important;grid-template-columns:350px minmax(0,1fr) auto!important;grid-template-areas:"logo principal conta"!important;align-items:start!important;width:min(1400px,95%)!important;max-width:100%!important;min-height:150px!important;height:auto!important;margin:0 auto!important;padding:10px 0!important;gap:8px 16px!important}
body>header>nav:not(.navegacao-anos) #logo{grid-area:logo!important;display:block!important;float:none!important;width:100%!important;height:125px!important;margin:0!important;background-image:url(../_imagens/memoria.png)!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:left top!important;flex:none!important}
body>header>nav:not(.navegacao-anos) #esquerda{grid-area:principal!important}
body>header>nav:not(.navegacao-anos) #direita{grid-area:conta!important}
body>header>nav:not(.navegacao-anos) #esquerda,body>header>nav:not(.navegacao-anos) #direita{position:static!important;display:flex!important;float:none!important;flex-flow:row wrap!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important;margin:18px 0 0!important;padding:0!important;gap:6px!important;background:transparent!important;list-style:none!important}
body>header>nav:not(.navegacao-anos) #direita{width:auto!important;justify-self:end!important}
body>header>nav:not(.navegacao-anos) ul li{min-width:0!important;margin:0!important;list-style:none!important}
body>header>nav:not(.navegacao-anos) ul li a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;max-width:100%!important;padding:8px 18px!important;border-radius:100px!important;color:#fff!important;font-family:'Open Sans',Arial,sans-serif!important;font-size:.78rem!important;line-height:1.2!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;background:rgba(0,0,0,.38)!important}
body>header>nav:not(.navegacao-anos) ul li a:hover,body>header>nav:not(.navegacao-anos) ul li a:focus-visible,body>header>nav:not(.navegacao-anos) ul li a.ativo{background:#f2b705!important;color:#292400!important}
body>header>nav:not(.navegacao-anos) #criar-conta{border:1px solid #fff!important;padding:7px 17px!important}
body>header>nav:not(.navegacao-anos) .conta{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;margin:0!important;gap:7px!important}
body>header>nav:not(.navegacao-anos) #icone-user{width:38px!important;height:38px!important;margin:0!important;color:#fff!important}
body>header>nav:not(.navegacao-anos) .menu-mobile{display:none!important}

@media(max-width:1024px){
  body>header>nav:not(.navegacao-anos){grid-template-columns:minmax(170px,240px) minmax(0,1fr)!important;grid-template-areas:"logo principal" "logo conta"!important;align-items:center!important;width:min(100%,1000px)!important;min-height:0!important;padding:0!important;gap:7px 18px!important}
  body>header>nav:not(.navegacao-anos) #logo{height:92px!important;background-position:center!important}
  body>header>nav:not(.navegacao-anos) #esquerda,body>header>nav:not(.navegacao-anos) #direita{margin:0!important}
  body>header>nav:not(.navegacao-anos) #direita{width:100%!important;justify-self:stretch!important}
  body>header>nav:not(.navegacao-anos) ul li a{min-height:42px!important;padding:8px 12px!important;font-size:.78rem!important;background:rgba(0,0,0,.58)!important}
}

@media(max-width:700px){
  body>header>nav:not(.navegacao-anos){grid-template-columns:1fr!important;grid-template-areas:"logo" "principal" "conta"!important;width:100%!important;gap:7px!important}
  body>header>nav:not(.navegacao-anos) #logo{width:min(230px,76vw)!important;height:78px!important;margin:0 auto!important}
  body>header>nav:not(.navegacao-anos) #esquerda{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important}
  body>header>nav:not(.navegacao-anos) #esquerda li,body>header>nav:not(.navegacao-anos) #esquerda a{width:100%!important;min-width:0!important}
  body>header>nav:not(.navegacao-anos) #direita{display:flex!important;width:100%!important;justify-content:center!important;gap:10px!important}
  body>header>nav:not(.navegacao-anos) ul li a{min-height:42px!important;padding:7px 8px!important;font-size:.72rem!important}
}

@media(max-width:420px){
  body>header>nav:not(.navegacao-anos) #esquerda{grid-template-columns:1fr!important}
  body>header>nav:not(.navegacao-anos) ul li a{font-size:.74rem!important}
}