/* Navegação principal, menu móvel e rodapé institucional. */
.barra-superior{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  font-size:.67rem;
  color:var(--muted)
}
.barra-superior>div{
  display:flex;
  align-items:center;
  gap:22px
}
.link-discreto{
  padding:8px 0;
  font-size:inherit
}
.link-discreto:hover{
  text-decoration:underline
}
.selo-prototipo{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:.62rem;
  letter-spacing:.03em
}
.selo-prototipo .ponto{
  color:#6d8d59
}
.cabecalho{
  height:82px;
  border-radius:999px;
  background:var(--verde);
  color:white;
  display:flex;
  align-items:center;
  gap:26px;
  padding:14px 28px;
  position:relative;
  z-index:10
}
.marca{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1;
  flex-shrink:0
}
.marca-nome{
  font-size:1.9rem;
  font-weight:700;
  letter-spacing:-.06em
}
.marca-ponto{
  color:var(--lima)
}
.marca-local{
  font-size:.54rem;
  letter-spacing:.19em;
  margin-top:6px;
  color:#d4e1d5
}
.navegacao{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:27px;
  font-size:.78rem
}
.navegacao a{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  color:#e5ede6;
  position:relative
}
.navegacao a:hover,.navegacao a[aria-current=page]{
  color:var(--lima)
}
.navegacao a[aria-current=page]:after{
  content:"";
  position:absolute;
  bottom:2px;
  left:0;
  width:15px;
  height:2px;
  background:var(--lima)
}
.link-minha-area{
  margin-left:14px;
  border-left:1px solid #ffffff25;
  padding-left:26px
}
.botao-doar{
  min-height:47px;
  padding-inline:23px
}
.botao-doar span{
  font-size:1.2rem
}
.botao-menu{
  display:none;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  border:1px solid #ffffff35;
  border-radius:50%
}
.botao-menu span{
  width:16px;
  height:1px;
  background:white
}
.rodape{
  margin-top:100px;
  background:var(--verde);
  border-radius:34px 34px 0 0;
  color:white;
  padding:48px 46px 20px
}
.rodape-convite{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding-bottom:44px;
  border-bottom:1px solid #ffffff20
}
.rodape-convite .sobretitulo{
  color:var(--lima);
  margin-bottom:17px
}
.rodape-convite h2{
  font-size:2.4rem
}
.rodape-colunas{
  padding:42px 0;
  display:grid;
  grid-template-columns:1.4fr 1fr 1.25fr 1.3fr;
  gap:26px
}
.rodape-colunas h3{
  font-size:.8rem;
  font-weight:600;
  letter-spacing:0;
  margin-bottom:17px;
  color:var(--lima)
}
.rodape-colunas p{
  font-size:.79rem;
  color:#c1d1c7;
  line-height:1.8;
  margin:18px 0
}
.rodape-colunas>div>a:not(.marca){
  display:block;
  font-size:.79rem;
  color:#d4e2d8;
  margin:9px 0
}
.rodape-colunas a:hover{
  color:var(--lima)
}
.rodape-contato{
  text-decoration:underline;
  text-underline-offset:6px
}
.rodape-contato span{
  margin-left:20px
}
.rodape-base{
  border-top:1px solid #ffffff20;
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#c3d3c8;
  font-size:.63rem
}
.rodape-base>div{
  display:flex;
  gap:20px;
  flex-wrap:wrap
}
.rodape-aviso{
  font-size:.6rem;
  color:#a2bcae;
  margin-top:16px;
  line-height:1.7
}