/* =====================================================================
   Fase 6 · onda 1 (Rafaela): card de produto que vende, pontes, destaque do dia,
   momentos (meio-dia, noite, sonho), "Já comprei", lembrete .ics e a ponte do leitor de páginas.
   Espaço 4/8/12/16/24. Toque ≥44 px. Nada fixo na tela (a ponte do leitor fica dentro dele).
   ===================================================================== */

/* ---------- card de produto (vale pra Início, Vitrine e pontes) ---------- */
.vcard .vits{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.vcard .vits li{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:#e7defc}
.vcard .vits svg{flex:none;margin-top:2px;color:var(--ok)}
.vcard .vmeta{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;color:var(--muted)}
.vcard .vfoot{flex-direction:column;align-items:stretch;gap:6px}
.vcard .vfoot .vbtn{display:block;width:100%;min-height:44px;padding:12px 14px;font-size:14.5px;border-radius:12px}
.vcard.tem .vfoot{flex-direction:row;align-items:center}
.vcard.tem .vfoot .vbtn{width:auto;min-height:0;padding:10px 16px}
.vcard .vlib{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);line-height:1.35}
.vcard .vlib svg{flex:none}
.vcard .vja{display:inline-block;background:none;border:0;color:var(--gold2);font:600 12.5px 'Poppins',sans-serif;
  text-decoration:underline;text-underline-offset:3px;padding:10px 0 2px;min-height:40px;cursor:pointer}
.vcard .vja:disabled{opacity:.7;text-decoration:none}

/* folha do "Já comprei" */
.vja-sh{display:flex;flex-direction:column;gap:12px}
.vja-l{list-style:none;margin:2px 0 4px;padding:0;display:flex;flex-direction:column;gap:10px}
.vja-l li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:#e7defc}
.vja-l li svg{flex:none;margin-top:2px;color:var(--gold2)}
.vja-esc{background:none;border:0;color:var(--muted);font:500 13px 'Poppins',sans-serif;text-decoration:underline;padding:10px 0;min-height:44px;cursor:pointer}

/* ---------- ponte (1 linha da casa + card + Agora não) ---------- */
.mo-ponte{margin-top:16px;padding:14px;border-radius:var(--r);border:1px solid rgba(255,224,138,.22);
  background:linear-gradient(160deg,rgba(255,224,138,.07),rgba(28,14,60,.6))}
.mo-ponte .mo-pl{font-size:14px;line-height:1.5;color:var(--ink);margin:0 0 10px}
.mo-ponte .vcard{margin:0}
.mo-nao{display:block;margin:6px auto 0;background:none;border:0;color:var(--muted);font:500 13px 'Poppins',sans-serif;
  text-decoration:underline;text-underline-offset:3px;padding:10px 12px;min-height:44px;cursor:pointer}
.mo-in{animation:moEntra .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes moEntra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* destaque do dia (Início) */
.mo-dest{margin-top:8px}
.mo-dest .ini-sechd{margin-top:32px}
.mo-todos{background:none;border:0;color:var(--gold2);font:600 13px 'Poppins',sans-serif;min-height:44px;padding:0 4px;cursor:pointer}

/* ponte em lugares escuros/compactos */
.rit-ponte{width:100%;text-align:left;margin-top:24px}
.lei-ponte{margin-top:24px}
.st-ponte{width:100%;text-align:left;margin-top:4px}
.st-fim .st-ponte .mo-pl{font-size:14.5px}

/* ---------- momentos do dia (Início) ---------- */
.mo-volta{display:flex;align-items:center;gap:8px;margin-top:10px;padding:0 4px;font-size:12.5px;color:var(--muted);line-height:1.4}
.mo-volta svg{flex:none;color:var(--gold2)}
.mo-sonholink{display:inline-flex;align-items:center;gap:6px;margin:2px 0 0 28px;background:none;border:0;color:var(--gold2);
  font:600 13px 'Poppins',sans-serif;min-height:44px;padding:0;cursor:pointer}
.mo-mom{margin-top:16px;padding:16px;border-radius:var(--r);border:1px solid var(--glassb);
  background:linear-gradient(160deg,rgba(52,28,104,.75),rgba(28,14,60,.88))}
.mo-noite,.mo-sonho{background:linear-gradient(160deg,rgba(24,22,80,.9),rgba(10,6,34,.95));border-color:rgba(140,150,255,.25)}
.mo-eb{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold2);font-weight:700}
.mo-tx{font-size:15.5px;line-height:1.55;margin:10px 0 0}
.mo-noite .mo-tx{font-style:italic}
.mo-or{margin:10px 0 0;padding:10px 12px;border-left:2px solid rgba(255,224,138,.5);font-size:14px;line-height:1.55;color:#e7defc;background:rgba(255,255,255,.03);border-radius:0 10px 10px 0}
.mo-by{font-size:12px;color:var(--muted);margin-top:8px}
.mo-fiz{margin-top:12px;min-height:44px}
.mo-ok{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:600;color:#7ff0ad}
.mo-mom.ok{border-color:rgba(58,209,122,.35)}
.mo-sub{font-size:13px;color:var(--muted);margin:8px 0 0}
.mo-vb{margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(168,130,255,.18)}
.mo-vg{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-weight:600}
.mo-vt{display:block;font-family:'Cinzel',serif;font-size:17px;margin-top:2px;color:var(--gold2)}
.mo-vb p{font-size:14.5px;line-height:1.55;margin:6px 0 0}
.mo-vb small{display:block;margin-top:8px;font-size:11.5px;color:var(--muted)}
.mo-abre{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}
.mo-sonho .mo-ponte{margin-top:12px}

/* folhas (sonho de manhã, lembrete) */
.mo-sh{display:flex;flex-direction:column;gap:12px}
.mo-sh .mo-sub{margin:0}
.mo-lbl{font-size:13px;color:var(--muted);font-weight:600}
.mo-hora{width:100%;min-height:52px;border-radius:14px;border:1.5px solid var(--cardb);background:rgba(255,255,255,.05);color:var(--ink);
  font:600 20px 'Poppins',sans-serif;padding:8px 14px;color-scheme:dark}
.mo-hora:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.mo-icsf .btn.acc{display:flex;align-items:center;justify-content:center;gap:8px;color:#1a0b33}
.mo-nota{font-size:12px;color:var(--muted);text-align:center;margin:0}
.mo-icsb{width:100%;text-align:left;font:inherit;color:inherit}
.mo-icsb .vl-ic{color:var(--gold2);display:grid;place-items:center}
.mo-dclink{display:inline-flex;align-items:center;gap:6px;margin-top:8px;background:none;border:0;color:var(--gold2);
  font:600 13px 'Poppins',sans-serif;min-height:44px;padding:0 4px;cursor:pointer}

/* ---------- leitor de páginas: ponte no fim do material (dentro do leitor, por cima do rodapé) ---------- */
.pag-fim{position:absolute;left:0;right:0;z-index:4;max-height:70%;overflow-y:auto;padding:12px 12px 4px;
  background:linear-gradient(180deg,rgba(11,5,24,0),rgba(11,5,24,.96) 28px);animation:moEntra .45s cubic-bezier(.2,.8,.2,1) both}
.pag-fim-eb{text-align:center;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold2);font-weight:700;padding-top:18px}
.pag-fim .mo-ponte{margin-top:8px;background:linear-gradient(160deg,#211043,#120828)}

/* a folha ("Já comprei", e-mail) por cima dos stories, que ficam em tela cheia */
body:has(#st) #sheetbg{z-index:70}

@media (prefers-reduced-motion:reduce){ .mo-in,.pag-fim{animation:none} }

/* ajustes de encaixe */
.mo-sonho .mo-ponte{padding:0;border:0;background:none}
h2.mo-ics{margin-top:32px}
.mo-icsb + .mo-icsb{margin-top:10px}
.pag-fim .vcard .vr{display:none}
.pag-fim .mo-ponte{padding:12px}