/* Rio e Bahia — navegação v8 (29/09/2026): subpáginas com Voltar/arrastar e botões que crescem */
.pgx-veu{position:fixed;inset:0;z-index:89;background:rgba(10,25,32,.28);animation:pgxVeu .3s ease both}
.pgx-veu.sai{opacity:0!important;transition:opacity .28s}
.pgx{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:#F2F4F7;background:color-mix(in srgb,rgb(var(--cardc,255,255,255)) 90%,#8193A0);
  color:var(--h,#112A34);box-shadow:-18px 0 40px rgba(0,0,0,.18);animation:pgxEntra .38s cubic-bezier(.22,1,.36,1) both;transition:transform .3s cubic-bezier(.22,1,.36,1);will-change:transform}
.pgx.sai{transform:translateX(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)}
@keyframes pgxEntra{from{transform:translateX(100%)}to{transform:none}}
@keyframes pgxVeu{from{opacity:0}to{opacity:1}}
.pgx-bar{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 6px) 10px 6px;min-height:52px;
  background:rgba(var(--cardc,255,255,255),.78);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(var(--inkc,16,38,43),.08);position:relative;z-index:2}
.pgx-v{justify-self:start;display:inline-flex;align-items:center;gap:0;border:0;background:none;color:#2A8FA4;font:600 17px var(--x-apple,-apple-system,system-ui);padding:8px 8px 8px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
html[data-theme=dark] .pgx-v{color:#7FD8E6}
.pgx-v svg{margin-right:-2px}
.pgx-v:active{opacity:.5}
.pgx-t{font:600 17px var(--x-apple,-apple-system,system-ui);letter-spacing:-.02em;max-width:56vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .2s}
.pgx.rolou .pgx-t,.pgx-t:not(:empty){opacity:1}
.pgx-c{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:18px var(--p,20px) calc(env(safe-area-inset-bottom,0px) + 40px)}
.pgx-c>h2.h2:first-child,.pgx-c>.pal>h2.h2:first-child{font-size:30px!important;line-height:1.1;margin:2px 0 8px!important}
body.pgx-aberta{overflow:hidden}
body.pgx-aberta .nav{opacity:0;pointer-events:none;transition:opacity .2s}
.pgx .x-pose{margin:0;box-shadow:none}
.pgx .x-pf-capa{margin:-18px calc(var(--p,20px) * -1) 0;border-radius:0}
.pgx .x-pf-top,.pgx .x-pf-tags,.pgx .x-pf-frase{padding-left:0;padding-right:0}
.pgx .x-pf-sec,.pgx .x-pf-bt,.pgx .x-pf-frase{margin-left:0;margin-right:0}
.pgx .x-pf-top{margin-top:-44px}

/* grupos do menu (estilo Ajustes) */
.grp-t{font:600 12.5px var(--x-apple,-apple-system,system-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--b2,#5E707A);margin:22px 4px 8px}
.grp-t:first-of-type{margin-top:8px}
.grp{display:grid;gap:0;border-radius:20px;overflow:hidden;background:rgb(var(--cardc,255,255,255))}
.grp>button,.grp>a>button{border-radius:0!important;background:transparent!important;border-bottom:1px solid rgba(var(--inkc,16,38,43),.07)!important;margin:0!important}
.grp>button:last-child,.grp>a:last-child>button{border-bottom:0!important}
.grp.menu-l{gap:0}

/* botão que cresce */
.gx{border-radius:22px;background:rgba(var(--cardc,255,255,255),calc(var(--ca,.88) + .06));backdrop-filter:blur(var(--blur,16px));-webkit-backdrop-filter:blur(var(--blur,16px));box-shadow:0 10px 28px -20px rgba(0,0,0,.45);
  transition:box-shadow .3s,transform .3s cubic-bezier(.34,1.56,.64,1);margin:0 0 var(--x-gap,16px)}
.gx-b{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:14px 16px;color:var(--h,#112A34);font:650 15.5px var(--x-apple,-apple-system,system-ui);text-align:left;cursor:pointer}
.gx-i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--lime,#B5F285);color:var(--teal,#1A3B47);font-size:16px;flex:none}
.gx-r{flex:1}
.gx-s{display:grid;place-items:center;transform:rotate(-90deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1);opacity:.55}
.gx.on .gx-s{transform:rotate(90deg)}
.gx:active{transform:scale(.99)}
.gx.on{box-shadow:0 18px 40px -22px rgba(0,0,0,.55)}
.gx-c{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.22,1,.36,1)}
.gx.on .gx-c{grid-template-rows:1fr}
.gx-in{overflow:hidden;min-height:0;padding:0 12px;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .35s,padding .3s}
.gx.on .gx-in{opacity:1;transform:none;padding:0 12px 12px}
.gx-in .chips-a{display:flex;flex-wrap:wrap;gap:8px;margin:0!important;overflow:visible}
.gx-in .lista{gap:10px}
.gx-in .li{box-shadow:none}
.li.pg-row{margin:0 0 var(--x-gap,16px)}
.li.pg-row .th{display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#1A3B47,#2A8FA4)!important}

/* Stories gravados: linha que leva ao painel do dia */
.x-rt-row{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:20px;padding:14px;background:var(--x-card);color:var(--x-ink);text-align:left;backdrop-filter:blur(var(--x-blur));-webkit-backdrop-filter:blur(var(--x-blur));cursor:pointer;font-family:var(--x-apple)}
.x-rt-row .ic2{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:rgba(42,143,164,.14);flex:none}
.x-rt-row b{display:block;font-size:15.5px}.x-rt-row small{display:block;color:var(--x-ink2);font-size:12.5px;margin-top:2px}
.x-rt-row .go2{margin-left:auto;opacity:.5;font-size:22px}
.pgx .x-rt-ins,.pgx .x-rt-clima,.pgx .x-rt-sem,.pgx .x-chips{margin-top:12px}
.gx-in .li,.li.pg-row{text-align:left}
.pgx .x-pf-top{padding-left:2px}
.pgx .x-pf-bt .x-b2{border:0;border-radius:16px;font-weight:650}