/* Componente: menu (barra azul de categorias) */
.menu{background:var(--azul);color:#fff;position:sticky;top:env(safe-area-inset-top,0px);z-index:25;box-shadow:0 6px 16px -10px rgba(6,45,110,.6)}
.menu__lista{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.menu__lista::-webkit-scrollbar{display:none}
.menu__item{position:relative}
.menu__link{display:block;padding:14px 16px;background:none;border:0;color:#fff;font-family:var(--fonte-titulo);font-weight:800;font-size:15px;text-decoration:none;cursor:pointer;white-space:nowrap;border-radius:8px}
.menu__link:hover{background:rgba(255,255,255,.14)}
.menu__link--destaque{background:var(--vermelho);margin-block:6px;padding:8px 16px;border-radius:999px}
.menu__link--destaque:hover{background:var(--vermelho-escuro)}
.menu__lista li:last-child{margin-left:auto}

.menu__sub{position:absolute;top:100%;left:0;min-width:240px;background:#fff;color:var(--texto);border-radius:0 0 14px 14px;box-shadow:var(--sombra);padding:14px 8px;display:none;flex-direction:column;border-top:4px solid var(--vermelho)}
.menu__sub b{font-family:var(--fonte-titulo);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2);padding:4px 12px 8px}
.menu__sub a{padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600;cursor:pointer}
.menu__sub a:hover{background:var(--azul-claro);color:var(--azul)}
@media (hover:hover) and (min-width:901px){
  .menu__lista{overflow:visible}
  .menu__item:hover .menu__sub,.menu__item:focus-within .menu__sub{display:flex}
}
@media (max-width:900px){.menu__lista li:last-child{margin-left:0}.menu__link{padding:12px 12px;font-size:14px}}