.barra-superior {
  background: var(--azul-950);
  color: #dbe7f4;
  font-size: .78rem
}
.barra-superior .conteiner {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px
}
.barra-superior a { color: var(--amarelo-300); font-weight: var(--peso-destaque) }

.cabecalho {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid rgba(13, 39, 72, .08);
  background: rgba(251, 252, 254, .95);
  backdrop-filter: blur(14px)
}
.cabecalho .conteiner {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px
}
.marca { display: flex; align-items: center; gap: 12px; font-weight: var(--peso-titulo) }
.marca img { width: 44px; height: 44px }
.marca-texto { color: var(--azul-950); line-height: 1.05 }
.marca-texto small {
  display: block;
  margin-top: 5px;
  color: var(--texto-suave);
  font-size: .66rem;
  font-weight: var(--peso-destaque);
  letter-spacing: .035em
}
.navegacao { display: flex; align-items: center; gap: 24px; font-size: .9rem; font-weight: var(--peso-destaque) }
.navegacao a:not(.botao):hover { color: var(--azul-700) }
.menu-celular {
  display: none;
  border: 0;
  border-radius: 10px;
  background: var(--azul-100);
  color: var(--azul-950);
  padding: .62rem .78rem;
  font-weight: var(--peso-destaque)
}

.apresentacao {
  position: relative;
  overflow: hidden;
  background: var(--azul-950);
  color: var(--branco)
}
.apresentacao::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -160px;
  width: 460px;
  height: 460px;
  border: 90px solid rgba(244, 207, 85, .08);
  border-radius: 50%;
  pointer-events: none
}
.apresentacao-grade {
  position: relative;
  z-index: 1;
  min-height: 610px;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  gap: 58px;
  padding: 72px 0
}
.apresentacao .rotulo { color: var(--amarelo-300) }
.apresentacao h1 {
  max-width: 720px;
  margin: .7rem 0 1.25rem;
  font-size: var(--titulo-1);
  line-height: .96;
  letter-spacing: -.055em
}
.apresentacao p { max-width: 610px; margin: 0; color: #d7e2ef; font-size: var(--texto-grande) }
.apresentacao-acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px }
.apresentacao-imagem { position: relative }
.apresentacao-imagem img {
  width: 100%;
  height: 430px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--raio-grande);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
  object-fit: cover
}
.apresentacao-selo {
  position: absolute;
  left: -24px;
  bottom: -24px;
  min-width: 146px;
  border-radius: var(--raio-medio);
  background: var(--amarelo-500);
  color: var(--azul-950);
  padding: 18px 21px;
  box-shadow: var(--sombra)
}
.apresentacao-selo strong { display: block; font-size: 2rem; line-height: 1 }
.apresentacao-selo span { display: block; margin-top: 5px; font-size: .72rem; font-weight: var(--peso-titulo); letter-spacing: .08em; text-transform: uppercase }

.secao { padding: 88px 0 }
.secao-cabecalho {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 34px;
  margin-bottom: 32px
}
.secao-cabecalho h2,
.historia h2,
.contato h2 {
  margin: .45rem 0 0;
  color: var(--azul-950);
  font-size: var(--titulo-2);
  line-height: 1.04
}
.secao-cabecalho p { max-width: 590px; margin: 0; color: var(--texto-suave) }

.noticias { background: var(--azul-050) }
.noticias-grade { display: grid; grid-template-columns: 1.35fr .65fr; gap: 22px }
.noticia-destaque,
.noticia-cartao {
  overflow: hidden;
  border: 1px solid var(--linha);
  border-radius: var(--raio-grande);
  background: var(--branco);
  transition: transform .2s ease, box-shadow .2s ease
}
.noticia-destaque:hover,
.noticia-cartao:hover { transform: translateY(-3px); box-shadow: var(--sombra) }
.noticia-destaque img { width: 100%; height: 338px; object-fit: cover }
.noticia-conteudo { padding: 22px }
.noticia-metadados { display: flex; align-items: center; gap: 8px; color: var(--azul-700); font-size: .76rem; font-weight: var(--peso-destaque) }
.noticia-destaque h3 { margin: .55rem 0 .45rem; color: var(--azul-950); font-size: 1.8rem; line-height: 1.13 }
.noticia-destaque p,
.noticia-cartao p { margin: 0; color: var(--texto-suave) }
.noticia-cartao { display: grid; grid-template-columns: 138px 1fr; border-radius: var(--raio-medio) }
.noticia-cartao img { width: 100%; height: 100%; min-height: 150px; object-fit: cover }
.noticia-cartao .noticia-conteudo { padding: 17px }
.noticia-cartao h3 { margin: .38rem 0 .3rem; color: var(--azul-950); font-size: 1rem; line-height: 1.28 }
.noticia-cartao p { display: -webkit-box; overflow: hidden; font-size: .82rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.noticias-lateral { display: grid; gap: 15px }
.noticia-placeholder {
  min-height: 180px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--azul-100), var(--amarelo-100));
  color: var(--azul-800);
  font-weight: var(--peso-titulo)
}

.principios { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 40px }
.principio {
  min-height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--linha);
  border-radius: var(--raio-grande);
  background: var(--branco);
  padding: 25px
}
.principio:first-child { background: var(--azul-900); color: var(--branco); border-color: var(--azul-900) }
.principio:nth-child(2) { background: var(--amarelo-100); color: var(--azul-950); border-color: #f4e6a9 }
.principio span { display: block; font-size: var(--texto-micro); font-weight: var(--peso-titulo); letter-spacing: .12em; text-transform: uppercase; opacity: .75 }
.principio strong { display: block; margin-top: 28px; font-size: 1.16rem; line-height: 1.4 }

.historia { background: var(--branco) }
.historia-grade { display: grid; grid-template-columns: .78fr 1.22fr; gap: 72px; align-items: start }
.historia-introducao { position: sticky; top: 112px }
.historia-introducao p { color: var(--texto-suave) }
.linha-tempo { display: grid; gap: 18px; border-left: 2px solid var(--azul-100); padding-left: 30px }
.marco { position: relative; border: 1px solid var(--linha); border-radius: var(--raio-medio); background: var(--fundo); padding: 21px }
.marco::before {
  content: "";
  position: absolute;
  left: -39px;
  top: 25px;
  width: 13px;
  height: 13px;
  border: 4px solid var(--branco);
  border-radius: 50%;
  background: var(--amarelo-500)
}
.marco strong { display: block; color: var(--azul-900); font-size: 1.2rem }
.marco p { margin: .32rem 0 0; color: var(--texto-suave) }

.contato { background: var(--azul-950); color: var(--branco) }
.contato .rotulo { color: var(--amarelo-300) }
.contato h2 { color: var(--branco) }
.contato-grade { display: grid; grid-template-columns: .82fr 1.18fr; gap: 52px }
.contato p { color: #c9d8e8 }
.contato-cartoes { display: grid; grid-template-columns: 1fr 1fr; gap: 14px }
.contato-cartao { border: 1px solid rgba(255, 255, 255, .12); border-radius: var(--raio-medio); background: rgba(255, 255, 255, .06); padding: 20px }
.contato-cartao small { display: block; margin-bottom: 4px; color: var(--amarelo-300); font-size: .72rem; font-weight: var(--peso-destaque) }
.contato-cartao strong { font-size: .94rem; word-break: break-word }

.rodape { background: #061426; color: #aebdd0; padding: 25px 0; font-size: .8rem }
.rodape .conteiner { display: flex; justify-content: space-between; gap: 20px }

.artigo { padding: 68px 0 96px }
.artigo-conteiner { width: min(820px, calc(100% - 32px)); margin: auto }
.artigo-voltar { color: var(--azul-700); font-size: .88rem; font-weight: var(--peso-destaque) }
.artigo h1 { margin: 26px 0 17px; color: var(--azul-950); font-size: var(--titulo-1); line-height: 1.02 }
.artigo-resumo { color: var(--texto-suave); font-size: var(--texto-grande) }
.artigo-metadados { color: var(--azul-700); font-size: .82rem; font-weight: var(--peso-destaque) }
.artigo-capa { width: 100%; max-height: 480px; margin: 30px 0; border-radius: var(--raio-grande); object-fit: cover }
.artigo-corpo { white-space: pre-wrap; font-size: 1.02rem; line-height: 1.9 }

@media (max-width: 900px) {
  .navegacao { display: none; position: absolute; top: 78px; left: 0; right: 0; flex-direction: column; align-items: flex-start; border-bottom: 1px solid var(--linha); background: var(--fundo); padding: 22px }
  .navegacao.aberto { display: flex }
  .menu-celular { display: block }
  .apresentacao-grade,
  .historia-grade,
  .contato-grade { grid-template-columns: 1fr }
  .apresentacao-grade { gap: 34px; padding: 48px 0 68px }
  .apresentacao-imagem img { height: 350px }
  .apresentacao-selo { left: 14px }
  .noticias-grade { grid-template-columns: 1fr }
  .historia-introducao { position: static }
  .principios { grid-template-columns: 1fr }
  .principio { min-height: 150px }
  .contato-cartoes { grid-template-columns: 1fr }
}

@media (max-width: 580px) {
  .barra-superior .conteiner span:first-child { display: none }
  .cabecalho .conteiner { min-height: 68px }
  .marca-texto small { display: none }
  .apresentacao h1 { font-size: clamp(2.8rem, 14vw, 3.9rem) }
  .apresentacao-imagem img { height: 285px }
  .noticia-cartao { grid-template-columns: 1fr }
  .noticia-cartao img { height: 180px }
  .secao { padding: 64px 0 }
  .secao-cabecalho { align-items: start; flex-direction: column }
  .rodape .conteiner { flex-direction: column }
}