/* Menu escondido: seções da home presas a "Início".
   Carregado em todas as páginas com o menu do site (home, Sobre, blog,
   calculadoras). As páginas seguem no mesmo alinhamento e tamanho; as
   seções ficam logo abaixo de "Início", menores, numa linha que quebra.
   A partir de 1280px a barra flutuante já mostra as seções, então aqui
   elas somem e o menu escondido volta a ter só as páginas. */
.menu-overlay .menu-group{ display:flex; flex-direction:column; }

.menu-overlay .menu-sub{
  list-style:none; margin:0.35rem 0 0.9rem; padding:0 0 0 0.15rem;
  display:flex; flex-wrap:wrap; gap:0.35rem 1.1rem;
  opacity:0; transform:translateY(16px);
  transition:opacity 0.5s ease 0.14s, transform 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.14s;
}
.menu-overlay.open .menu-sub{ opacity:1; transform:translateY(0); }

.menu-overlay .menu-sub a{
  display:inline-block; padding:0.2rem 0;
  font-size:0.95rem; font-weight:500; line-height:1.3;
  color:rgba(255,255,255,0.68); text-decoration:none;
  transition:color 0.25s;
}
.menu-overlay .menu-sub a:hover{ color:#facc15; }
@media (min-width:640px){ .menu-overlay .menu-sub a{ font-size:1.05rem; } }

@media (min-width:1280px){ .menu-overlay .menu-sub{ display:none; } }

@media (prefers-reduced-motion: reduce){
  .menu-overlay .menu-sub{ transition-duration:0.01ms !important; }
}