/* ==========================================================================
   PRIME CHAMPIONS · ANULACIONES DE MODO CLARO  (ARCHIVO GENERADO)
   --------------------------------------------------------------------------
   Generado a partir de css/style.css. No editar a mano: se regenera con
   el script `generar_modo_claro.py`.

   La app se escribió sólo para fondo oscuro, así que arrastraba dos
   problemas en modo claro: texto claro sobre superficies claras, y paneles
   que seguían siendo negros. Aquí se corrigen ambos manteniendo el tono de
   cada color e invirtiendo únicamente su luminosidad.
   ========================================================================== */

/* ---------------------------------------------------------------- FONDOS */

html.modo-claro .contenidoSocial,
html.modo-claro .ceremoniaFinal,
html.modo-claro .formConfiguracion { background: linear-gradient(135deg, rgba(var(--menu-fondo-rgb), .18), rgba(var(--menu-fondo-rgb), .12)), linear-gradient(135deg, rgba(248, 247, 249,.92), rgba(250, 249, 250,.78)) !important; }
html.modo-claro .managerCard { background: rgba(250, 249, 251,.62) !important; }
html.modo-claro .metricasPerfil>div { background: rgba(250, 249, 251,.52) !important; }
html.modo-claro .panelPerfil,
html.modo-claro .podiosPremios article,
html.modo-claro .onceIdeal,
html.modo-claro .noticiasFeed article { background: rgba(250, 250, 251,.48) !important; }
html.modo-claro .formConfiguracion input,
html.modo-claro .formConfiguracion select { background: #faf9fb !important; }
html.modo-claro .menuAcciones button { background: linear-gradient(145deg,rgba(246, 245, 247,.95),rgba(249, 249, 250,.95)) !important; }
html.modo-claro .menuAcciones #btnNueva { background: linear-gradient(135deg, #edf2f0 0%, #f1f4f3 50%, #f3f6f5 100%) !important; }
html.modo-claro .menuAcciones #btnTOTW.btnDestacadoTOTW { background: linear-gradient(135deg, #fafaf8 0%, #f9f8f7 50%, #fbfbfa 100%) !important; }
html.modo-claro .menuAcciones .accionPeligrosa { background: linear-gradient(135deg,#f6f4f4,#f9f8fa) !important; }
html.modo-claro .formacion { background: linear-gradient(135deg, #f6f5f8, #f9f8fa) !important; }
html.modo-claro .modalContenido { background: #f8f7f9 !important; }
html.modo-claro .variante { background: #f9f8fa !important; }
html.modo-claro .panelJugadores,
html.modo-claro .panelCancha { background: rgba(249, 248, 250, .9) !important; }
html.modo-claro .carta { background: linear-gradient(145deg, #f6f5f7, #f8f8f9) !important; }
html.modo-claro #campo { background: linear-gradient(90deg, rgba(255, 255, 255, .1) 2px, transparent 2px) 50%/50% 100%,
        linear-gradient(#f0f3f2, #f3f6f5) !important; }
html.modo-claro .posicion { background: linear-gradient(145deg, #f7f6f8, #f9f9fa) !important; }
html.modo-claro th { background: #f5f4f7 !important; }
html.modo-claro .media-plata { background: linear-gradient(135deg, #efeef0, #e4e1e8) !important; }
html.modo-claro .media-normal { background: linear-gradient(145deg, #f6f5f7, #f8f8f9) !important; }
html.modo-claro .card-legend { background: radial-gradient(circle at top, #cba6f5 0, #e8e5eb 45%, #f3f1f5 100%) !important; }
html.modo-claro .card-silver { background: radial-gradient(circle at top, #f3eef8 0, #e4e1e8 45%, #eeedef 100%) !important; }
html.modo-claro .card-normal { background: radial-gradient(circle at top, #f3f1f5 0, #f6f5f8 45%, #f9f8fa 100%) !important; }
html.modo-claro .panelResultados { background: linear-gradient(145deg, #f8f7f9, #f9f8fa) !important; }
html.modo-claro .panelResultados::-webkit-scrollbar-track { background: rgba(247, 246, 248, .3) !important; }
html.modo-claro .partidoGrande { background: rgba(247, 246, 248, .6) !important; }
html.modo-claro .partidoGrande:hover { background: rgba(247, 246, 248, .8) !important; }
html.modo-claro .partidoGrande.mi-partido { background: linear-gradient(135deg, rgba(68, 210, 158, .15), rgba(247, 246, 248, .8)) !important; }
html.modo-claro .navegacionResultados button { background: rgba(247, 246, 248, .8) !important; }
html.modo-claro #btnVerTabla { background: rgba(247, 246, 248, .8) !important; }
html.modo-claro .mi-partido { background: linear-gradient(135deg, rgba(68, 210, 158, .15), rgba(247, 246, 248, .5)) !important; }
html.modo-claro .partidoCard { background: rgba(247, 246, 248, .5) !important; }
html.modo-claro .equipoLista { background: linear-gradient(160deg, #f6f5f7, #f9f8fa) !important; }
html.modo-claro .canchaVista { background: linear-gradient(rgba(255, 255, 255, .08) 2px, transparent 2px),
        linear-gradient(90deg, rgba(255, 255, 255, .08) 2px, transparent 2px),
        linear-gradient(#eff3f2, #f3f6f5) !important; }
html.modo-claro .jugadorCancha { background: rgba(249, 248, 250, .92) !important; }
html.modo-claro .clubBox { background: #f9f8fa !important; }
html.modo-claro .authBox,
html.modo-claro .clubBox { background: linear-gradient(145deg, rgba(248, 247, 249, .97), rgba(250, 249, 251, .97)) !important; }
html.modo-claro .authBox input,
html.modo-claro .clubBox input { background: rgba(250, 250, 251, .9) !important; }
html.modo-claro .previewEscudo { background: #f9f8fa !important; }
html.modo-claro .perfilClub { background: rgba(249, 249, 250, .83) !important; }
html.modo-claro .leyendaTabla { background: rgba(250, 250, 251, 0.7) !important; }
html.modo-claro .partidoGrandeCard { background: linear-gradient(145deg, rgba(248, 247, 249, 0.95), rgba(250, 249, 251, 0.95)) !important; }
html.modo-claro .resumenGoleadoresMini { background: rgba(251, 251, 252, 0.6) !important; }
html.modo-claro #modalEstadisticasPartido { background: rgba(252, 251, 252, 0.78) !important; }
html.modo-claro .modalStatsContenido { background: linear-gradient(160deg, #f9f8f9 0%, #fafafb 100%) !important; }
html.modo-claro .statsGoleadoresDetalle { background: rgba(251, 251, 252, 0.8) !important; }
html.modo-claro .formPublicarForo { background: rgba(249, 248, 249, 0.8) !important; }
html.modo-claro .formPublicarForo textarea { background: rgba(250, 250, 251, 0.9) !important; }
html.modo-claro .tarjetaForoMensaje { background: linear-gradient(145deg, rgba(248, 247, 249, 0.9), rgba(250, 249, 251, 0.9)) !important; }
html.modo-claro .logoForo { background: #f9f8fa !important; }
html.modo-claro .btnDestacadoTOTW { background: linear-gradient(135deg, #f9f9fa, #f9f8f7) !important; }
html.modo-claro .btnDestacadoTienda { background: linear-gradient(135deg, #f9f8fa, #f3f1f5) !important; }
html.modo-claro .card-totw { background: radial-gradient(circle at top, #f7f7f8 0%, #f9f9fa 50%, #fcfbfb 100%) !important; }
html.modo-claro .team-card-super { background: linear-gradient(145deg, #f9f9fa, #f9f8fa) !important; }
html.modo-claro .team-card-totw { background: linear-gradient(145deg, #f9f9fa, #fafaf9) !important; }
html.modo-claro .logrosHeaderHero { background: linear-gradient(180deg, rgba(242, 174, 14, 0.12) 0%, rgba(252, 251, 251, 0.6) 100%) !important; }
html.modo-claro .totwCardStats { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .toastLogro { background: linear-gradient(135deg, rgba(249, 248, 250, 0.96), rgba(250, 250, 251, 0.98)) !important; }
html.modo-claro .toastLogro.toastReclamoExito { background: linear-gradient(135deg, rgba(242, 174, 14, 0.15), rgba(250, 250, 251, 0.98)) !important; }
html.modo-claro .tarjetaLogroItem { background: rgba(248, 247, 249, 0.6) !important; }
html.modo-claro .tarjetaLogroItem.unlocked { background: linear-gradient(135deg, rgba(242, 174, 14, 0.12), rgba(248, 247, 249, 0.9)) !important; }
html.modo-claro .tarjetaLogroItem.readyToClaim { background: linear-gradient(135deg, rgba(68, 210, 158, 0.15), rgba(237, 242, 240, 0.08), rgba(248, 247, 249, 0.95)) !important; }
html.modo-claro .tarjetaLogroItem.claimed { background: rgba(249, 248, 250, 0.7) !important; }
html.modo-claro .tarjetaLogroItem.locked { background: rgba(249, 248, 250, 0.5) !important; }
html.modo-claro .bannerReclamarTodosGlobal { background: linear-gradient(135deg, rgba(237, 242, 240, 0.2), rgba(242, 174, 14, 0.15), rgba(248, 247, 249, 0.95)) !important; }
html.modo-claro .toastReclamoExito { background: linear-gradient(135deg, rgba(237, 242, 240, 0.95), rgba(248, 247, 249, 0.95)) !important; }
html.modo-claro .ruletaDraftBox { background: linear-gradient(135deg, #fcfbfb, #f9f9fa) !important; }
html.modo-claro .ruletaPantallaSlot { background: rgba(252, 252, 252, 0.6) !important; }
html.modo-claro .onceIdealSeccion { background: linear-gradient(180deg, rgba(248, 247, 249, 0.9), rgba(250, 250, 251, 0.95)) !important; }
html.modo-claro .onceIdealPitch { background: radial-gradient(circle at center, #f5f7f7 0%, #f9fbfa 100%) !important; }
html.modo-claro .cardXIPlayer { background: linear-gradient(135deg, #f7f7f8, #fcfbfb) !important; }
html.modo-claro .heroBalonOro { background: linear-gradient(135deg, #f9f9fa, #fcfbfb) !important; }
html.modo-claro .cardPremioEspecial { background: rgba(248, 247, 249, 0.7) !important; }
html.modo-claro .listaPremiosFinal li { background: rgba(252, 252, 252, 0.3) !important; }
html.modo-claro .guanteOroBox { background: rgba(252, 252, 252, 0.3) !important; }
html.modo-claro .btnFiltroLogros { background: rgba(248, 247, 249, 0.7) !important; }
html.modo-claro .clubHeroHeader { background: linear-gradient(135deg, rgba(248, 247, 249, 0.95), rgba(250, 249, 251, 0.98)) !important; }
html.modo-claro .clubPanelCard { background: rgba(248, 247, 249, 0.8) !important; }
html.modo-claro .tarjetaJugadorClub { background: linear-gradient(135deg, rgba(247, 246, 248, 0.8), rgba(249, 248, 250, 0.9)) !important; }
html.modo-claro .cardTrofeoGlow { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .managerHeroCard { background: linear-gradient(135deg, #f9f9fa, #fcfbfb) !important; }
html.modo-claro .managerPrimeScoreBox { background: rgba(252, 252, 252, 0.5) !important; }
html.modo-claro .kpiManagerCard { background: rgba(252, 252, 252, 0.35) !important; }
html.modo-claro .boxLogrosManagerBanner { background: linear-gradient(135deg, rgba(248, 247, 249, 0.9), rgba(249, 248, 250, 0.95)) !important; }
html.modo-claro .logrosManagerProgressBar { background: rgba(252, 252, 252, 0.5) !important; }
html.modo-claro .tarjetaPublicaFutHero { background: linear-gradient(135deg, #f6f5f7, #f9f8fa) !important; }
html.modo-claro .tagProhibidoDraft { background: rgba(249, 248, 250, 0.94) !important; }
html.modo-claro .tiendaHeroHeader { background: linear-gradient(135deg, rgba(249, 248, 250, 0.95), rgba(247, 246, 248, 0.98)) !important; }
html.modo-claro .tiendaPuntosBox { background: rgba(250, 249, 251, 0.8) !important; }
html.modo-claro .tabFiltroTienda { background: rgba(249, 248, 250, 0.7) !important; }
html.modo-claro .cardItemTienda { background: linear-gradient(135deg, rgba(249, 248, 250, 0.9), rgba(247, 246, 248, 0.85)) !important; }
html.modo-claro .btnComprar.disabled,
html.modo-claro .btnComprar:disabled { background: #f4f2f5 !important; }
html.modo-claro .estilo-p_negro_mamba,
html.modo-claro .estilo-r_negro_mamba { background: #fbfafb !important; }
html.modo-claro .estilo-p_azul_real,
html.modo-claro .estilo-r_borde_azul { background: linear-gradient(135deg, #f8f7f9, #f5f4f6) !important; }
html.modo-claro .estilo-p_rojo_pasion,
html.modo-claro .estilo-r_rojo_carmesi { background: linear-gradient(135deg, #f9f7f8, #f6f3f4) !important; }
html.modo-claro .estilo-p_verde_esmeralda,
html.modo-claro .estilo-r_sombra_verde { background: linear-gradient(135deg, #f8faf9, #f5f7f6) !important; }
html.modo-claro .estilo-p_rosa_pastel { background: linear-gradient(135deg, #f8f6f7 0%, #f4f3f6 100%) !important; }
html.modo-claro .estilo-p_morado_neon { background: linear-gradient(135deg, #f8f7f9, #f3f1f4) !important; }
html.modo-claro .estilo-p_fibra_carbono,
html.modo-claro .estilo-r_carbono_ranking { background: radial-gradient(black, rgba(252, 252, 252,0.85)),
        repeating-linear-gradient(45deg, #f7f6f8 0, #f7f6f8 2px, #f9f8fa 0, #f9f8fa 8px) !important; }
html.modo-claro .estilo-p_marbol_elite { background: linear-gradient(135deg, #f9f8fa 0%, #f7f6f8 50%, #f4f2f5 100%) !important; }
html.modo-claro .estilo-p_bronce_titan,
html.modo-claro .estilo-r_bronce_metal,
html.modo-claro .estilo-r_placa_bronce { background: linear-gradient(135deg, #faf9f8 0%, #f5f4f2 40%, #f1f0ed 60%, #faf9f8 100%) !important; }
html.modo-claro .estilo-p_plata_estelar,
html.modo-claro .estilo-r_plata_metal,
html.modo-claro .estilo-r_placa_plata { background: linear-gradient(135deg, #f8f7f9 0%, #f1eff3 40%, #e7e4ea 60%, #f7f6f8 100%) !important; }
html.modo-claro .estilo-p_platino_champions,
html.modo-claro .estilo-r_platino_metal { background: linear-gradient(135deg, #f7f6f8 0%, #edeaef 40%, #e8dff3 60%, #f4f2f5 100%) !important; }
html.modo-claro .estilo-p_holografico,
html.modo-claro .estilo-r_holografico_ranking { background: linear-gradient(115deg, #fafafb 0%, #e8e5ec 25%, #eeecf1 50%, #e6e3ea 75%, #fafafb 100%) !important; }
html.modo-claro .estilo-p_diamante_neon,
html.modo-claro .estilo-r_diamante_ranking { background: linear-gradient(135deg, #f9fafa 0%, #f0f4f2 35%, #e5e2e9 50%, #efedf2 70%, #f9f9fa 100%) !important; }
html.modo-claro .estilo-p_neon_sunset { background: linear-gradient(135deg, #f5f4f7 0%, #ece5e7 45%, #f3b31c 100%) !important; }
html.modo-claro .estilo-p_gris_pizarra { background: linear-gradient(135deg, #f9f8fa 0%, #f4f2f5 50%, #f1eff3 100%) !important; }
html.modo-claro .estilo-p_azul_tormenta { background: linear-gradient(135deg, #fbfafb 0%, #f4f3f6 50%, #ebe8ee 100%) !important; }
html.modo-claro .estilo-p_verde_militar { background: linear-gradient(135deg, #f9fafa 0%, #f6f8f7 50%, #f2f5f4 100%) !important; }
html.modo-claro .estilo-p_camuflaje_digital { background: repeating-linear-gradient(45deg, #f5f7f6 0, #f5f7f6 4px, #f0f4f2 0, #f0f4f2 8px),
        repeating-linear-gradient(-45deg, #f7f9f8 0, #f7f9f8 4px, #f2f5f4 0, #f2f5f4 8px) !important; }
html.modo-claro .estilo-p_ladrillo_vision { background: linear-gradient(0deg, transparent 0, transparent 28px, rgba(244, 243, 240, 0.3) 28px, rgba(244, 243, 240, 0.3) 30px),
        linear-gradient(90deg, #f4f3f0 0, #f4f3f0 58px, #f1edee 58px, #f1edee 60px) !important; }
html.modo-claro .estilo-p_cemento_urbano { background: radial-gradient(circle at 20% 30%, rgba(239, 239, 240, 0.3) 0, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(242, 241, 243, 0.2) 0, transparent 40%),
        linear-gradient(135deg, #f8f7f9 0%, #f5f4f6 50%, #f3f1f5 100%) !important; }
html.modo-claro .estilo-p_rubi_sangre { background: linear-gradient(135deg, #fbf9fa 0%, #f4f1f1 35%, #eee9ea 50%, #f3eff0 65%, #fbf9fa 100%) !important; }
html.modo-claro .estilo-p_zafiro_electrico { background: linear-gradient(135deg, #f9f9fa 0%, #efedf1 35%, #e8e5ec 50%, #eceaef 65%, #f9f9fa 100%) !important; }
html.modo-claro .estilo-p_esmeralda_gelida { background: linear-gradient(135deg, #f9fafa 0%, #f5f7f6 35%, #edf2f0 50%, #f3f6f5 65%, #f9fafa 100%) !important; }
html.modo-claro .estilo-p_platino_champions { background: linear-gradient(135deg, #f9f8fa 0%, #f1eff3 30%, #e8dff3 45%, #e7e4ea 55%, #f7f6f8 80%, #f9f8fa 100%) !important; }
html.modo-claro .estilo-p_premium_legend { background: linear-gradient(135deg, #fcfcfc 0%, #f8f7f9 20%, #f2ad0d 40%, #f2f1ee 55%, #f8f7f9 75%, #fcfcfc 100%) !important; }
html.modo-claro .estilo-r_negro_mamba { background: #fbfafb !important; }
html.modo-claro .estilo-r_rojo_carmesi { background: linear-gradient(135deg, #faf8f9, #f6f3f4) !important; }
html.modo-claro .estilo-r_bronce_metal { background: linear-gradient(135deg, #fbfaf9, #f5f4f2, #faf9f8) !important; }
html.modo-claro .estilo-r_plata_metal { background: linear-gradient(135deg, #f9f8fa, #f1eff3, #f7f6f8) !important; }
html.modo-claro .estilo-r_platino_metal { background: linear-gradient(135deg, #f9f8fa, #e7e4ea, #e8dff3, #f1eff3, #f9f8fa) !important; }
html.modo-claro .estilo-p_aurora_boreal { background: linear-gradient(135deg, #f8f7f9 0%, #f2f5f4 35%, #e6e3ea 70%, #edf1f0 100%) !important; }
html.modo-claro .estilo-p_acuarela_galactica { background: linear-gradient(135deg, #f9f8fa 0%, #ebe9ee 35%, #e6e3ea 60%, #e3e0e7 100%) !important; }
html.modo-claro .estilo-r_fuego_amarillo { background: linear-gradient(135deg, #f7f6f8 0%, #f3b31c 40%, #f3b31c 100%) !important; }
html.modo-claro .estilo-p_oro_rosado,
html.modo-claro .estilo-r_oro_rosado { background: linear-gradient(135deg, #f9f8f8 0%, #f2edef 35%, #e3a0b2 60%, #f7d6df 100%) !important; }
html.modo-claro .estilo-p_cristal_obsidiana,
html.modo-claro .estilo-r_obsidiana_ranking { background: linear-gradient(135deg, #fcfcfc 0%, #faf9fb 40%, #f7f6f8 70%, #fbfbfc 100%) !important; }
html.modo-claro .estilo-p_fuego_infernal,
html.modo-claro .estilo-r_fuego_volcanico { background: linear-gradient(270deg, #fbfafa, #f7f5f6, #f1ecee, #eaa70c, #f4f1f1) !important; }
html.modo-claro .estilo-p_cyberpunk_2099,
html.modo-claro .estilo-r_cyber_magenta { background: linear-gradient(120deg, #fbfbfc, #f6f5f8, #ece9ef, #e9e6ec, #fbfbfc) !important; }
html.modo-claro .estilo-p_rayos_tormenta,
html.modo-claro .estilo-r_rayos_tormenta { background: linear-gradient(135deg, #fbfafb, #f9f8fa, #efedf2, #e6e3ea, #fbfafb) !important; }
html.modo-claro .estilo-p_vortex_mistico,
html.modo-claro .estilo-r_vortex_mistico { background: linear-gradient(270deg, #fbfafb, #f5f3f6, #edeaef, #e3e0e7, #fbfafb) !important; }
html.modo-claro .estilo-p_galaxia_infinita,
html.modo-claro .estilo-r_galaxia_infinita { background: linear-gradient(135deg, #fbfafc, #f5f3f6, #efedf2, #f6f5f7, #fbfafc) !important; }
html.modo-claro .estilo-p_quantum_cyber,
html.modo-claro .estilo-r_quantum_cyber { background: linear-gradient(180deg, #f9fafa, #f6f8f7, #f8faf9) !important; }
html.modo-claro .estilo-p_dios_de_europa,
html.modo-claro .estilo-r_dios_de_europa { background: linear-gradient(135deg, #f9f8fa, #f6f5f8, #f2f0f4, #8ae4c3, #f9f8fa) !important; }
html.modo-claro .estilo-p_singularidad_negra,
html.modo-claro .estilo-r_singularidad_negra { background: radial-gradient(circle at center, #fcfcfc 30%, #faf9fb 70%, #fcfcfc 100%) !important; }
html.modo-claro .estilo-p_nebula_titan,
html.modo-claro .estilo-r_nebula_titan { background: linear-gradient(135deg, #f6f5f7, #f2f0f4, #edeaef, #e6a50c, #f6f5f7) !important; }
html.modo-claro .estilo-p_fuego_celestial,
html.modo-claro .estilo-r_fuego_celestial { background: linear-gradient(135deg, #f7f6f9, #f3f2f5, #eeecf1, #e5e2e9, #f7f6f9) !important; }
html.modo-claro .estilo-p_multiverso_prime,
html.modo-claro .estilo-r_multiverso_prime { background: linear-gradient(135deg, #fbfafc, #f4f1f2, #eceaef, #f1eff3, #efedf2, #fbfafc) !important; }
html.modo-claro .estilo-p_supremo_cosmico,
html.modo-claro .estilo-r_supremo_cosmico { background: linear-gradient(135deg, #fcfcfc, #f1eff3, #f3f1f5, #f2f1ee, #f9d98f, #fcfcfc) !important; }

/* Capas de los estilos supremos (60K-150K) en modo claro.
   Sobre un fondo casi blanco, screen y color-dodge dan blanco puro: el efecto
   desaparecia. Se pasan a multiply con opacidad baja para que los anillos, la
   corona y el prisma sigan viendose sin tapar el texto. */
html.modo-claro .estilo-p_nebula_titan::before,
html.modo-claro .estilo-r_nebula_titan::before,
html.modo-claro .estilo-p_fuego_celestial::before,
html.modo-claro .estilo-r_fuego_celestial::before,
html.modo-claro .estilo-p_sol_eterno::before,
html.modo-claro .estilo-r_sol_eterno::before,
html.modo-claro .estilo-p_sol_eterno::after,
html.modo-claro .estilo-r_sol_eterno::after,
html.modo-claro .estilo-p_multiverso_prime::before,
html.modo-claro .estilo-r_multiverso_prime::before,
html.modo-claro .estilo-p_multiverso_prime::after,
html.modo-claro .estilo-r_multiverso_prime::after,
html.modo-claro .estilo-p_supremo_cosmico::before,
html.modo-claro .estilo-r_supremo_cosmico::before,
html.modo-claro .estilo-p_supremo_cosmico::after,
html.modo-claro .estilo-r_supremo_cosmico::after {
    mix-blend-mode: multiply !important;
    opacity: 0.45 !important;
}

/* El arco de luz del Fuego Celestial es blanco: en claro se pinta en violeta. */
html.modo-claro .estilo-p_fuego_celestial::after,
html.modo-claro .estilo-r_fuego_celestial::after {
    background: linear-gradient(90deg, transparent, rgba(103, 22, 196, 0.55), rgba(138, 228, 195, 0.5), transparent) !important;
    mix-blend-mode: multiply !important;
}

/* Las estrellas blancas del Multiverso y el Supremo no se ven sobre blanco. */
html.modo-claro .estilo-p_multiverso_prime::after,
html.modo-claro .estilo-r_multiverso_prime::after {
    background-image:
        radial-gradient(circle at 18% 24%, #7726d3 0 1.2px, transparent 1.8px),
        radial-gradient(circle at 71% 14%, rgba(180, 129, 9, 0.95) 0 1.4px, transparent 2px),
        radial-gradient(circle at 43% 77%, rgba(119, 38, 211, 0.9) 0 1px, transparent 1.6px),
        radial-gradient(circle at 88% 61%, rgba(85, 46, 129, 0.85) 0 1.3px, transparent 1.9px) !important;
    opacity: 0.7 !important;
}

html.modo-claro .estilo-p_supremo_cosmico::after,
html.modo-claro .estilo-r_supremo_cosmico::after {
    background-image:
        radial-gradient(circle at 22% 31%, #552e81 0 1.3px, transparent 1.9px),
        radial-gradient(circle at 77% 19%, rgba(180, 129, 9, 0.95) 0 1.5px, transparent 2.1px),
        radial-gradient(circle at 55% 83%, rgba(119, 38, 211, 0.9) 0 1.1px, transparent 1.7px),
        linear-gradient(105deg, transparent 45%, rgba(180, 129, 9, 0.5) 50%, transparent 55%) !important;
    opacity: 0.7 !important;
}

/* La corona del Sol Eterno casi desaparece sobre el fondo claro. */
html.modo-claro .estilo-p_sol_eterno::before,
html.modo-claro .estilo-r_sol_eterno::before {
    background: repeating-conic-gradient(from 0deg,
        rgba(180, 129, 9, 0.55) 0deg 2deg,
        transparent 2deg 20deg) !important;
    opacity: 0.65 !important;
}

/* Ficha del poder (Escudo Animado GIF) en modo claro */
html.modo-claro .cardItemTienda.cardPoderPrime {
    background: linear-gradient(150deg, rgba(252, 250, 245, 0.98), rgba(248, 246, 250, 0.99)) !important;
    border-color: rgba(180, 129, 9, 0.5) !important;
}

html.modo-claro .tiendaPreviewBox.previewPoder {
    background: radial-gradient(circle at 20% 50%, rgba(161, 95, 237, 0.14), rgba(250, 249, 251, 0.95) 70%) !important;
    border-color: rgba(180, 129, 9, 0.35) !important;
}

html.modo-claro .poderDemoText b { color: #2a1c3d !important; }
html.modo-claro .poderDemoText small,
html.modo-claro .poderDemoTag { color: #8a6407 !important; }
html.modo-claro .avisoEscudoAnimado.desbloqueado { color: #8a6407 !important; }
html.modo-claro .graficaCard { background: rgba(248, 247, 249, 0.8) !important; }
html.modo-claro .kpiMiniCard { background: rgba(252, 252, 252, 0.3) !important; }
html.modo-claro .toggleSwitch { background: #f7f6f8 !important; }
html.modo-claro .btnControlHeader { background: linear-gradient(135deg, rgba(248, 247, 249, 0.9), rgba(250, 249, 251, 0.95)) !important; }
html.modo-claro .btnControlHeader:hover { background: linear-gradient(135deg, rgba(246, 245, 247, 0.95), rgba(248, 247, 249, 0.95)) !important; }
html.modo-claro .survivalStat { background: rgba(252, 252, 252,0.4) !important; }
html.modo-claro .survivalMatchCard { background: rgba(248, 247, 249, 0.9) !important; }
html.modo-claro .survivalRankingTable { background: rgba(248, 247, 249, 0.7) !important; }
html.modo-claro .survivalGameOver { background: linear-gradient(135deg, rgba(236, 229, 231, 0.2), rgba(252, 252, 252,0.8)) !important; }
html.modo-claro .modalTiendaOverlay { background: rgba(251, 251, 252, 0.88) !important; }
html.modo-claro .modalTiendaContenido { background: linear-gradient(145deg, rgba(249, 248, 250, 0.98), rgba(247, 246, 248, 0.99)) !important; }
html.modo-claro .survivalLiveMatch { background: rgba(248, 247, 249, 0.95) !important; }
html.modo-claro .survivalLiveScoreboard { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .liveScoreClock { background: rgba(252, 252, 252, 0.5) !important; }
html.modo-claro .liveScoreStatus { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .survivalLiveFeed { background: rgba(252, 252, 252, 0.3) !important; }
html.modo-claro .survivalLiveFeed::-webkit-scrollbar-track { background: rgba(252, 252, 252,0.2) !important; }
html.modo-claro .osmScoreboard { background: linear-gradient(135deg, rgba(252, 252, 252, 0.6), rgba(248, 247, 249, 0.8)) !important; }
html.modo-claro .osmTeamForm { background: rgba(252, 252, 252,0.3) !important; }
html.modo-claro .osmScoreClock { background: rgba(252, 252, 252, 0.5) !important; }
html.modo-claro .osmScoreStatus { background: rgba(252, 252, 252, 0.5) !important; }
html.modo-claro .osmLiveStats { background: rgba(252, 252, 252, 0.3) !important; }
html.modo-claro .osmFeedContainer { background: rgba(252, 252, 252, 0.3) !important; }
html.modo-claro .osmFeedHeader { background: rgba(252, 252, 252, 0.3) !important; }
html.modo-claro .osmLiveFeed::-webkit-scrollbar-track { background: rgba(252, 252, 252,0.2) !important; }
html.modo-claro .osmRelato { background: rgba(252, 252, 252, 0.2) !important; }
html.modo-claro .torneoCodigoBox { background: linear-gradient(135deg, rgba(247, 246, 248, 0.95), rgba(249, 249, 250, 0.98)) !important; }
html.modo-claro .torneoNavTabs { background: rgba(249, 248, 250, 0.85) !important; }
html.modo-claro .torneoPlayerCard { background: rgba(247, 245, 248, 0.65) !important; }
html.modo-claro .torneoPlayerCard.isHost { background: linear-gradient(135deg, rgba(241, 173, 15, 0.12), rgba(247, 245, 248, 0.7)) !important; }
html.modo-claro .torneoTablaWrapper { background: rgba(249, 248, 250, 0.9) !important; }
html.modo-claro .torneoTable th { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .torneoPartidoCard { background: rgba(247, 246, 249, 0.85) !important; }
html.modo-claro .torneoScoreBadge { background: rgba(252, 252, 252, 0.5) !important; }
html.modo-claro .miPosicionBanner { background: rgba(249, 248, 250, 0.85) !important; }
html.modo-claro .miPosicionBanner.enTop100 { background: linear-gradient(135deg, rgba(237, 242, 240, 0.15), rgba(246, 248, 247, 0.3)) !important; }
html.modo-claro .miPosicionBanner.fueraTop100 { background: linear-gradient(135deg, rgba(247, 246, 248, 0.9), rgba(249, 248, 250, 0.95)) !important; }
html.modo-claro .modalColaboradoresContenido { background: linear-gradient(145deg, #faf9fa, #f9f8fa) !important; }
html.modo-claro .cardColaboradorDestacado { background: rgba(249, 248, 250, 0.75) !important; }
html.modo-claro .colaboradorAvatarBox { background: linear-gradient(135deg, #f8faf9, #f4f7f6) !important; }
html.modo-claro .modalCelebracionCampeon { background: rgba(251, 251, 252, 0.88) !important; }
html.modo-claro .cardCelebracionCampeon { background: linear-gradient(145deg, #f9f9fa, #fbfbfc) !important; }
html.modo-claro .equipoCampeonBox { background: rgba(249, 248, 250, 0.8) !important; }
html.modo-claro .menuTabBtn { background: rgba(248, 247, 249, 0.8) !important; }
html.modo-claro .menuSeccionCat { background: rgba(250, 249, 250, 0.5) !important; }
html.modo-claro .menuGridCat button { background: linear-gradient(135deg, rgba(248, 247, 249, 0.9), rgba(250, 249, 250, 0.95)) !important; }
html.modo-claro .menuGridCat button:hover,
html.modo-claro .menuGridCat button:active { background: linear-gradient(135deg, rgba(246, 245, 247, 0.95), rgba(249, 248, 249, 0.98)) !important; }
html.modo-claro body,
html.modo-claro .pantalla,
html.modo-claro #auth,
html.modo-claro #crearClub { background-color: #fbfafb !important; }
html.modo-claro #auth .authBox,
html.modo-claro #crearClub .clubBox { background: linear-gradient(145deg, rgba(249, 248, 250, 0.92), rgba(251, 250, 251, 0.96)) !important; }
html.modo-claro #auth input,
html.modo-claro #crearClub input { background: rgba(250, 249, 251, 0.8) !important; }
html.modo-claro #auth input:focus,
html.modo-claro #crearClub input:focus { background: rgba(248, 248, 249, 0.9) !important; }
html.modo-claro .eaAppLayout { background: #fbfafb !important; }
html.modo-claro .eaSidebar { background: linear-gradient(180deg, #f9f9fa 0%, #fbfbfc 100%) !important; }
html.modo-claro .eaTopBar { background: rgba(249, 249, 250, 0.85) !important; }
html.modo-claro .eaAvatarWrapper { background: radial-gradient(circle at center, #f8f7f9 0%, #faf9fb 100%) !important; }
html.modo-claro .eaOvrBadge { background: linear-gradient(135deg, #f7f6f8, #faf9fa) !important; }
html.modo-claro .eaControlBtn { background: rgba(248, 247, 249, 0.8) !important; }
html.modo-claro .eaControlBtn:hover { background: rgba(246, 245, 247, 0.9) !important; }
html.modo-claro .eaHeroCard { background: #f9f9fa !important; }
html.modo-claro .eaHeroOverlay { background: linear-gradient(180deg, rgba(252, 252, 252,0.1) 0%, rgba(251, 250, 252,0.92) 80%) !important; }
html.modo-claro .eaMiniCard { background: linear-gradient(145deg, rgba(249, 248, 250, 0.9), rgba(250, 249, 251, 0.95)) !important; }
html.modo-claro .eaMiniCard:hover { background: linear-gradient(145deg, rgba(247, 246, 248, 0.95), rgba(249, 248, 250, 0.98)) !important; }
html.modo-claro .barGray { background: #edeaef !important; }
html.modo-claro .cardPeligrosa:hover { background: linear-gradient(145deg, rgba(249, 248, 248, 0.95), rgba(251, 250, 250, 0.98)) !important; }
html.modo-claro .modalRuletaContent { background: radial-gradient(circle at center, #f9f8fa 0%, #fbfafb 100%) !important; }
html.modo-claro .ruletaStatusBox { background: rgba(249, 248, 250, 0.8) !important; }
html.modo-claro .btnGirarRuleta:disabled { background: #f4f2f5 !important; }
html.modo-claro .timerMultHeader { background: rgba(252, 252, 252, 0.55) !important; }
html.modo-claro .patchBadgeText { background: rgba(252, 252, 252, 0.75) !important; }
html.modo-claro .modalNotasPatchContenido { background: linear-gradient(135deg, #f9f8fa 0%, #faf9fb 100%) !important; }
html.modo-claro .patchVersionCard { background: linear-gradient(135deg, rgba(249, 248, 250, 0.85), rgba(247, 246, 248, 0.75)) !important; }
html.modo-claro .patchVersionCard.versionActual { background: linear-gradient(135deg, rgba(246, 248, 247, 0.3), rgba(249, 248, 250, 0.9)) !important; }
html.modo-claro .patchBox { background: rgba(252, 252, 252, 0.25) !important; }
html.modo-claro .configModernCard { background: linear-gradient(135deg, rgba(249, 248, 250, 0.8), rgba(247, 246, 248, 0.6)) !important; }
html.modo-claro .configInputText,
html.modo-claro .configInputSelect { background: rgba(250, 249, 251, 0.85) !important; }
html.modo-claro .fileUploadBtn { background: rgba(247, 246, 248, 0.8) !important; }
html.modo-claro .volumenRow { background: rgba(252, 252, 252, 0.2) !important; }
html.modo-claro .configToggleRow { background: rgba(252, 252, 252, 0.2) !important; }
html.modo-claro .modalOverlay { background: rgba(252, 252, 252, 0.85) !important; }
html.modo-claro .modalDisclaimerBox { background: linear-gradient(135deg, #f9f8fa, #f6f5f7) !important; }
html.modo-claro .modalCasinoContent { background: linear-gradient(135deg, #fafafb, #f9f8fa) !important; }
html.modo-claro .tabsCasinoGrid { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .seccionSlotsBox,
html.modo-claro .seccionDadosBox,
html.modo-claro .seccionBlackjackBox { background: rgba(249, 248, 250, 0.6) !important; }
html.modo-claro .slotsPantallaMarco,
html.modo-claro .dadosMesaMarco { background: linear-gradient(180deg, #fbfafb, #f9f8fa) !important; }
html.modo-claro .slotReelItem,
html.modo-claro .dadoCaraItem { background: linear-gradient(135deg, #f7f6f8, #f9f8fa) !important; }
html.modo-claro .slotsTablaPagos { background: rgba(252, 252, 252,0.3) !important; }
html.modo-claro .tapeteBJ { background: linear-gradient(180deg, #f6f8f7, #f9fafa) !important; }
html.modo-claro .ptsBadge { background: #f3f6f5 !important; }
html.modo-claro .cartaTapada { background: linear-gradient(135deg, #f1f0f3, #f9f8fa) !important; }
html.modo-claro .coperoHeroCard { background: radial-gradient(circle at center, #f1f4f3, #f9f8fa) !important; }
html.modo-claro .coperoCardBox { background: linear-gradient(135deg, rgba(249, 248, 250, 0.9), rgba(247, 246, 248, 0.85)) !important; }
html.modo-claro .coperoFormGroup input,
html.modo-claro .coperoFormGroup select { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .coperoSlotCard { background: rgba(249, 248, 250, 0.85) !important; }
html.modo-claro .coperoSlotCard.slotMio { background: rgba(246, 248, 247, 0.3) !important; }
html.modo-claro .statRowEntrenamiento { background: rgba(252, 252, 252, 0.25) !important; }
html.modo-claro .coperoMarcadorBox { background: linear-gradient(180deg, rgba(249, 248, 250, 0.95), rgba(247, 246, 248, 0.9)) !important; }
html.modo-claro .coperoFeedContainer { background: rgba(250, 250, 251, 0.85) !important; }
html.modo-claro .modalDecisionContainer { background: rgba(252, 252, 252,0.85) !important; }
html.modo-claro .modalDecisionCard { background: linear-gradient(135deg, #f6f8f7, #f9f8fa) !important; }
html.modo-claro .tablaCoperoCalif th { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .coperoSlotCard.slotOcupado { background: rgba(247, 246, 248, 0.7) !important; }
html.modo-claro .slotPosBadge { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .premiosHorizontalContainer::-webkit-scrollbar-track { background: rgba(249, 248, 250, 0.6) !important; }
html.modo-claro .premioCardHorizontal { background: linear-gradient(145deg, rgba(247, 246, 248, 0.95), rgba(249, 248, 250, 0.98)) !important; }
html.modo-claro .premioCardHorizontal.premioMvp { background: linear-gradient(145deg, rgba(242, 174, 14, 0.18), rgba(249, 248, 250, 0.95)) !important; }
html.modo-claro .premioCardHorizontal.premioBota { background: linear-gradient(145deg, rgba(243, 179, 28, 0.18), rgba(249, 248, 250, 0.95)) !important; }
html.modo-claro .premioCardHorizontal.premioAsist { background: linear-gradient(145deg, rgba(237, 242, 240, 0.18), rgba(249, 248, 250, 0.95)) !important; }
html.modo-claro .premioCardHorizontal.premioGuante { background: linear-gradient(145deg, rgba(232, 230, 236, 0.18), rgba(249, 248, 250, 0.95)) !important; }
html.modo-claro .premioCardHorizontal.premioDefensa { background: linear-gradient(145deg, rgba(231, 227, 234, 0.18), rgba(249, 248, 250, 0.95)) !important; }
html.modo-claro .premioGlowAura { background: radial-gradient(circle, rgba(244, 184, 43, 0.35) 0%, rgba(252, 252, 252,0) 70%) !important; }
html.modo-claro .premioIconWrapper { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .premioStatPill { background: rgba(252, 252, 252, 0.4) !important; }
html.modo-claro .selectorJuegosRueda { background: radial-gradient(120% 80% at 0% 50%, rgba(255, 255, 255, 0.06), transparent 70%),
        linear-gradient(160deg, rgba(249, 249, 250, 0.85), rgba(251, 251, 252, 0.6)) !important; }
html.modo-claro .previewVelo { background: linear-gradient(90deg, rgba(251, 250, 252, 0.88) 0%, rgba(251, 250, 252, 0.42) 58%, rgba(251, 250, 252, 0) 100%),
        linear-gradient(0deg, rgba(251, 250, 252, 0.6) 0%, transparent 62%) !important; }
html.modo-claro .btnVolverPantalla { background: rgba(250, 249, 251, 0.82) !important; }
html.modo-claro .btnVolverPantalla:hover { background: rgba(250, 249, 251, 0.95) !important; }

/* ----------------------------------------------------------------- TEXTO */

html.modo-claro .movimientoTabla.sube { color: #1a6c4e !important; }
html.modo-claro .movimientoTabla.baja { color: #bd0f3e !important; }
html.modo-claro .jugador-card p { color: #7845b2 !important; }
html.modo-claro .pos { color: #1b6c4e !important; }
html.modo-claro .jugadorPos { color: #7945b2 !important; }
html.modo-claro th { color: #7d26e6 !important; }
html.modo-claro .card-silver { color: #1f1030 !important; }
html.modo-claro .equipoLista small { color: #7944b4 !important; }
html.modo-claro .jugadorCancha small { color: #7944b4 !important; }
html.modo-claro .estadoFormulario.error { color: #bd0f3d !important; }
html.modo-claro .leyendaTabla { color: #7845b2 !important; }
html.modo-claro .resumenGoleadoresMini { color: #7845b2 !important; }
html.modo-claro .modalStatsContenido { color: var(--pc-texto) !important; }
html.modo-claro .statsMarcador span { color: var(--pc-texto) !important; }
html.modo-claro .valLocal { color: #7f24e6 !important; }
html.modo-claro .valVisitante { color: #bd0f3d !important; }
html.modo-claro .labelStat { color: #7844b4 !important; }
html.modo-claro .mvpBox span { color: #7c5906 !important; }
html.modo-claro .mvpBox h4 { color: var(--pc-texto) !important; }
html.modo-claro .notaMVP { color: #7845b2 !important; }
html.modo-claro .formPublicarForo textarea { color: var(--pc-texto) !important; }
html.modo-claro .infoUsuarioForo h3 { color: var(--pc-texto) !important; }
html.modo-claro .fechasForo { color: #7844b4 !important; }
html.modo-claro .fechasForo b { color: #7845b2 !important; }
html.modo-claro .cuerpoMensajeForo { color: #7d44ab !important; }
html.modo-claro .badgeGlowText { color: #7c5907 !important; }
html.modo-claro .totwHeaderHero h1,
html.modo-claro .logrosHeaderHero h1 { color: var(--pc-texto) !important; }
html.modo-claro .totwHeaderHero p,
html.modo-claro .logrosHeaderHero p { color: #7845b2 !important; }
html.modo-claro .cardTOTWSemana { color: var(--pc-texto) !important; }
html.modo-claro .totwMedia { color: #7c5907 !important; }
html.modo-claro .totwCardStats { color: var(--pc-texto-suave) !important; }
html.modo-claro .totwCardStats b { color: var(--pc-texto) !important; }
html.modo-claro .totwBadgePill { color: #7c5907 !important; }
html.modo-claro .toastLogro { color: var(--pc-texto) !important; }
html.modo-claro .toastEyebrow { color: #1a6c4e !important; }
html.modo-claro .toastLogro.toastReclamoExito .toastEyebrow { color: #7c5907 !important; }
html.modo-claro .toastTitulo { color: var(--pc-texto) !important; }
html.modo-claro .toastDesc { color: #7845b2 !important; }
html.modo-claro .logrosMetaFlex { color: #7845b2 !important; }
html.modo-claro .logrosPuntosHero { color: #7c5907 !important; }
html.modo-claro .logroHeaderRow h3 { color: var(--pc-texto) !important; }
html.modo-claro .logroItemInfo p { color: #7845b2 !important; }
html.modo-claro .logroItemPuntos { color: #7c5907 !important; }
html.modo-claro .bannerReclamarInfo h3 { color: var(--pc-texto) !important; }
html.modo-claro .bannerReclamarInfo h3 b { color: #1a6c4e !important; }
html.modo-claro .bannerReclamarInfo p { color: #7744b6 !important; }
html.modo-claro .bannerReclamarInfo p b { color: #7c5907 !important; }
html.modo-claro .ruletaTextoEstado { color: #7d44ab !important; }
html.modo-claro .onceIdealHeader h2 { color: #7c5906 !important; }
html.modo-claro .onceIdealHeader p { color: #7844b4 !important; }
html.modo-claro .cardXIPlayer { color: var(--pc-texto) !important; }
html.modo-claro .cardXIMedia { color: #7c5906 !important; }
html.modo-claro .cardXIPos { color: #1a6c4e !important; }
html.modo-claro .cardXIEquipo { color: #7844b4 !important; }
html.modo-claro .eyebrowBalon { color: #7c5907 !important; }
html.modo-claro .balonOroDetails h2 { color: var(--pc-texto) !important; }
html.modo-claro .balonOroStats { color: #7845b2 !important; }
html.modo-claro .cardPremioEspecial h3 { color: #7c5906 !important; }
html.modo-claro .rankNumero { color: #7c5907 !important; }
html.modo-claro .rankDetalle small { color: #7844b4 !important; }
html.modo-claro .rankCifra { color: var(--pc-texto) !important; }
html.modo-claro .guanteInfo h4 { color: var(--pc-texto) !important; }
html.modo-claro .btnFiltroLogros { color: #7845b2 !important; }
html.modo-claro .btnFiltroLogros:hover { color: var(--pc-texto) !important; }
html.modo-claro .guanteInfo p { color: #7844b4 !important; }
html.modo-claro .clubHeroInfo h1 { color: var(--pc-texto) !important; }
html.modo-claro .clubBadgeStat b { color: #7c5907 !important; }
html.modo-claro .panelCardHeader h2 { color: #7c5907 !important; }
html.modo-claro .subtextHeader { color: #7844b4 !important; }
html.modo-claro .jugadorMediaTag { color: #7c5907 !important; }
html.modo-claro .jugadorNombreClub { color: var(--pc-texto) !important; }
html.modo-claro .jugadorSub { color: #7844b4 !important; }
html.modo-claro .trofeoCifra { color: var(--pc-texto) !important; }
html.modo-claro .trofeoNombre { color: #7845b2 !important; }
html.modo-claro .managerPersonaDetails h1 { color: var(--pc-texto) !important; }
html.modo-claro .eyebrowManager { color: #7c5907 !important; }
html.modo-claro .scoreBoxLabel { color: #7c5907 !important; }
html.modo-claro .scoreBoxNumber { color: var(--pc-texto) !important; }
html.modo-claro .scoreBoxRank { color: #7844b4 !important; }
html.modo-claro .kpiLabel { color: #7844b4 !important; }
html.modo-claro .kpiBigValue { color: var(--pc-texto) !important; }
html.modo-claro .kpiBigValueColor { color: #1a6c4e !important; }
html.modo-claro .kpiBigValueColor.pos { color: #1a6c4e !important; }
html.modo-claro .kpiBigValueColor.neg { color: #bd103f !important; }
html.modo-claro .logrosBannerInfo h3 { color: var(--pc-texto) !important; }
html.modo-claro .logrosBannerInfo h3 b { color: #7c5907 !important; }
html.modo-claro .logrosBannerInfo p { color: #7845b2 !important; }
html.modo-claro .cardPublicaDetails h2 { color: var(--pc-texto) !important; }
html.modo-claro .statsPublicaRow div b { color: #7c5907 !important; }
html.modo-claro .statsPublicaRow div small { color: #7844b4 !important; }
html.modo-claro .tagProhibidoDraft { color: #bd0f3e !important; }
html.modo-claro .tiendaHeroInfo h1 { color: var(--pc-texto) !important; }
html.modo-claro .tiendaHeroInfo p { color: #7844b4 !important; }
html.modo-claro .puntosLabel { color: #7844b4 !important; }
html.modo-claro .puntosAmount { color: #7d5907 !important; }
html.modo-claro .puntosAmount small { color: #7744b6 !important; }
html.modo-claro .tabFiltroTienda { color: #7844b4 !important; }
html.modo-claro .miniPerfilText b { color: var(--pc-texto) !important; }
html.modo-claro .miniPerfilText small { color: #7844b4 !important; }
html.modo-claro .miniPerfilPuntos,
html.modo-claro .miniRankScore { color: #7d5907 !important; }
html.modo-claro .miniRankPos { color: #7f24e6 !important; }
html.modo-claro .miniRankClub b { color: var(--pc-texto) !important; }
html.modo-claro .itemInfoBox h3 { color: var(--pc-texto) !important; }
html.modo-claro .itemInfoBox p { color: #7844b4 !important; }
html.modo-claro .precioBadge b { color: #7d5907 !important; }
html.modo-claro .precioBadge small { color: #7844b4 !important; }
html.modo-claro .precioBadge span { color: #196c4e !important; }
html.modo-claro .btnComprar.disabled,
html.modo-claro .btnComprar:disabled { color: #7442ad !important; }
html.modo-claro .primeToastTitle { color: var(--pc-texto) !important; }
html.modo-claro .primeToastSub { color: #7845b2 !important; }
html.modo-claro .survivalHero h1 { color: #bd103f !important; }
html.modo-claro .survivalStat b { color: #bd103f !important; }
html.modo-claro .survivalVS { color: #bd103f !important; }
html.modo-claro .survivalRankingTable h3 { color: #bd103f !important; }
html.modo-claro .survivalRankGoles { color: #7c5907 !important; }
html.modo-claro .survivalRankRacha { color: #7f24e6 !important; }
html.modo-claro .survivalGameOver h2 { color: #bd103f !important; }
html.modo-claro .survivalGameOver .survivalStat b { color: #7c5906 !important; }
html.modo-claro .modalTiendaContenido { color: var(--pc-texto) !important; }
html.modo-claro .liveScoreClock { color: #7c5907 !important; }
html.modo-claro .liveScoreNumbers span { color: var(--pc-texto) !important; }
html.modo-claro .liveEventMinuto { color: #7c5907 !important; }
html.modo-claro .liveEventTexto { color: #7744b6 !important; }
html.modo-claro .liveEventTexto.nuestroGol { color: #1c6c4f !important; }
html.modo-claro .osmTeamName { color: var(--pc-texto) !important; }
html.modo-claro .osmTeamForm { color: #7844b4 !important; }
html.modo-claro .osmTeamRating { color: #7c5906 !important; }
html.modo-claro .osmScoreNumbers span { color: var(--pc-texto) !important; }
html.modo-claro .osmScoreClock { color: #7c5907 !important; }
html.modo-claro .osmStatValLocal { color: #7f24e6 !important; }
html.modo-claro .osmStatValVisit { color: #bd0f3d !important; }
html.modo-claro .osmStatLabel { color: #7844b4 !important; }
html.modo-claro .osmFeedHeader { color: #7c5907 !important; }
html.modo-claro .osmEventNormal { color: #7845b2 !important; }
html.modo-claro .osmEventMinuto { color: #7c5907 !important; }
html.modo-claro .osmEventTexto { color: #7744b6 !important; }
html.modo-claro .osmEventTexto.nuestroGol { color: #1c6c4f !important; }
html.modo-claro .osmEventScore { color: #7844b4 !important; }
html.modo-claro .osmRelato { color: #7844b4 !important; }
html.modo-claro .torneoCodigoVal { color: var(--pc-texto) !important; }
html.modo-claro .torneoTable { color: var(--pc-texto) !important; }
html.modo-claro .torneoScoreBadge { color: var(--pc-texto) !important; }
html.modo-claro .miPosicionBanner.enTop100 { color: #206c50 !important; }
html.modo-claro .miPosicionHeaderTag { color: #7c5907 !important; }
html.modo-claro .modalColaboradoresContenido { color: #7744b6 !important; }
html.modo-claro .colaboradoresHeader h2 { color: var(--pc-texto) !important; }
html.modo-claro .colaboradoresHeader p { color: #7844b4 !important; }
html.modo-claro .colaboradorDetails h3 { color: var(--pc-texto) !important; }
html.modo-claro .colaboradorBio { color: #7845b2 !important; }
html.modo-claro .colaboradorBio strong { color: #196c4d !important; }
html.modo-claro .cardCelebracionCampeon { color: var(--pc-texto) !important; }
html.modo-claro .estrellasCelebracion { color: #7c5906 !important; }
html.modo-claro .badgeCampeonUEFA span { color: #7c5906 !important; }
html.modo-claro .subtituloCampeonGlorioso { color: #7844b4 !important; }
html.modo-claro .infoEquipoCelebracion h2 { color: var(--pc-texto) !important; }
html.modo-claro .nombreManagerCelebracion { color: #7845b2 !important; }
html.modo-claro .nombreManagerCelebracion strong { color: #196c4d !important; }
html.modo-claro .valorStatCel { color: #7c5906 !important; }
html.modo-claro .menuGridCat button { color: var(--pc-texto) !important; }
html.modo-claro .menuGridCat button .cardText strong { color: var(--pc-texto) !important; }
html.modo-claro body,
html.modo-claro .pantalla,
html.modo-claro #auth,
html.modo-claro #crearClub { color: var(--pc-texto) !important; }
html.modo-claro #auth h2,
html.modo-claro #crearClub h2 { color: #7944b5 !important; }
html.modo-claro #auth input,
html.modo-claro #crearClub input { color: var(--pc-texto) !important; }
html.modo-claro .eaAppLayout { color: var(--pc-texto) !important; }
html.modo-claro .eaBrandTitle { color: #7d5907 !important; }
html.modo-claro .eaBrandSub { color: #7944b5 !important; }
html.modo-claro .eaManagerName { color: var(--pc-texto) !important; }
html.modo-claro .eaBadgeVerified .checkMark { color: #7d5907 !important; }
html.modo-claro .eaClubName { color: #7944b5 !important; }
html.modo-claro .eaOvrBadge { color: #7919e6 !important; }
html.modo-claro .eaControlBtn { color: #7744b6 !important; }
html.modo-claro .eaSectionTitle { color: var(--pc-texto) !important; }
html.modo-claro .eaHeroContent h3 { color: var(--pc-texto) !important; }
html.modo-claro .eaMiniCard { color: var(--pc-texto) !important; }
html.modo-claro .eaMiniText strong { color: #7744b6 !important; }
html.modo-claro .eaInstaLink { color: #7944b5 !important; }
html.modo-claro .modalRuletaContent { color: var(--pc-texto) !important; }
html.modo-claro .headerRuletaTitle h2 { color: #7d5907 !important; }
html.modo-claro .headerRuletaTitle p { color: #7844b4 !important; }
html.modo-claro .ruletaPointerTop { color: #7d5907 !important; }
html.modo-claro .ruletaStatusBox .infoStatus b { color: var(--pc-texto) !important; }
html.modo-claro .ruletaStatusBox .infoStatus small { color: #7844b4 !important; }
html.modo-claro .btnGirarRuleta:disabled { color: #7442ad !important; }
html.modo-claro .multValorText { color: #7c5906 !important; }
html.modo-claro .timerMultHeader { color: var(--pc-texto) !important; }
html.modo-claro .patchBadgeText { color: #1a6c4e !important; }
html.modo-claro .patchHeaderTitle { color: var(--pc-texto) !important; }
html.modo-claro .patchHeaderRow h2 { color: var(--pc-texto) !important; }
html.modo-claro .patchFecha { color: #7844b4 !important; }
html.modo-claro .patchBoxHeader h3 { color: #7d44ab !important; }
html.modo-claro .patchList { color: #7845b2 !important; }
html.modo-claro .patchList li strong { color: var(--pc-texto) !important; }
html.modo-claro .configCardHeader h3 { color: var(--pc-texto) !important; }
html.modo-claro .configCardHeader p { color: #7844b4 !important; }
html.modo-claro .configInputGroup label { color: #7744b6 !important; }
html.modo-claro .configInputGroup label small { color: #7844b4 !important; }
html.modo-claro .configInputText,
html.modo-claro .configInputSelect { color: var(--pc-texto) !important; }
html.modo-claro .fileUploadBtn { color: #7845b2 !important; }
html.modo-claro .volumenRow label { color: #7744b6 !important; }
html.modo-claro .toggleText { color: var(--pc-texto) !important; }
html.modo-claro .modalDisclaimerBox { color: var(--pc-texto) !important; }
html.modo-claro .disclaimerHeader h3 { color: #7d5907 !important; }
html.modo-claro .disclaimerBody { color: #7845b2 !important; }
html.modo-claro .disclaimerMonedaReal { color: #bd0f3e !important; }
html.modo-claro .disclaimerConsejo { color: #7844b4 !important; }
html.modo-claro .modalCasinoContent { color: var(--pc-texto) !important; }
html.modo-claro .badgeCasinoMini { color: #7d5907 !important; }
html.modo-claro .headerCasinoTitle h2 { color: var(--pc-texto) !important; }
html.modo-claro .textoPuntosCasino { color: #7c5907 !important; }
html.modo-claro .subtituloCasino { color: #7844b4 !important; }
html.modo-claro .slotsMensajeResultado,
html.modo-claro .dadosMensajeResultado,
html.modo-claro .mensajeBjCenter { color: #7744b6 !important; }
html.modo-claro .labelApuesta { color: #7844b4 !important; }
html.modo-claro .slotsTablaPagos { color: #7c5906 !important; }
html.modo-claro .manoBloque h4 { color: #196c4d !important; }
html.modo-claro .ptsBadge { color: var(--pc-texto) !important; }
html.modo-claro .cartaItem.roja { color: #b81e47 !important; }
html.modo-claro .cartaTapada { color: #7f23e7 !important; }
html.modo-claro .coperoContainer { color: var(--pc-texto) !important; }
html.modo-claro .coperoCardBox h3 { color: #206c50 !important; }
html.modo-claro .coperoFormGroup label { color: #7844b4 !important; }
html.modo-claro .coperoFormGroup input,
html.modo-claro .coperoFormGroup select { color: var(--pc-texto) !important; }
html.modo-claro .slotPosBadge { color: #7f24e6 !important; }
html.modo-claro .slotInfo h4 { color: var(--pc-texto) !important; }
html.modo-claro .slotSub { color: #7844b4 !important; }
html.modo-claro .statNombre { color: #7845b2 !important; }
html.modo-claro .score { color: #7c5907 !important; }
html.modo-claro .clubLocal,
html.modo-claro .clubVisit { color: var(--pc-texto) !important; }
html.modo-claro .feedMinuto { color: #7f24e6 !important; }
html.modo-claro .btnOpcionDecision small { color: #7845b2 !important; }
html.modo-claro .tablaCoperoCalif th { color: #7844b4 !important; }
html.modo-claro .slotPosBadge span { color: #7f24e6 !important; }
html.modo-claro .slotPosBadge strong { color: #7c5906 !important; }
html.modo-claro .slotNombre { color: var(--pc-texto) !important; }
html.modo-claro .premioGanadorNombre { color: var(--pc-texto) !important; }
html.modo-claro .premioGanadorPos { color: #7844b4 !important; }
html.modo-claro .premioStatPill span { color: #7845b2 !important; }
html.modo-claro .premioStatPill strong { color: #7c5906 !important; }
html.modo-claro #previewTitulo { color: var(--pc-texto) !important; }
html.modo-claro #previewDescripcion { color: #7845b2 !important; }