/* [1.5.911] Página do projeto de videoclipe no site: separadores, sombras dos cartões e blocos novos (linha do tempo,
   «O que levar no dia», «Aprovar o vídeo final»). Handoff do site atualizado (§2 sombras, §5 separadores, §6A blocos).
   Usa as primitivas vx- (vip-expressive.css) e pjs- (vip-project-site.css). Tudo dentro de #rmbz-vip. */

/* ═══ Sombras (§2): todos os cartões grandes; a do «E agora?» segue o tom (âmbar a pagar, azul depois de pago) ═══ */
#rmbz-vip .pjs-card{ box-shadow:var(--shadow-card,0 2px 6px rgba(29,28,24,.05),0 18px 40px -14px rgba(29,28,24,.16)); }
#rmbz-vip .pjs-card.pjs-hero{ transition:background-color calc(400ms*var(--k,1)) var(--ease-effect,ease), box-shadow calc(400ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-hero.vx-t-brand, #rmbz-vip .pjs-hero.vx-t-warning{ box-shadow:var(--shadow-brand); }
#rmbz-vip .pjs-hero.vx-t-info{ box-shadow:var(--shadow-info); }
#rmbz-vip .pjs-hero.vx-t-success{ box-shadow:var(--shadow-success); }
#rmbz-vip .pjs-hero.vx-t-danger{ box-shadow:0 2px 6px rgba(196,45,53,.10),0 18px 40px -12px rgba(196,45,53,.30); }

/* ═══ Separadores (§5): barra presa por baixo do cabeçalho; pílula Brand que desliza (spring-fast, 450 ms) ═══ */
#rmbz-vip .pjs-tabs{ position:sticky; top:var(--pjs-tabs-top,0px); z-index:12; padding:8px 0 4px; background:var(--bg); }
#rmbz-vip .pjs-tabs[hidden]{ display:none; }
#rmbz-vip .pjs-tabbar{ position:relative; display:grid; grid-template-columns:repeat(var(--n,4),minmax(0,1fr)); padding:6px; border-radius:100px; background:var(--surface); box-shadow:var(--shadow-card); }
#rmbz-vip .pjs-tabpill{ position:absolute; top:6px; bottom:6px; left:6px; width:calc((100% - 12px) / var(--n,4)); border-radius:100px; background:var(--brand); box-shadow:0 6px 16px rgba(245,185,0,.38);
  transform:translateX(calc(var(--i,0) * 100%)); transition:transform calc(450ms*var(--k,1)) var(--spring-fast,ease); }
#rmbz-vip .pjs-tab{ -webkit-appearance:none; appearance:none; position:relative; min-width:0; height:52px; border:0; border-radius:100px; background:transparent; color:var(--text2);
  display:flex; align-items:center; justify-content:center; gap:8px; padding:0 8px; cursor:pointer; font:600 14px/1 'Geist',system-ui,sans-serif;
  transition:color calc(250ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-tab:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }
#rmbz-vip .pjs-tab.is-on{ color:var(--on-brand); font-weight:700; }
#rmbz-vip .pjs-tab-ico{ position:relative; display:flex; transition:transform calc(400ms*var(--k,1)) var(--spring-fast,ease); }
#rmbz-vip .pjs-tab-ico > .ms{ font-size:22px; line-height:1; font-variation-settings:'FILL' 0; }
#rmbz-vip .pjs-tab.is-on .pjs-tab-ico{ transform:scale(1.1); }
#rmbz-vip .pjs-tab.is-on .pjs-tab-ico > .ms{ font-variation-settings:'FILL' 1; }
#rmbz-vip .pjs-tab-dot{ position:absolute; top:-2px; right:-3px; width:9px; height:9px; border-radius:50%; background:var(--danger); box-shadow:0 0 0 2px var(--surface);
  animation:vx-live calc(1.6s*var(--k,1)) ease-in-out infinite; }
#rmbz-vip .pjs-tab.is-on .pjs-tab-dot{ box-shadow:0 0 0 2px var(--brand); }
#rmbz-vip .pjs-tab-t{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
#rmbz-vip .pjs-tab-badge{ flex:none; height:22px; padding:0 8px; border-radius:100px; background:var(--elev); color:var(--text2); font:700 11px/22px 'JetBrains Mono',ui-monospace,monospace; }
#rmbz-vip .pjs-tab-badge.is-ok{ background:var(--success-soft); color:var(--success-ink); }
#rmbz-vip .pjs-tab.is-on .pjs-tab-badge{ background:rgba(32,26,0,.14); color:var(--on-brand); }
#rmbz-vip .pjs-tab--phone{ display:none; }
#rmbz-vip .pjs-tabs .pjs-tabhint{ display:flex; align-items:center; justify-content:center; text-align:center; gap:6px; margin:18px 4px 6px; font:600 12.5px/1.35 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-tabhint > .ms{ font-size:17px; line-height:1; color:var(--brand-ink); }

/* Com o JS ativo só se vê o painel do separador escolhido; os cartões entram a subir, desfasados 80 ms. */
#rmbz-vip .pjs-panel{ display:flex; flex-direction:column; gap:20px; min-width:0; }
#rmbz-vip .pjs-detail.has-tabs .pjs-panel:not(.is-on){ display:none; }
/* Preenchimento só para trás (backwards): com «both» a animação de transform ficava ativa depois de acabar, e o Chrome
   prendia a ela os diálogos (.scrim, position:fixed) que vivem dentro do cartão: véu do tamanho do cartão e diálogo por
   baixo da barra de separadores (Termos do contrato, teste, equipa, transferência). */
#rmbz-vip .pjs-panel.pjs-in > *{ animation:vx-rise calc(500ms*var(--k,1)) var(--spring,ease) backwards; }
/* Diálogo aberto enquanto o cartão ainda está a entrar: a entrada para logo, para o diálogo ocupar o ecrã todo. */
#rmbz-vip .pjs-panel.pjs-in > :has(.scrim.open),
#rmbz-vip .vx-rise:has(.scrim.open),
#rmbz-vip .sect.on .card:has(.scrim.open){ animation:none; }
#rmbz-vip .pjs-panel.pjs-in > :nth-child(2){ animation-delay:80ms; }
#rmbz-vip .pjs-panel.pjs-in > :nth-child(3){ animation-delay:160ms; }
#rmbz-vip .pjs-panel.pjs-in > :nth-child(4){ animation-delay:240ms; }
#rmbz-vip .pjs-panel.pjs-in > :nth-child(5){ animation-delay:320ms; }
#rmbz-vip .pjs-panel.pjs-in > :nth-child(n+6){ animation-delay:400ms; }

@media (max-width:699px){
  #rmbz-vip .pjs-tab--phone{ display:flex; }
  #rmbz-vip .pjs-tab:not(.is-on) .pjs-tab-t, #rmbz-vip .pjs-tab-badge{ display:none; }
  #rmbz-vip .pjs-tab{ padding:0 4px; gap:6px; min-height:56px; height:56px; }
  #rmbz-vip .pjs-tabpill{ top:6px; bottom:6px; }
  /* Conversa: a coluna lateral só aparece no separador Conversa; os painéis da coluna principal escondem-se. */
  #rmbz-vip .pjs-detail.has-tabs:not([data-tab="chat"]) .pjs-side{ display:none; }
  #rmbz-vip .pjs-detail.has-tabs[data-tab="chat"] .pjs-main > .pjs-panel{ display:none; }
}

/* ═══ Linha do tempo (§6A) ═══ */
#rmbz-vip .pjs-tl{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
#rmbz-vip .pjs-tl-item{ display:flex; gap:14px; min-width:0; }
#rmbz-vip .pjs-tl-rail{ width:44px; flex:none; display:flex; flex-direction:column; align-items:center; }
#rmbz-vip .pjs-tl-dot{ width:36px; height:36px; flex:none; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--elev); color:var(--muted); }
#rmbz-vip .pjs-tl-dot > .ms{ font-size:19px; line-height:1; }
#rmbz-vip .pjs-tl-dot.vx-t-success{ background:var(--success); color:#FFFFFF; }
#rmbz-vip .pjs-tl-item.is-new .pjs-tl-dot{ box-shadow:0 0 0 5px var(--success-soft); }
#rmbz-vip .pjs-tl-item.is-cur .vx-cookie .ms{ font-size:22px; }
#rmbz-vip .pjs-tl-line{ flex:1; width:3px; min-height:14px; margin:4px 0; border-radius:3px; background:var(--highest); }
#rmbz-vip .pjs-tl-line.is-ok{ background:var(--success); }
#rmbz-vip .pjs-tl-body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; padding:6px 0 18px; }
#rmbz-vip .pjs-tl-item.is-cur .pjs-tl-body{ padding-top:10px; }
#rmbz-vip .pjs-tl-title{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font:700 14.5px/1.3 'Geist',system-ui,sans-serif; color:var(--text); }
#rmbz-vip .pjs-tl-item.is-todo .pjs-tl-title{ color:var(--text2); }
#rmbz-vip .pjs-tl-text{ font:400 12.5px/1.45 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-tl-when{ display:flex; align-items:center; gap:4px; font:500 11.5px/1.3 'JetBrains Mono',ui-monospace,monospace; color:var(--muted); }
#rmbz-vip .pjs-tl-when > .ms{ font-size:14px; line-height:1; }
#rmbz-vip .pjs-tag{ display:inline-flex; align-items:center; gap:4px; height:24px; padding:0 9px 0 7px; border-radius:100px; background:var(--tone-soft); color:var(--tone-ink); font:700 11px/1 'Geist',system-ui,sans-serif; }
#rmbz-vip .pjs-tag > .ms{ font-size:14px; line-height:1; }

/* ═══ O que levar no dia (§6A) ═══ */
#rmbz-vip .pjs-ck{ gap:18px; }
#rmbz-vip .pjs-ck .vx-deco{ transition:background-color calc(400ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-ck-head{ flex-wrap:wrap; gap:14px; }
#rmbz-vip .pjs-ck-head > .pjs-card-titles{ flex:1 1 220px; }
#rmbz-vip .pjs-ck-ring{ position:relative; width:64px; height:64px; flex:none; display:flex; align-items:center; justify-content:center; color:var(--tone-ink); }
#rmbz-vip .pjs-ck-ring svg{ position:absolute; inset:0; display:block; transform:rotate(-90deg); }
#rmbz-vip .pjs-ck-ring > .ms{ position:relative; font-size:24px; line-height:1; }
#rmbz-vip .pjs-ck-track{ fill:none; stroke:var(--highest); stroke-width:6; }
#rmbz-vip .pjs-ck-arc{ fill:none; stroke:var(--tone); stroke-width:6; stroke-linecap:round; stroke-dasharray:163.4;
  transition:stroke-dashoffset calc(600ms*var(--k,1)) var(--spring-slow,ease), stroke calc(300ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-ck-kicker{ display:flex; align-items:center; gap:5px; font:700 12px/1.3 'Geist',system-ui,sans-serif; color:var(--brand-ink); }
#rmbz-vip .pjs-ck-kicker > .ms{ font-size:15px; line-height:1; }
#rmbz-vip .pjs-ck-count{ display:flex; align-items:baseline; gap:2px; padding:8px 14px; border-radius:100px; background:var(--tone-soft); color:var(--tone-ink);
  transition:background-color calc(300ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-ck-count > b{ font:800 20px/1 'Bricolage Grotesque','Geist',sans-serif; }
#rmbz-vip .pjs-ck-count > span:not(.vx-sr){ font:600 12.5px/1 'Geist',system-ui,sans-serif; }
#rmbz-vip .pjs-ck-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:8px; }
#rmbz-vip .pjs-ck-item{ -webkit-appearance:none; appearance:none; display:flex; align-items:center; gap:12px; min-height:60px; padding:8px 14px 8px 8px; border:0; border-radius:20px;
  background:var(--elev); color:var(--text); text-align:left; cursor:pointer; font:inherit; transition:background-color calc(300ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-ck-item:active{ transform:scale(.97); }
#rmbz-vip .pjs-ck-item:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }
#rmbz-vip .pjs-ck-item.is-on{ background:var(--success-soft); }
#rmbz-vip .pjs-ck-ico{ width:44px; height:44px; flex:none; border-radius:14px; display:flex; align-items:center; justify-content:center; background:var(--surface); color:var(--brand-ink);
  transition:background-color calc(300ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-ck-ico > .ms{ font-size:23px; line-height:1; }
#rmbz-vip .pjs-ck-item.is-on .pjs-ck-ico{ background:var(--success); color:#FFFFFF; }
#rmbz-vip .pjs-ck-copy{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
#rmbz-vip .pjs-ck-copy > b{ font:700 13.5px/1.3 'Geist',system-ui,sans-serif; }
#rmbz-vip .pjs-ck-copy > small{ font:400 11.5px/1.35 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-ck-box{ width:28px; height:28px; flex:none; border-radius:50%; box-shadow:inset 0 0 0 2px var(--border2,var(--highest)); color:#FFFFFF;
  display:flex; align-items:center; justify-content:center; transition:background-color calc(250ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-ck-box > .ms{ font-size:18px; line-height:1; display:none; }
#rmbz-vip .pjs-ck-item.is-on .pjs-ck-box{ background:var(--success); box-shadow:inset 0 0 0 2px var(--success); }
#rmbz-vip .pjs-ck-item.is-on .pjs-ck-box > .ms{ display:block; animation:vx-pop-a calc(400ms*var(--k,1)) var(--spring-fast,ease) both; }
#rmbz-vip .pjs-ck-ready{ display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:22px; background:var(--success-soft); color:var(--success-ink);
  animation:vx-msg calc(400ms*var(--k,1)) var(--spring,ease) both; }
#rmbz-vip .pjs-ck-ready[hidden]{ display:none; }
#rmbz-vip .pjs-ck-ready-copy{ display:flex; flex-direction:column; gap:1px; }
#rmbz-vip .pjs-ck-ready-copy > b{ font:800 16px/1.2 'Bricolage Grotesque','Geist',sans-serif; }
#rmbz-vip .pjs-ck-ready-copy > small{ font:400 12.5px/1.4 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-ck-remind{ -webkit-appearance:none; appearance:none; align-self:flex-start; display:flex; align-items:center; gap:10px; min-height:48px; padding:0 8px 0 14px; border:0;
  border-radius:100px; background:var(--elev); color:var(--text); font:600 13px/1.2 'Geist',system-ui,sans-serif; cursor:pointer; }
#rmbz-vip .pjs-ck-remind:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }
#rmbz-vip .pjs-ck-remind > .ms{ font-size:19px; line-height:1; color:var(--brand-ink); }
#rmbz-vip .pjs-switch{ position:relative; width:52px; height:32px; flex:none; border-radius:100px; background:var(--border2,var(--highest)); transition:background-color calc(250ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-switch-knob{ position:absolute; top:4px; left:4px; width:24px; height:24px; border-radius:50%; background:var(--surface); color:var(--brand); display:flex; align-items:center; justify-content:center;
  transition:transform calc(350ms*var(--k,1)) var(--spring-fast,ease); }
#rmbz-vip .pjs-switch-knob > .ms{ font-size:16px; line-height:1; opacity:0; }
#rmbz-vip [aria-checked="true"] > .pjs-switch{ background:var(--brand); }
#rmbz-vip [aria-checked="true"] > .pjs-switch .pjs-switch-knob{ transform:translateX(20px); background:var(--on-brand); }
#rmbz-vip [aria-checked="true"] > .pjs-switch .pjs-switch-knob > .ms{ opacity:1; }
#rmbz-vip .pjs-ck-err, #rmbz-vip .pjs-fr-err{ margin:0; font:600 12.5px/1.4 'Geist',system-ui,sans-serif; color:var(--danger-ink,var(--danger)); }

/* ═══ Aprovar o vídeo final (§6A) ═══ */
#rmbz-vip .pjs-fr{ gap:18px; }
#rmbz-vip .pjs-fr-head{ flex-wrap:wrap; }
#rmbz-vip .pjs-fr-head > .pjs-card-titles{ flex:1 1 220px; }
#rmbz-vip .pjs-fr-chips{ display:flex; gap:6px; flex-wrap:wrap; }
#rmbz-vip .pjs-chip--elev{ background:var(--elev); color:var(--text); }
#rmbz-vip .pjs-chip--elev > .ms{ color:var(--brand-ink); }
#rmbz-vip .pjs-fr-player{ position:relative; aspect-ratio:16/9; border-radius:24px; overflow:hidden; background:#111111; display:flex; align-items:center; justify-content:center; isolation:isolate; }
#rmbz-vip .pjs-fr-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#000; opacity:0; transition:opacity calc(300ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-fr-player.is-started .pjs-fr-video{ opacity:1; }
#rmbz-vip .pjs-fr-state{ position:absolute; left:16px; top:14px; z-index:2; display:flex; align-items:center; gap:6px; height:30px; padding:0 12px 0 9px; border-radius:100px;
  background:rgba(255,255,255,.14); color:#FFFFFF; font:700 12px/1 'Geist',system-ui,sans-serif; }
#rmbz-vip .pjs-fr-dot{ width:7px; height:7px; border-radius:50%; background:#F5B900; }
#rmbz-vip .pjs-fr-player.is-playing .pjs-fr-dot{ background:#07966C; animation:vx-live calc(1.6s*var(--k,1)) ease-in-out infinite; }
#rmbz-vip .pjs-fr-mark{ position:absolute; right:16px; top:14px; z-index:2; font:800 13px/1 'Geist',system-ui,sans-serif; color:rgba(255,255,255,.55); }
#rmbz-vip .pjs-fr-title{ position:absolute; left:0; right:0; bottom:16px; z-index:2; text-align:center; font:600 13px/1.3 'Geist',system-ui,sans-serif; color:rgba(255,255,255,.7); padding:0 16px; }
#rmbz-vip .pjs-fr-player.is-started .pjs-fr-title{ display:none; }
#rmbz-vip .pjs-fr-play{ position:relative; z-index:2; width:88px; height:88px; border:0; padding:0; background:transparent; color:#201A00; display:flex; align-items:center; justify-content:center; cursor:pointer;
  transition:opacity calc(250ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-fr-play:active{ transform:scale(.94); }
#rmbz-vip .pjs-fr-play:focus-visible{ outline:2px solid #F5B900; outline-offset:4px; border-radius:50%; }
#rmbz-vip .pjs-fr-play .vx-cookie{ color:#201A00; }
#rmbz-vip .pjs-fr-play .ms{ font-size:44px; line-height:1; }
#rmbz-vip .pjs-fr-player.is-playing .pjs-fr-play{ opacity:0; }
#rmbz-vip .pjs-fr-player.is-playing:hover .pjs-fr-play, #rmbz-vip .pjs-fr-player.is-playing .pjs-fr-play:focus-visible{ opacity:1; }
#rmbz-vip .pjs-fr-timebar{ display:flex; flex-direction:column; gap:8px; }
#rmbz-vip .pjs-fr-bar{ --p:0%; position:relative; height:28px; cursor:pointer; display:flex; align-items:center; touch-action:none; }
#rmbz-vip .pjs-fr-bar:focus-visible{ outline:2px solid var(--brand); outline-offset:4px; border-radius:8px; }
#rmbz-vip .pjs-fr-track{ position:absolute; left:0; right:0; height:8px; border-radius:8px; background:var(--highest); }
#rmbz-vip .pjs-fr-fill{ position:absolute; left:0; height:8px; width:var(--p); border-radius:8px; background:var(--brand); }
#rmbz-vip .pjs-fr-marks{ position:absolute; inset:0; pointer-events:none; }
#rmbz-vip .pjs-fr-marker{ position:absolute; left:var(--x,0%); top:0; width:20px; height:20px; margin-left:-10px; border-radius:50% 50% 50% 4px; transform:rotate(-45deg);
  background:var(--info); box-shadow:0 0 0 2px var(--surface); animation:vx-pop-a calc(400ms*var(--k,1)) var(--spring-fast,ease) both; }
#rmbz-vip .pjs-fr-marker:not([style]){ display:none; }
#rmbz-vip .pjs-fr-knob{ position:absolute; left:var(--p); width:18px; height:18px; margin-left:-9px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 4px var(--surface),0 2px 8px rgba(0,0,0,.2); }
#rmbz-vip .pjs-fr-times{ display:flex; justify-content:space-between; font:600 12px/1 'JetBrains Mono',ui-monospace,monospace; color:var(--text2); }
#rmbz-vip .pjs-fr-comments{ display:flex; flex-direction:column; gap:8px; }
#rmbz-vip .pjs-fr-ch{ display:flex; align-items:center; gap:6px; font:700 13px/1.2 'Geist',system-ui,sans-serif; color:var(--text); }
#rmbz-vip .pjs-fr-ch > .ms{ font-size:17px; line-height:1; color:var(--info); }
#rmbz-vip .pjs-fr-count{ height:22px; padding:0 8px; border-radius:100px; background:var(--info-soft); color:var(--info-ink); font:700 11px/22px 'JetBrains Mono',ui-monospace,monospace; }
#rmbz-vip .pjs-fr-list{ display:flex; flex-direction:column; gap:8px; }
#rmbz-vip .pjs-fr-c{ display:flex; align-items:flex-start; gap:10px; padding:10px 12px; border-radius:18px; background:var(--elev); }
#rmbz-vip .pjs-fr-c.is-new{ animation:vx-msg calc(350ms*var(--k,1)) var(--spring,ease) both; }
#rmbz-vip .pjs-fr-t{ -webkit-appearance:none; appearance:none; flex:none; display:flex; align-items:center; gap:4px; min-height:30px; padding:0 10px 0 7px; border:0; border-radius:100px;
  background:var(--info); color:#FFFFFF; font:700 12px/1 'JetBrains Mono',ui-monospace,monospace; cursor:pointer; }
#rmbz-vip .pjs-fr-t > .ms{ font-size:16px; line-height:1; }
#rmbz-vip .pjs-fr-c-copy{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; padding-top:5px; }
#rmbz-vip .pjs-fr-c-copy > span{ font:400 13.5px/1.45 'Geist',system-ui,sans-serif; color:var(--text); overflow-wrap:anywhere; }
#rmbz-vip .pjs-fr-c-copy > small{ font:600 11px/1.3 'Geist',system-ui,sans-serif; color:var(--muted); }
#rmbz-vip .pjs-fr-compose{ display:flex; gap:8px; align-items:center; margin:0; }
#rmbz-vip .pjs-fr-compose[hidden]{ display:none; }
#rmbz-vip .pjs-fr-field{ flex:1; min-width:0; height:52px; display:flex; align-items:center; gap:8px; padding:0 6px 0 8px; border-radius:100px; background:var(--highest); }
#rmbz-vip .pjs-fr-at{ flex:none; display:flex; align-items:center; gap:4px; height:36px; padding:0 10px 0 8px; border-radius:100px; background:var(--surface); color:var(--info-ink); font:700 12px/1 'JetBrains Mono',ui-monospace,monospace; }
#rmbz-vip .pjs-fr-at > .ms{ font-size:15px; line-height:1; }
#rmbz-vip .pjs-fr-field input{ flex:1; min-width:0; height:100%; padding:0; border:0; background:transparent; color:var(--text); font:400 14px/1.2 'Geist',system-ui,sans-serif; outline:none; box-shadow:none; }
#rmbz-vip .pjs-fr-add{ -webkit-appearance:none; appearance:none; width:52px; height:52px; flex:none; border:0; border-radius:16px; background:var(--info); color:#FFFFFF; display:flex; align-items:center; justify-content:center; cursor:pointer; }
#rmbz-vip .pjs-fr-add > .ms{ font-size:23px; line-height:1; }
#rmbz-vip .pjs-fr-add:active{ transform:scale(.94); }
#rmbz-vip .pjs-fr-actions{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; }
#rmbz-vip .pjs-fr-actions[hidden]{ display:none; }
#rmbz-vip .pjs-fr-btn{ -webkit-appearance:none; appearance:none; height:60px; border:0; border-radius:100px; background:var(--highest); color:var(--text); font:700 15px/1 'Geist',system-ui,sans-serif;
  display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; }
#rmbz-vip .pjs-fr-btn > .ms{ font-size:22px; line-height:1; }
#rmbz-vip .pjs-fr-btn:active{ transform:scale(.97); }
#rmbz-vip .pjs-fr-btn[disabled]{ opacity:.55; cursor:not-allowed; transform:none; }
#rmbz-vip .pjs-fr-btn--ok{ background:var(--success); color:#FFFFFF; box-shadow:0 8px 22px rgba(7,150,108,.35); }
#rmbz-vip .pjs-fr-btn.is-busy{ pointer-events:none; opacity:.7; }
#rmbz-vip .pjs-fr-result{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:16px 18px; border-radius:24px; background:var(--tone-soft); color:var(--tone-ink);
  animation:vx-msg calc(450ms*var(--k,1)) var(--spring,ease) both; }
#rmbz-vip .pjs-fr-result[hidden]{ display:none; }
#rmbz-vip .pjs-fr-res-copy{ flex:1 1 200px; display:flex; flex-direction:column; gap:2px; }
#rmbz-vip .pjs-fr-res-copy > b{ font:800 16px/1.2 'Bricolage Grotesque','Geist',sans-serif; }
#rmbz-vip .pjs-fr-res-copy > small{ font:400 12.5px/1.4 'Geist',system-ui,sans-serif; color:var(--text2); }

/* Movimento reduzido: a pílula e os botões mudam sem deslizar; as entradas não esperam. */
@media (prefers-reduced-motion: reduce){
  #rmbz-vip .pjs-panel.pjs-in > *{ animation:none; }
  #rmbz-vip .pjs-tabpill, #rmbz-vip .pjs-tab-ico, #rmbz-vip .pjs-switch-knob{ transition:none; }
}
#rmbz-vip[data-motion="reduce"] .pjs-panel.pjs-in > *{ animation:none; }

/* ═══ Resultado do pagamento dentro do «E agora?» (§6B) ═══ */
@keyframes pjs-pay-shake{ 0%,100%{ transform:translateX(0); } 15%{ transform:translateX(-8px); } 30%{ transform:translateX(7px); } 45%{ transform:translateX(-5px); } 60%{ transform:translateX(4px); } 75%{ transform:translateX(-2px); } }
@keyframes pjs-pay-timer{ from{ transform:scaleX(1); } to{ transform:scaleX(0); } }
#rmbz-vip .pjs-payres:empty{ display:none; }
#rmbz-vip .pjs-payres-box{ position:relative; overflow:hidden; display:flex; flex-direction:column; gap:14px; padding:18px; border-radius:26px; background:var(--tone-soft); color:var(--text); }
#rmbz-vip .pjs-payres-box.is-error{ box-shadow:0 2px 6px rgba(196,45,53,.10),0 18px 40px -12px rgba(196,45,53,.32);
  animation:vx-rise calc(450ms*var(--k,1)) var(--spring,ease) backwards, pjs-pay-shake calc(500ms*var(--k,1)) var(--ease-effect,ease) calc(450ms*var(--k,1)) 1; }
#rmbz-vip .pjs-payres-box.is-ok{ box-shadow:var(--shadow-success); animation:vx-rise calc(450ms*var(--k,1)) var(--spring,ease) backwards; }
#rmbz-vip .pjs-payres-head{ position:relative; display:flex; align-items:center; gap:14px; min-width:0; }
#rmbz-vip .pjs-payres-cookie .ms{ font-size:26px; line-height:1; }
#rmbz-vip .pjs-payres-badge{ position:absolute; right:-4px; bottom:-4px; width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--surface); color:var(--danger); box-shadow:0 0 0 2px var(--tone-soft); }
#rmbz-vip .pjs-payres-badge .ms{ font-size:17px; line-height:1; }
#rmbz-vip .pjs-payres-copy{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
#rmbz-vip .pjs-payres-title{ font:800 19px/1.15 'Bricolage Grotesque','Geist',sans-serif; color:var(--tone-ink); }
#rmbz-vip .pjs-payres-text{ margin:0; font:400 13.5px/1.45 'Geist',system-ui,sans-serif; color:var(--text); }
#rmbz-vip .pjs-mono{ font-family:'JetBrains Mono',ui-monospace,monospace; font-weight:700; }
#rmbz-vip .pjs-payres-x{ -webkit-appearance:none; appearance:none; flex:none; align-self:flex-start; width:44px; height:44px; border:0; border-radius:50%; background:transparent; color:var(--tone-ink);
  display:flex; align-items:center; justify-content:center; cursor:pointer; }
#rmbz-vip .pjs-payres-x > .ms{ font-size:24px; line-height:1; }
#rmbz-vip .pjs-payres-x:hover{ background:color-mix(in srgb,var(--tone) 12%,transparent); }
#rmbz-vip .pjs-payres-x:focus-visible, #rmbz-vip .pjs-payres-btn:focus-visible{ outline:2px solid var(--tone); outline-offset:2px; }
#rmbz-vip .pjs-payres-wallet{ display:flex; flex-direction:column; gap:10px; padding:14px 16px; border-radius:18px; background:var(--surface); }
#rmbz-vip .pjs-payres-wrow{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font:600 12.5px/1.3 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-payres-wl, #rmbz-vip .pjs-payres-wr{ display:inline-flex; align-items:center; gap:5px; }
#rmbz-vip .pjs-payres-wl > .ms{ font-size:16px; color:var(--danger); }
#rmbz-vip .pjs-payres-wr > .ms{ font-size:16px; color:var(--text2); }
#rmbz-vip .pjs-payres-wrow b{ color:var(--text); }
#rmbz-vip .pjs-payres-wrow b.is-low{ color:var(--danger-ink,var(--danger)); }
#rmbz-vip .pjs-payres-track{ position:relative; height:8px; border-radius:8px; background:var(--highest); overflow:hidden; }
#rmbz-vip .pjs-payres-fill{ position:absolute; left:0; top:0; bottom:0; border-radius:8px; background:var(--danger); transition:width calc(600ms*var(--k,1)) var(--spring-slow,ease); }
#rmbz-vip .pjs-payres-acts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
#rmbz-vip .pjs-payres-btn{ -webkit-appearance:none; appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:52px; padding:0 18px; border:0; border-radius:100px;
  font:700 14.5px/1 'Geist',system-ui,sans-serif; cursor:pointer; text-decoration:none; }
#rmbz-vip .pjs-payres-btn > .ms{ font-size:20px; line-height:1; }
#rmbz-vip .pjs-payres-btn:active{ transform:scale(.97); }
#rmbz-vip .pjs-payres-btn.is-danger{ background:var(--danger); color:#FFFFFF; }
#rmbz-vip .pjs-payres-btn.is-surface, #rmbz-vip a.pjs-payres-btn.is-surface{ background:var(--surface); color:var(--tone-ink); }
#rmbz-vip .pjs-payres-btn.is-small{ min-height:44px; flex:none; padding:0 16px 0 12px; }
#rmbz-vip .pjs-payres-timer{ height:6px; border-radius:6px; background:var(--success); transform-origin:left center; animation:pjs-pay-timer calc(6s*var(--k,1)) linear both; }
#rmbz-vip .pjs-btn--pay.is-retry, #rmbz-vip .pjs-btn--pay.is-retry:hover{ background:var(--danger); color:#FFFFFF; box-shadow:0 8px 22px rgba(196,45,53,.35); }

@media (max-width:699px){
  #rmbz-vip .pjs-payres-box{ padding:16px 14px; }
  #rmbz-vip .pjs-payres-acts{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce){
  #rmbz-vip .pjs-payres-box{ animation:none; }
  #rmbz-vip .pjs-payres-timer{ animation:pjs-pay-timer 6s linear both; }
}

/* ═══ [1.5.915] «O que estás a pagar» (handoff do site, «Atualização»): por baixo das caixas de valores, abre e fecha ═══ */
#rmbz-vip .pjs-bill{ position:relative; display:flex; flex-direction:column; min-width:0; border-radius:24px; background:var(--surface); overflow:hidden; }
#rmbz-vip .pjs-bill-head{ display:flex; align-items:center; gap:12px; min-height:72px; width:100%; padding:12px 14px; border:0; background:transparent; color:var(--text); text-align:left; cursor:pointer; font:inherit; }
#rmbz-vip .pjs-bill-head:focus-visible{ outline:2px solid var(--brand); outline-offset:-2px; border-radius:24px; }
#rmbz-vip .pjs-bill-ico .ms{ font-size:23px; }
#rmbz-vip .pjs-bill-copy{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
#rmbz-vip .pjs-bill-t{ font:800 17px/1.15 'Bricolage Grotesque',system-ui,sans-serif; }
#rmbz-vip .pjs-bill-sub{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; font:400 12px/1.3 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-bill-loc{ display:inline-flex; align-items:center; gap:4px; height:24px; padding:0 9px 0 6px; border-radius:100px; background:var(--tone-soft); color:var(--tone-ink); font:700 11px 'Geist',system-ui,sans-serif; }
#rmbz-vip .pjs-bill-loc > .ms{ font-size:14px; }
#rmbz-vip .pjs-bill-exp{ width:40px; height:40px; flex:none; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--elev); color:var(--text); transition:background-color calc(250ms*var(--k,1)) var(--ease-effect,ease), color calc(250ms*var(--k,1)) var(--ease-effect,ease); }
#rmbz-vip .pjs-bill-exp > .ms{ font-size:23px; transition:transform calc(350ms*var(--k,1)) var(--spring-fast,ease); }
#rmbz-vip .pjs-bill[data-bill="open"] .pjs-bill-exp{ background:var(--brand); color:var(--on-brand); }
#rmbz-vip .pjs-bill[data-bill="open"] .pjs-bill-exp > .ms{ transform:rotate(180deg); }
#rmbz-vip .pjs-bill-body{ display:grid; grid-template-rows:1fr; transition:grid-template-rows calc(500ms*var(--k,1)) var(--spring,ease); }
#rmbz-vip .pjs-bill[data-bill="closed"] .pjs-bill-body{ grid-template-rows:0fr; }
#rmbz-vip .pjs-bill-clip{ min-height:0; overflow:hidden; }
#rmbz-vip .pjs-bill[data-bill="closed"] .pjs-bill-clip{ visibility:hidden; transition:visibility 0s linear calc(500ms*var(--k,1)); }
#rmbz-vip .pjs-bill-in{ display:flex; flex-direction:column; gap:14px; padding:0 14px 16px; }
#rmbz-vip .pjs-bill-split{ display:flex; flex-direction:column; gap:6px; }
#rmbz-vip .pjs-bill-bar{ display:flex; height:10px; gap:3px; border-radius:10px; overflow:hidden; }
#rmbz-vip .pjs-bill-seg{ height:100%; border-radius:10px; background:var(--tone); }
#rmbz-vip .pjs-bill-legend{ display:flex; flex-wrap:wrap; gap:12px; }
#rmbz-vip .pjs-bill-lg{ display:inline-flex; align-items:center; gap:5px; font:600 11.5px 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-bill-lg > i{ width:9px; height:9px; border-radius:50%; background:var(--tone); }
#rmbz-vip .pjs-bill-kinds{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
#rmbz-vip .pjs-bill-kind{ display:flex; align-items:center; gap:10px; min-width:0; padding:10px 12px; border-radius:18px; background:var(--elev); }
#rmbz-vip .pjs-bill-kind-ico{ width:34px; height:34px; flex:none; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--tone-soft); color:var(--tone-ink); }
#rmbz-vip .pjs-bill-kind-ico > .ms{ font-size:18px; }
#rmbz-vip .pjs-bill-kind-copy{ min-width:0; display:flex; flex-direction:column; gap:1px; }
#rmbz-vip .pjs-bill-kind-l{ font:400 11.5px/1.3 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-bill-kind-v{ font:700 14px/1.2 'JetBrains Mono',monospace; font-variant-numeric:tabular-nums; color:var(--text); overflow-wrap:anywhere; }
#rmbz-vip .pjs-bill-group{ display:flex; flex-direction:column; gap:6px; }
#rmbz-vip .pjs-bill-gh{ display:flex; align-items:center; gap:8px; padding:0 4px; }
#rmbz-vip .pjs-bill-gico{ width:26px; height:26px; flex:none; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; background:var(--tone-soft); color:var(--tone-ink); }
#rmbz-vip .pjs-bill-gico > .ms{ font-size:15px; }
#rmbz-vip .pjs-bill-gt{ flex:1; min-width:0; font:700 12.5px/1.3 'Geist',system-ui,sans-serif; color:var(--text); }
#rmbz-vip .pjs-bill-gt > span{ font-weight:500; color:var(--text2); }
#rmbz-vip .pjs-bill-gsub{ font:700 12.5px 'JetBrains Mono',monospace; font-variant-numeric:tabular-nums; color:var(--text2); white-space:nowrap; }
#rmbz-vip .pjs-bill-item{ display:flex; align-items:center; gap:12px; min-height:60px; padding:8px 12px 8px 8px; border-radius:18px; background:var(--elev); }
#rmbz-vip .pjs-bill-iico{ width:42px; height:42px; flex:none; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; background:var(--surface); color:var(--tone-ink); }
#rmbz-vip .pjs-bill-iico > .ms{ font-size:21px; }
#rmbz-vip .pjs-bill-icopy{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
#rmbz-vip .pjs-bill-it{ font:700 13.5px/1.25 'Geist',system-ui,sans-serif; color:var(--text); overflow-wrap:anywhere; }
#rmbz-vip .pjs-bill-tags{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
#rmbz-vip .pjs-bill-tag{ display:inline-flex; align-items:center; gap:3px; height:22px; padding:0 8px 0 6px; border-radius:100px; background:var(--tone-soft); color:var(--tone-ink); font:700 10.5px 'Geist',system-ui,sans-serif; white-space:nowrap; }
#rmbz-vip .pjs-bill-tag > .ms{ font-size:13px; }
#rmbz-vip .pjs-bill-note{ font:400 11px/1.3 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-bill-iv{ flex:none; font:700 14px 'JetBrains Mono',monospace; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--text); }
#rmbz-vip .pjs-bill-item.is-out .pjs-bill-iv{ color:var(--muted); text-decoration:line-through; }
#rmbz-vip .pjs-bill-total{ display:flex; align-items:center; gap:12px; padding:14px; border-radius:20px; background:var(--tone-soft); }
#rmbz-vip .pjs-bill-total-ico{ width:40px; height:40px; flex:none; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--tone); color:var(--tone-on); }
#rmbz-vip .pjs-bill-total-ico > .ms{ font-size:20px; }
#rmbz-vip .pjs-bill-total-copy{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
#rmbz-vip .pjs-bill-total-l{ font:700 12.5px/1.3 'Geist',system-ui,sans-serif; color:var(--tone-ink); }
#rmbz-vip .pjs-bill-total-s{ font:400 11.5px/1.3 'Geist',system-ui,sans-serif; color:var(--text2); }
#rmbz-vip .pjs-bill-total-v{ font:800 20px/1.1 'Bricolage Grotesque',system-ui,sans-serif; color:var(--text); white-space:nowrap; }
@container pjs-hero (max-width:420px){
  #rmbz-vip .pjs-bill-item{ align-items:flex-start; flex-wrap:wrap; }
  #rmbz-vip .pjs-bill-icopy{ flex:1 1 calc(100% - 54px); }
  #rmbz-vip .pjs-bill-iv{ margin-left:54px; }
  #rmbz-vip .pjs-bill-total-v{ font-size:18px; }
}