.mbl-topo,.mbl-barra{background:var(--barra-fundo);-webkit-backdrop-filter:var(--barra-desfoque);backdrop-filter:var(--barra-desfoque);border:1px solid var(--vidro-borda);border-radius:var(--r);box-shadow:inset 0 1px 0 var(--vidro-reflexo),0 12px 32px #03164429;transition:transform .32s var(--curva),opacity .32s var(--curva),background-color var(--transicao)}.mbl-topo{position:sticky;z-index:30;top:calc(8px + env(safe-area-inset-top,0px));width:min(calc(100% - 24px),1216px);margin:8px auto 0;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:16px}.mbl-barra{display:none}@media (max-width: 767px){.mbl-barra{position:fixed;z-index:40;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px}.mbl-barra a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:54px;border-radius:18px;color:var(--texto-suave);font:800 12px/1 system-ui,sans-serif;text-decoration:none;-webkit-tap-highlight-color:transparent}.mbl-barra a[aria-current=true]{color:var(--principal);background:color-mix(in srgb,var(--principal) 12%,transparent)}.mbl-barra__destaque .mbl-barra__ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--principal);color:var(--sobre-principal);box-shadow:inset 0 1px #ffffff73,0 6px 14px color-mix(in srgb,var(--principal) 35%,transparent)}footer{padding-bottom:calc(48px + var(--barra-h) + env(safe-area-inset-bottom,0px))}}.barras-ocultas .mbl-topo{transform:translateY(calc(-100% - 24px));opacity:0;pointer-events:none}.barras-ocultas .mbl-barra{transform:translateY(calc(100% + 32px));opacity:0;pointer-events:none}.mbl-tema{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--vidro-borda);background:var(--superficie);color:var(--texto);cursor:pointer;overflow:hidden}.mbl-tema svg{position:absolute;width:20px;height:20px;transition:transform var(--transicao) var(--curva),opacity var(--transicao)}.mbl-tema__lua{opacity:0;transform:translateY(120%) rotate(-60deg)}:root[data-theme=dark] .mbl-tema__sol{opacity:0;transform:translateY(-120%) rotate(90deg)}:root[data-theme=dark] .mbl-tema__lua{opacity:1;transform:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .mbl-tema__sol{opacity:0;transform:translateY(-120%) rotate(90deg)}:root:not([data-theme=light]) .mbl-tema__lua{opacity:1;transform:none}}.mbl-fab{position:fixed;z-index:45;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:6px 16px 6px 6px;border-radius:var(--r-pilula);background:var(--principal);color:var(--sobre-principal);border:1px solid rgba(255,255,255,.3);font-weight:800;cursor:pointer;box-shadow:inset 0 1px #ffffff73,0 12px 30px color-mix(in srgb,var(--principal) 40%,transparent);opacity:0;transform:translate(-50%,28px) scale(.9);pointer-events:none;transition:transform .32s var(--curva),opacity .32s var(--curva)}.barras-ocultas:not(.oferta-na-tela) .mbl-fab{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.mbl-topo .mbl-tema{background:transparent}.mbl-topo,.mbl-topo .mbl-tema,.mbl-barra a{transition:color .25s var(--curva),background-color .25s var(--curva),border-color .25s var(--curva)}.mbl-topo.sobre-escuro,.mbl-topo.sobre-escuro .mbl-tema,.mbl-barra.sobre-escuro a{color:var(--sobre-escuro)}.mbl-barra.sobre-escuro a[aria-current=true]{color:var(--sobre-escuro-aceso);background:#ffffff1f}