/* Intelectus Futuro A9.3.3 — requested visual corrections only.
   1) Dashboard introduction: full-bleed image behind text.
   2) Questionnaire: no photography; question in dark green. */

/* ===== DASHBOARD INTRO — FULL-WIDTH IMAGE BEHIND COPY ===== */
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126Intro{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:330px!important;
  margin:0 0 22px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(126,218,172,.26)!important;
  background:
    linear-gradient(90deg,
      rgba(2,40,31,.96) 0%,
      rgba(3,48,37,.90) 34%,
      rgba(3,48,37,.68) 58%,
      rgba(3,48,37,.34) 78%,
      rgba(3,48,37,.18) 100%),
    url('https://ivprvvzdhduvuydmiduu.supabase.co/functions/v1/futuro-frontend/dashboard-final.webp')
    center 42%/cover no-repeat!important;
  box-shadow:0 20px 52px rgba(0,30,22,.20)!important;
  isolation:isolate!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126Intro:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 42%,rgba(0,21,15,.22)),
    radial-gradient(circle at 84% 18%,rgba(93,203,136,.11),transparent 32%)!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroMedia{
  display:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy{
  position:relative!important;
  z-index:2!important;
  width:min(760px,68%)!important;
  max-width:760px!important;
  min-height:330px!important;
  padding:46px clamp(28px,4vw,54px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy>small{
  color:#b8f1d1!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-shadow:0 2px 14px rgba(0,0,0,.28)!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy h2{
  margin:10px 0 12px!important;
  max-width:690px!important;
  color:#fff!important;
  font-size:clamp(34px,3.6vw,52px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  text-shadow:0 3px 24px rgba(0,0,0,.32)!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy>p{
  margin:0!important;
  max-width:690px!important;
  color:rgba(255,255,255,.90)!important;
  font-size:15px!important;
  line-height:1.55!important;
  text-shadow:0 2px 18px rgba(0,0,0,.30)!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy>div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:22px!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy>div>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(2,35,26,.45)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.08)!important;
}

/* ===== QUESTIONNAIRE — TEXT ONLY / NO PHOTO ===== */
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="test"] #app#app#app :is(
  .ifxTestPhoto,.ifxTestVisual,.testVisual53,.screenArtV59,.v60RouteHero
){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="test"] #app#app#app .ifxTestPanel{
  background:#fff!important;
  background-image:none!important;
  color:#133d30!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="test"] #app#app#app .question53{
  background:#fff!important;
  background-image:none!important;
  color:#133d30!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="test"] #app#app#app .ifxTestHome,
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="test"] #app#app#app .ifxTestProgress>span{
  color:#365c4e!important;
  text-shadow:none!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="test"] #app#app#app :is(
  .ifxQuestionCategory,.questionEyebrowV59
){
  color:#0b5c42!important;
  text-shadow:none!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="test"] #app#app#app :is(
  .ifxTestPanel h1,.question53 h1
){
  color:#123f32!important;
  text-shadow:none!important;
}
html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="test"] #app#app#app :is(
  .ifxSliderInstruction,.questionHelpV59
){
  color:#60786e!important;
  text-shadow:none!important;
}

/* Responsive: image remains a true full-bleed header, copy remains readable. */
@media(max-width:900px){
  html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126Intro{
    min-height:310px!important;
    background:
      linear-gradient(90deg,rgba(2,40,31,.95) 0%,rgba(3,48,37,.82) 54%,rgba(3,48,37,.34) 100%),
      url('https://ivprvvzdhduvuydmiduu.supabase.co/functions/v1/futuro-frontend/dashboard-final.webp')
      center center/cover no-repeat!important;
  }
  html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy{
    width:min(720px,82%)!important;
    min-height:310px!important;
    padding:36px 30px!important;
  }
}
@media(max-width:600px){
  html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126Intro{
    min-height:360px!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(2,39,30,.35) 0%,rgba(2,39,30,.66) 42%,rgba(2,39,30,.96) 82%),
      url('https://ivprvvzdhduvuydmiduu.supabase.co/functions/v1/futuro-frontend/dashboard-final.webp')
      61% center/cover no-repeat!important;
  }
  html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy{
    width:100%!important;
    max-width:none!important;
    min-height:360px!important;
    justify-content:flex-end!important;
    padding:28px 18px 30px!important;
  }
  html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy h2{
    font-size:clamp(30px,9vw,38px)!important;
  }
  html[data-ifx-green="a922"] body.ifxInternalApp[data-ifx-internal-route="dashboard"] #app#app#app .ifx126IntroCopy>p{
    font-size:13.5px!important;
  }
}