/*
 * Fondos ambientales nítidos v0.67.0.
 * Retira exclusivamente el velo blanco de v0.63/v0.65 y conserva
 * los fondos en el área principal, detrás de los contenedores.
 */

#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="home"].is-active),
#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="lead"].is-active),
#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="progress"].is-active) {
  background-color: #8fc5f1 !important;
  background-image: url("images/area-backgrounds-v063/kingdom-blue.png") !important;
}

#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="contacts"].is-active),
#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="touches"].is-active),
#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="settings"].is-active),
#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="supervision"].is-active) {
  background-color: #78c9bd !important;
  background-image: url("images/area-backgrounds-v063/operations-emerald.png") !important;
}

#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="challenges"].is-active),
#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="rewards"].is-active),
#sgl-desktop-app .sgl-main:has(> .sgl-view[data-view="messages"].is-active) {
  background-color: #8b75d2 !important;
  background-image: url("images/area-backgrounds-v063/rewards-purple.png") !important;
}

/* No se aplica overlay, filtro, mezcla ni desenfoque a la imagen ambiental. */
#sgl-desktop-app .sgl-main {
  background-blend-mode: normal !important;
  filter: none !important;
}

@media (max-width: 900px) {
  #sgl-desktop-app .sgl-main {
    background-size: cover !important;
  }
}