/* Local experiment: the closing portrait opens onto a second real photograph. */
#seu-ritmo .fx-rhythm-photo .footer-photo-reveal { position:absolute; inset:0; z-index:1; opacity:0; pointer-events:none; --reveal-x:50%; --reveal-y:45%; --reveal-radius:0px; mask-image:radial-gradient(circle at var(--reveal-x) var(--reveal-y),#000 max(0px,calc(var(--reveal-radius) - 22px)),transparent var(--reveal-radius)); -webkit-mask-image:radial-gradient(circle at var(--reveal-x) var(--reveal-y),#000 max(0px,calc(var(--reveal-radius) - 22px)),transparent var(--reveal-radius)); }
#seu-ritmo .fx-rhythm-photo .footer-photo-reveal img { width:100%; height:100%; object-fit:cover; object-position:50% 43%; transform:scale(1.04); }
#seu-ritmo .fx-rhythm-photo::after { z-index:2; pointer-events:none; }
#seu-ritmo .fx-rhythm-photo .footer-photo-toggle { position:absolute; inset:0; z-index:3; width:100%; height:100%; border:0; padding:0; border-radius:0; background:transparent; color:#fff; cursor:pointer; text-align:left; touch-action:pan-y pinch-zoom; -webkit-tap-highlight-color:transparent; }
#seu-ritmo .fx-rhythm-photo .footer-photo-toggle[hidden] { display:none; }


#seu-ritmo .fx-rhythm-photo .footer-photo-cue::before { content:'+'; color:var(--accent); font-size:18px; line-height:1; }
#seu-ritmo .fx-rhythm-photo[data-photo-pinned="true"] .footer-photo-cue::before { content:'−'; }

#seu-ritmo .fx-rhythm-photo figcaption { z-index:4; pointer-events:none; }
#seu-ritmo .fx-rhythm-photo .footer-photo-cue { position:absolute; left:22px; bottom:13%; align-items:center; gap:9px; padding:10px 13px; border:1px solid #ffffff38; border-radius:2px; background:#090a0bb3; font:500 10px/1.3 var(--font-body,Arial,sans-serif); letter-spacing:.09em; text-transform:uppercase; pointer-events:none; display:none; }
#seu-ritmo .fx-rhythm-photo .footer-photo-toggle:focus-visible { outline:2px solid var(--fx-orange); outline-offset:-5px; box-shadow:inset 0 0 0 14px var(--fx-ink); }
/* No celular a foto aparece inteira, sem dica nem botão: o dedo revela a segunda
   foto por onde passa (Lucas, 28/09). A rolagem vertical continua com a página. */
@media (hover: none), (pointer: coarse) {
  #seu-ritmo .fx-rhythm-photo { touch-action:pan-y pinch-zoom; }
}
