/* Litapower — tema global: fondo turquesa sutil + acentos azul */
:root {
  --coinup-bg: #eef9fb;
  --coinup-bg-soft: #f4fcfd;
  --coinup-bg-warm: #e8f6f8;
  --coinup-text: #1e293b;
  --coinup-text-muted: rgba(30, 41, 59, 0.65);
  --coinup-orange: #1a56db;
  --coinup-orange-dark: #0a1f44;
  --coinup-orange-light: #3b82f6;
  --coinup-orange-soft: #dbeafe;
  --coinup-orange-glow: rgba(26, 86, 219, 0.28);
  --coinup-border: rgba(10, 31, 68, 0.12);
  --coinup-card: #ffffff;
  --coinup-card-border: rgba(0, 0, 0, 0.08);
  --app-sky-blue: #96c8f8;
}

html,
body {
  background-color: #ffffff !important;
  background-image: none !important;
}

body.game-hud-page,
html.game-hud-page {
  background-color: #ffffff !important;
  background-image: none !important;
}

body.imperia-auth-page {
  background: transparent !important;
  background-image: none !important;
}

/* Fondo compartido para todas las vistas autenticadas de usuario. */
html:has(#wdr-page),
html:has(#rcg-page),
html:has(#rep-page),
html:has(#sec-page),
html:has(#card-page),
html:has(#apoyo-page),
html:has(#tareas-page),
html:has(#lbr-page),
body.withdraw-page-body,
body.recharge-page-body,
body.reports-body,
body.security-page-body,
body.card-page-body,
body.apoyo-page-body,
body.tareas-page-body,
body.labores-page-body,
body.user-app-page:has(#wdr-page),
body.user-app-page:has(#rcg-page),
body.user-app-page:has(#rep-page),
body.user-app-page:has(#sec-page),
body.user-app-page:has(#card-page),
body.user-app-page:has(#apoyo-page),
body.user-app-page:has(#tareas-page),
body.user-app-page:has(#lbr-page) {
  background-color: #0874e8 !important;
  background-image: none !important;
}

body.withdraw-page-body .app-frame,
body.recharge-page-body .app-frame,
body.reports-body .app-frame,
body.security-page-body .app-frame,
body.card-page-body .app-frame,
body.apoyo-page-body .app-frame,
body.tareas-page-body .app-frame,
body.labores-page-body .app-frame,
body.user-app-page:has(#wdr-page) .app-frame,
body.user-app-page:has(#rcg-page) .app-frame,
body.user-app-page:has(#rep-page) .app-frame,
body.user-app-page:has(#sec-page) .app-frame,
body.user-app-page:has(#card-page) .app-frame,
body.user-app-page:has(#apoyo-page) .app-frame,
body.user-app-page:has(#tareas-page) .app-frame,
body.user-app-page:has(#lbr-page) .app-frame {
  background: #0874e8 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.user-app-page:not(:has(#rcd-page)):not(:has(#share-page)):not(:has(#dashboard-page)):not(:has(#level-page)):not(:has(#team-page)):not(:has(#bonus-invite-page)):not(:has(#mt-page)):not(:has(#zone-page)):not(:has(#wdr-page)):not(:has(#rcg-page)):not(:has(#rep-page)):not(:has(#sec-page)):not(:has(#card-page)):not(:has(#apoyo-page)):not(:has(#tareas-page)):not(:has(#lbr-page)) {
  background-color: #eaf7f9 !important;
  background-image:
    radial-gradient(circle at 12% 0%, rgba(103, 232, 249, 0.13), transparent 30%),
    linear-gradient(180deg, #f3fbfc 0%, #e8f6f8 100%) !important;
}

body.user-app-page:not(:has(#rcd-page)):not(:has(#share-page)):not(:has(#dashboard-page)):not(:has(#level-page)):not(:has(#team-page)):not(:has(#bonus-invite-page)):not(:has(#mt-page)):not(:has(#zone-page)):not(:has(#wdr-page)):not(:has(#rcg-page)):not(:has(#rep-page)):not(:has(#sec-page)):not(:has(#card-page)):not(:has(#apoyo-page)):not(:has(#tareas-page)):not(:has(#lbr-page)) .app-frame {
  background: linear-gradient(180deg, #f5fcfd 0%, #edf9fb 100%) !important;
}

body.user-app-page:not(:has(#rcd-page)):not(:has(#share-page)):not(:has(#dashboard-page)):not(:has(#level-page)):not(:has(#team-page)):not(:has(#bonus-invite-page)):not(:has(#mt-page)):not(:has(#zone-page)):not(:has(#wdr-page)):not(:has(#rcg-page)):not(:has(#rep-page)):not(:has(#sec-page)):not(:has(#card-page)):not(:has(#apoyo-page)):not(:has(#tareas-page)):not(:has(#lbr-page)) .app-frame > main {
  background: transparent !important;
}

body.user-app-page:not(:has(#rcd-page)):not(:has(#share-page)):not(:has(#dashboard-page)):not(:has(#level-page)):not(:has(#team-page)):not(:has(#bonus-invite-page)):not(:has(#mt-page)):not(:has(#zone-page)):not(:has(#wdr-page)):not(:has(#rcg-page)):not(:has(#rep-page)):not(:has(#sec-page)):not(:has(#card-page)):not(:has(#apoyo-page)):not(:has(#tareas-page)):not(:has(#lbr-page)) .app-frame > main > :first-child {
  background-color: transparent !important;
  background-image: none !important;
}

body:has(#level-page),
body:has(.work-page),
body:has(.buy-page),
body:has(.card-page),
body:has(.apoyo-page),
body:has(.contracts-page),
body:has(.contract-page),
body:has(.checkin-shell),
body:has(.asist-page),
body:has(.products-shell),
body:has(.notifications-shell),
body:has(.notif-page),
body:has(.vip-game-shell),
body:has(#rcg-page),
body.recharge-page-body,
body:has(#rep-page),
body.reports-body,
body:has(#lbr-page),
body.labores-page-body {
  background-color: #0874e8 !important;
  background-image: none !important;
  color: #1f2937 !important;
}

body:has(#rcg-page) .app-frame,
body.recharge-page-body .app-frame,
body:has(#rep-page) .app-frame,
body.reports-body .app-frame,
body:has(#apoyo-page) .app-frame,
body.apoyo-page-body .app-frame,
body:has(#card-page) .app-frame,
body.card-page-body .app-frame,
body:has(#lbr-page) .app-frame,
body.labores-page-body .app-frame {
  background: #0874e8 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body:has(#rcg-page) main,
body.recharge-page-body main,
body:has(#rep-page) main,
body.reports-body main {
  width: 100%;
  min-width: 0;
  overflow-x: clip;
  background: transparent !important;
}

body:has(.team-shell),
body:has(#team-page),
body:has(#bonus-invite-page),
body:has(#mt-page),
body.team-page-body,
body.bonus-invite-page-body,
body.mt-page-body {
  background-color: var(--app-sky-blue) !important;
  background-image: none !important;
  color: #1f2937 !important;
}

body:has(#zone-page),
body.zone-page-body {
  background-color: #0874e8 !important;
  background-image: none !important;
  color: #1f2937 !important;
}

html:has(#share-page),
html:has(#dashboard-page),
html:has(#level-page),
html:has(#team-page),
html:has(#bonus-invite-page),
html:has(#mt-page),
body.share-page-body,
body.level-page-body,
body.team-page-body,
body.bonus-invite-page-body,
body.mt-page-body,
body.user-app-page:has(#share-page),
body.user-app-page:has(#dashboard-page),
body.user-app-page:has(#level-page),
body.user-app-page:has(#team-page),
body.user-app-page:has(#bonus-invite-page),
body.user-app-page:has(#mt-page) {
  background-color: var(--app-sky-blue) !important;
  background-image: none !important;
}

html:has(#zone-page),
body.zone-page-body,
body.user-app-page:has(#zone-page) {
  background-color: #0874e8 !important;
  background-image: none !important;
}

html:has(#team-page),
body.team-page-body,
body.user-app-page:has(#team-page),
body:has(#team-page) {
  background-color: #0874e8 !important;
  background-image: none !important;
}

html:has(#level-page),
body.level-page-body,
body.user-app-page:has(#level-page),
body:has(#level-page),
html:has(#mt-page),
body.mt-page-body,
body.user-app-page:has(#mt-page),
body:has(#mt-page),
html:has(#dashboard-page),
body.dashboard-page-body,
body.user-app-page:has(#dashboard-page),
body:has(#dashboard-page),
html:has(#bonus-invite-page),
body.bonus-invite-page-body,
body.user-app-page:has(#bonus-invite-page),
body:has(#bonus-invite-page),
html:has(#sec-page),
body.security-page-body,
body.user-app-page:has(#sec-page),
body:has(#sec-page),
html:has(#card-page),
body.card-page-body,
body.user-app-page:has(#card-page),
body:has(#card-page),
html:has(#apoyo-page),
body.apoyo-page-body,
body.user-app-page:has(#apoyo-page),
body:has(#apoyo-page) {
  background-color: #0874e8 !important;
  background-image: none !important;
}

body.share-page-body .app-frame,
body.level-page-body .app-frame,
body.team-page-body .app-frame,
body.bonus-invite-page-body .app-frame,
body.mt-page-body .app-frame,
body.user-app-page:has(#share-page) .app-frame,
body.user-app-page:has(#dashboard-page) .app-frame,
body.user-app-page:has(#level-page) .app-frame,
body.user-app-page:has(#team-page) .app-frame,
body.user-app-page:has(#bonus-invite-page) .app-frame,
body.user-app-page:has(#mt-page) .app-frame {
  background: var(--app-sky-blue) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.zone-page-body .app-frame,
body.user-app-page:has(#zone-page) .app-frame {
  background: #0874e8 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.team-page-body .app-frame,
body.user-app-page:has(#team-page) .app-frame {
  background: #0874e8 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.level-page-body .app-frame,
body.user-app-page:has(#level-page) .app-frame,
body.mt-page-body .app-frame,
body.user-app-page:has(#mt-page) .app-frame,
body.dashboard-page-body .app-frame,
body.user-app-page:has(#dashboard-page) .app-frame,
body.bonus-invite-page-body .app-frame,
body.user-app-page:has(#bonus-invite-page) .app-frame,
body.security-page-body .app-frame,
body.user-app-page:has(#sec-page) .app-frame,
body.card-page-body .app-frame,
body.user-app-page:has(#card-page) .app-frame,
body.apoyo-page-body .app-frame,
body.user-app-page:has(#apoyo-page) .app-frame {
  background: #0874e8 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.team-page-body .app-frame > main,
body.team-page-body .app-frame > main > :first-child {
  background: transparent !important;
  background-image: none !important;
}

body.user-app-page:has(#share-page) .app-frame > main,
body.user-app-page:has(#share-page) .app-frame > main > :first-child,
body.user-app-page:has(#dashboard-page) .app-frame > main,
body.user-app-page:has(#dashboard-page) .app-frame > main > :first-child,
body.user-app-page:has(#level-page) .app-frame > main,
body.user-app-page:has(#level-page) .app-frame > main > :first-child,
body.user-app-page:has(#team-page) .app-frame > main,
body.user-app-page:has(#team-page) .app-frame > main > :first-child,
body.user-app-page:has(#bonus-invite-page) .app-frame > main,
body.user-app-page:has(#bonus-invite-page) .app-frame > main > :first-child,
body.user-app-page:has(#mt-page) .app-frame > main,
body.user-app-page:has(#mt-page) .app-frame > main > :first-child,
body.user-app-page:has(#zone-page) .app-frame > main,
body.user-app-page:has(#zone-page) .app-frame > main > :first-child {
  background: transparent !important;
  background-image: none !important;
}

@media (min-width: 1024px) {
  html:has(#share-page),
  html:has(#dashboard-page),
  html:has(#level-page),
  html:has(#team-page),
  html:has(#bonus-invite-page),
  html:has(#mt-page),
  body.share-page-body,
  body.level-page-body,
  body.team-page-body,
  body.bonus-invite-page-body,
  body.mt-page-body,
  body.user-app-page:has(#share-page),
  body.user-app-page:has(#dashboard-page),
  body.user-app-page:has(#level-page),
  body.user-app-page:has(#team-page),
  body.user-app-page:has(#bonus-invite-page),
  body.user-app-page:has(#mt-page) {
    padding: 0 !important;
    background-color: var(--app-sky-blue) !important;
  }

  html:has(#zone-page),
  body.zone-page-body,
  body.user-app-page:has(#zone-page) {
    padding: 0 !important;
    background-color: #0874e8 !important;
  }

  body.share-page-body .app-frame,
  body.level-page-body .app-frame,
  body.team-page-body .app-frame,
  body.bonus-invite-page-body .app-frame,
  body.mt-page-body .app-frame,
  body.user-app-page:has(#share-page) .app-frame,
  body.user-app-page:has(#dashboard-page) .app-frame,
  body.user-app-page:has(#level-page) .app-frame,
  body.user-app-page:has(#team-page) .app-frame,
  body.user-app-page:has(#bonus-invite-page) .app-frame,
  body.user-app-page:has(#mt-page) .app-frame {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--app-sky-blue) !important;
  }

  body.zone-page-body .app-frame,
  body.user-app-page:has(#zone-page) .app-frame {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #0874e8 !important;
  }

  html:has(#team-page),
  body.team-page-body,
  body.user-app-page:has(#team-page) {
    background-color: #0874e8 !important;
  }

  body.team-page-body .app-frame,
  body.user-app-page:has(#team-page) .app-frame {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #0874e8 !important;
  }

  html:has(#level-page),
  body.level-page-body,
  body.user-app-page:has(#level-page),
  html:has(#mt-page),
  body.mt-page-body,
  body.user-app-page:has(#mt-page),
  html:has(#dashboard-page),
  body.dashboard-page-body,
  body.user-app-page:has(#dashboard-page),
  html:has(#bonus-invite-page),
  body.bonus-invite-page-body,
  body.user-app-page:has(#bonus-invite-page),
  html:has(#sec-page),
  body.security-page-body,
  body.user-app-page:has(#sec-page),
  html:has(#card-page),
  body.card-page-body,
  body.user-app-page:has(#card-page),
  html:has(#apoyo-page),
  body.apoyo-page-body,
  body.user-app-page:has(#apoyo-page) {
    background-color: #0874e8 !important;
  }

  body.level-page-body .app-frame,
  body.user-app-page:has(#level-page) .app-frame,
  body.mt-page-body .app-frame,
  body.user-app-page:has(#mt-page) .app-frame,
  body.dashboard-page-body .app-frame,
  body.user-app-page:has(#dashboard-page) .app-frame,
  body.bonus-invite-page-body .app-frame,
  body.user-app-page:has(#bonus-invite-page) .app-frame,
  body.security-page-body .app-frame,
  body.user-app-page:has(#sec-page) .app-frame,
  body.card-page-body .app-frame,
  body.user-app-page:has(#card-page) .app-frame,
  body.apoyo-page-body .app-frame,
  body.user-app-page:has(#apoyo-page) .app-frame {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #0874e8 !important;
  }
}

.game-page__ambient {
  display: none !important;
}

/* Detalle de recarga SPEI — tema oscuro (anula fondo blanco global) */
html:has(#rcd-page),
body.rcd-body,
body:has(#rcd-page) {
  background-color: #0c2437 !important;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(103, 232, 249, 0.24), transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(59, 130, 246, 0.2), transparent 32%),
    linear-gradient(180deg, #0c2437 0%, #103550 48%, #164663 100%) !important;
  color: #e8f4ff !important;
}

body.rcd-body .app-frame,
body:has(#rcd-page) .app-frame {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

@media (min-width: 1024px) {
  body.rcd-body,
  body:has(#rcd-page) {
    padding: 0 !important;
  }
}