/* ERO BOSS Master Renderer v4.4.4 — ONBOARDING ISOLATION
   Scope: SOLO mientras el modal del Core (.ebc61-qr-scene/.ebc61-qr-card) está visible.
   Objetivo: Bienvenida, Registro y Plataformas sin barras del sitio; Home detrás, desenfocado.
   NO cambia colores, tipografías, tamaños ni estructura interna del modal. */

html.ebh444-onboarding-active,
body.ebh444-onboarding-active{
  overflow:hidden!important;
}

/* 1) Ocultar la navegación/footer del SITIO únicamente mientras está abierto onboarding. */
body.ebh444-onboarding-active .ebh4-header,
body.ebh444-onboarding-active .ebl-header,
body.ebh444-onboarding-active header.site-header,
body.ebh444-onboarding-active .site-header,
body.ebh444-onboarding-active #masthead,
body.ebh444-onboarding-active .wp-site-blocks > header,
body.ebh444-onboarding-active .wp-site-blocks > .wp-block-template-part:first-child,
body.ebh444-onboarding-active #page > header,
body.ebh444-onboarding-active .site > header,
body.ebh444-onboarding-active .ebh4-footer,
body.ebh444-onboarding-active .ebl-footer,
body.ebh444-onboarding-active footer.site-footer,
body.ebh444-onboarding-active .site-footer,
body.ebh444-onboarding-active #colophon,
body.ebh444-onboarding-active .wp-site-blocks > footer,
body.ebh444-onboarding-active .wp-site-blocks > .wp-block-template-part:last-child,
body.ebh444-onboarding-active #page > footer,
body.ebh444-onboarding-active .site > footer{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* 2) El escenario del onboarding cubre el viewport completo. No modificamos la tarjeta. */
body.ebh444-onboarding-active .ebc61-qr-scene,
body.ebh444-onboarding-active .ebc61-qr-scene.ebc61-qr-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  width:100dvw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  z-index:2147482999!important;
  overflow:hidden!important;
  background:rgba(2,5,7,.16)!important;
  -webkit-backdrop-filter:blur(8px) brightness(.52) saturate(.92)!important;
  backdrop-filter:blur(8px) brightness(.52) saturate(.92)!important;
}

/* 3) En /bienvenido Core inserta una copia del Home dentro del escenario.
      Esa copia se mantiene como fondo pero borrosa y sin barras propias. */
body.ebh444-onboarding-active .ebc61-qr-site{
  position:absolute!important;
  inset:-16px!important;
  width:calc(100% + 32px)!important;
  min-height:calc(100% + 32px)!important;
  z-index:0!important;
  pointer-events:none!important;
  filter:blur(8px) brightness(.48) saturate(.90)!important;
  transform:scale(1.018)!important;
  transform-origin:center!important;
}
body.ebh444-onboarding-active .ebc61-qr-site .ebh4-header,
body.ebh444-onboarding-active .ebc61-qr-site .ebl-header,
body.ebh444-onboarding-active .ebc61-qr-site header,
body.ebh444-onboarding-active .ebc61-qr-site .ebh4-footer,
body.ebh444-onboarding-active .ebc61-qr-site .ebl-footer,
body.ebh444-onboarding-active .ebc61-qr-site footer{
  opacity:0!important;
  visibility:hidden!important;
}

/* 4) Sombreado suave por encima del Home y debajo del modal. */
body.ebh444-onboarding-active .ebc61-qr-scene::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 84% 15%,rgba(206,91,34,.15),transparent 32%),
    radial-gradient(circle at 11% 85%,rgba(15,160,184,.08),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.36))!important;
}

/* 5) Tarjeta y sus tres estados siempre por encima. No tocamos su diseño interno. */
body.ebh444-onboarding-active .ebc61-qr-card{
  position:absolute!important;
  z-index:2!important;
}

/* El admin bar de WordPress no forma parte del onboarding visual. */
body.ebh444-onboarding-active #wpadminbar{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:782px){
  body.ebh444-onboarding-active .ebc61-qr-scene,
  body.ebh444-onboarding-active .ebc61-qr-scene.ebc61-qr-overlay{
    width:100dvw!important;
    height:100dvh!important;
  }
  body.ebh444-onboarding-active .ebc61-qr-site{
    inset:-10px!important;
    width:calc(100% + 20px)!important;
    min-height:calc(100% + 20px)!important;
    filter:blur(6px) brightness(.46) saturate(.90)!important;
    transform:scale(1.025)!important;
  }
}