body.modo-espera {
  background: #f3f4f6;
}

/* v1.1 valida unicamente el encendido monocromatico hacia Azul Rey y Dorado. */
body.modo-espera .app-shell {
  filter: grayscale(100%);
}

body.modo-espera .onboarding-screen {
  background: #f3f4f6;
}

body.modo-espera .onboarding-card {
  border-color: rgba(17, 24, 39, 0.12);
  background: rgba(255, 255, 255, 0.42);
}

body.modo-espera .field-label,
body.modo-espera .countdown-label,
body.modo-espera .countdown-footnote,
body.modo-espera .onboarding-error {
  color: #111827;
}

#logo-app .emblem-mark,
#logo-app .emblem-shadow,
#logo-app .emblem-highlight {
  transition: fill var(--transition-color), stroke var(--transition-color), opacity var(--transition-color);
}

#logo-app .emblem-shadow {
  fill: rgba(4, 12, 34, 0.26);
  transform: translateY(4px);
}

#logo-app .emblem-mark {
  fill: url(#emblemGold);
}

#logo-app .emblem-center {
  fill: url(#emblemGoldSoft);
}

#logo-app .emblem-left,
#logo-app .emblem-right,
#logo-app .emblem-center {
  stroke: rgba(255, 244, 188, 0.24);
  stroke-width: 1.2;
  stroke-linejoin: round;
}

#logo-app .emblem-highlight {
  fill: none;
  stroke: rgba(255, 249, 216, 0.48);
  stroke-width: 3;
  stroke-linecap: round;
  opacity: 0.7;
}

body:not(.modo-espera) #logo-app {
  filter: drop-shadow(0 18px 26px rgba(6, 23, 68, 0.3));
}

body:not(.modo-espera) #logo-app .emblem-shadow {
  fill: rgba(0, 0, 0, 0.28);
  opacity: 0.72;
}

body:not(.modo-espera) #logo-app .emblem-mark {
  fill: url(#emblemGold);
}

body:not(.modo-espera) #logo-app .emblem-center {
  fill: url(#emblemGoldSoft);
}