/* Page lighting only. Component materials and the global palette stay intact. */
body{background-color:#000}

/* A single diffuse source sits behind the property demonstration. */
#experiencia{
 background:
  radial-gradient(ellipse 43% 37% at 30% 59%,#09443170 0%,#05271c47 43%,#0000 100%),
  #000;
}

/* The handset carries its own contrast; ambient light is barely perceptible. */
.mobile-section{
 background:radial-gradient(ellipse 22% 36% at 74% 50%,#0a34252e 0%,#0000 100%),#000;
}

/* Quiet editorial black; both edges meet the adjacent black surfaces. */
#processo{
 background:linear-gradient(180deg,#000 0%,#030706 24%,#030706 72%,#000 100%);
}

/* Static side light only: no dependency on the watch or its scroll timeline. */
#seu-tempo .time-stage{
 background:
  radial-gradient(ellipse 36% 31% at 4% 65%,#083e2e29 0%,#04211614 48%,#0000 100%),
  radial-gradient(ellipse 38% 32% at 97% 65%,#0844322b 0%,#04211614 48%,#0000 100%),
  #000;
}

/* Light stays with the operational mockups; the heading and edges remain black. */
#operacao{
 background:radial-gradient(ellipse 42% 32% at 50% 61%,#0a39283d 0%,#04251920 50%,#0000 100%),#000;
}

/* Reposition only the light sources when the existing layout stacks. */
@media(max-width:800px){
 #experiencia{background:radial-gradient(ellipse 73% 30% at 50% 43%,#09443170 0%,#05271c47 43%,#0000 100%),#000}
}
@media(max-width:600px){
 .mobile-section{background:radial-gradient(ellipse 52% 25% at 50% 72%,#0a342529 0%,#0000 100%),#000}
 #operacao{background:radial-gradient(ellipse 66% 34% at 50% 59%,#0a392833 0%,#0425191a 50%,#0000 100%),#000}
}