/* ==============================================================
   Correções v9 — câmera no hero sem ações flutuantes e controles clicáveis
   ============================================================== */

/* Os botões globais não pertencem ao hero: continuam ocultos enquanto
   o cabeçalho ainda está sobre a área do hero/RV e só aparecem abaixo. */
body.orbita-header-on-hero .scroll-top,
body.orbita-header-on-hero .scroll-top.active,
body.orbita-header-on-hero .whatsapp-float,
body.orbita-header-on-hero .whatsapp-float.active,
body.hero-rv-camera-active.orbita-header-on-hero .scroll-top,
body.hero-rv-camera-active.orbita-header-on-hero .scroll-top.active,
body.hero-rv-camera-active.orbita-header-on-hero .whatsapp-float,
body.hero-rv-camera-active.orbita-header-on-hero .whatsapp-float.active {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(12px) !important;
}

/* Fora do hero, volta a respeitar a lógica original baseada na classe .active. */
body.orbita-header-off-hero .scroll-top.active {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  bottom: 15px !important;
  transform: none !important;
}

body.orbita-header-off-hero .whatsapp-float.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* Quando a câmera está ativa, o iframe precisa receber clique/toque para
   os botões internos Ocultar câmera e Sair da câmera funcionarem. */
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-rv-background,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-rv-background iframe,
body.hero-rv-camera-active .hero.hero-orbita-editorial #heroRvFrame {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* O conteúdo comercial continua fora da frente da experiência enquanto a câmera está ativa. */
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-editorial-content,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-title-block,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-title-block *,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-editorial-headline,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-editorial-description,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-niche-tags,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-niche-tags *,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-actions,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-actions *,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-rv-cta-wrap,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-rv-cta-wrap *,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-rv-demo,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-rv-demo *,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-rv-activate-btn,
body.hero-rv-camera-active .hero.hero-orbita-editorial .hero-rv-activate-btn * {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Header/menu permanecem acima da RV. */
body.hero-rv-camera-active .header,
body.hero-rv-camera-active .header *,
body.hero-rv-camera-active .orbita-editorial-header,
body.hero-rv-camera-active .orbita-editorial-header *,
body.hero-rv-camera-active .orbita-menu-toggle,
body.hero-rv-camera-active .orbita-menu-toggle *,
body.hero-rv-camera-active .navmenu,
body.hero-rv-camera-active .navmenu * {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

@media (min-width: 992px) {
  /* Antes da câmera ativa, o desktop continua usando a ponte JS para arraste,
     sem o iframe capturar wheel/scroll. */
  body:not(.hero-rv-camera-active) .hero.hero-orbita-editorial .hero-rv-background,
  body:not(.hero-rv-camera-active) .hero.hero-orbita-editorial .hero-rv-background iframe,
  body:not(.hero-rv-camera-active) .hero.hero-orbita-editorial #heroRvFrame {
    pointer-events: none !important;
    touch-action: auto !important;
  }
}