/* ═══════════════════════════════════════════════════════════════════════════ TEMA CLARO — StreamRaceHorse PWA ─────────────────────────────────────────────────────────────────────────── La app está diseñada en modo oscuro: styles.css (y las hojas por vista) son la única fuente de verdad del sistema de diseño. Este archivo NO reescribe nada: se carga DESPUÉS y sólo redefine color de superficie, texto, borde y sombra cuando el documento lleva el atributo data-theme="light" en . Cómo se construyó · Cada regla con color de las hojas originales tiene aquí su equivalente claro, calculado en OKLCH conservando el matiz de la marca: - superficies oscuras → superficies claras (misma jerarquía invertida) - textos claros → tinta oscura legible - velos blancos → velos oscuros del mismo peso - sombras negras → sombras suaves de slate · Los rellenos de marca (amarillo, rojo, verde de estado) se conservan tal cual, porque siguen contrastando sobre fondo claro. Cuando esos mismos colores se usaban como TEXTO o BORDE —amarillo sobre blanco es ilegible— se sustituyen por las variantes --srh-gold-ink / --srh-red-ink definidas abajo, que mantienen el matiz pero bajan la luminosidad hasta un contraste usable. · Los grises muy oscuros (#050816 y similares) usados como texto o borde no se tocan: son la "tinta" que va encima de un chip amarillo o rojo. · Un color con matiz puede ser dos cosas distintas: el RELLENO de un chip de marca (#DC2626, el amarillo, el azul) o una SUPERFICIE oscura teñida (#450a0a del banner de transmisión, el granate de la tarjeta "en salida"). El primero se conserva; el segundo se aclara a un tinte del mismo matiz, o quedaría un bloque oscuro con el texto ya invertido encima. El corte está en la luminosidad: en estas hojas todo relleno real vive por encima de 0.47 y toda superficie teñida por debajo de 0.44. · Cuando una regla conserva su relleno de marca, el texto que va encima suele declararse en una regla descendiente (.triple-card__header h2). Esas reglas hijas tampoco se invierten: se quedan con el color que les puso el diseño original, que es el que contrasta contra el chip. Si se añade CSS nuevo al proyecto, basta con añadir aquí su contraparte clara siguiendo el mismo criterio. ═══════════════════════════════════════════════════════════════════════════ */ html[data-theme="light"] { color-scheme: light; /* ── Superficies (la escala del modo oscuro, invertida) ── */ --bg-main: #f2f6ff; --bg-alt: #eff3fd; --bg-soft: #ecf0fa; --srh-dark: #f1f5fc; --srh-surface: #ecf1fa; --srh-card: #e9eef7; /* ── Texto y separadores ── Toda la escala de texto vive en el azul oscuro de marca, no en gris: el dato secundario (que es casi siempre el de letra más pequeña) en gris medio se leía como "desactivado" sobre fondo claro. En navy mantiene la jerarquía y gana contraste: #26425e da 9.6:1 contra la página. */ --text-main: #15202c; --text-muted: #26425e; --srh-text: #16222e; --srh-muted: #26425e; --srh-border: #d5d9e1; --border-subtle: rgba(73, 77, 88, 0.14); /* ── Sombras ── */ --shadow-soft: 0 18px 45px rgba(41, 46, 56, 0.153); --shadow-subtle: 0 10px 30px rgba(41, 46, 56, 0.119); /* ── Colores de marca ── Se conservan idénticos al modo oscuro: siguen usándose como RELLENO de botones, chips y avatares, donde el texto que va encima es oscuro. */ --yellow-ve: #ffd600; --red-ve: #e53935; --blue-ve: #004b87; --srh-gold: #ffc700; --srh-gold-2: #e5b200; --srh-red: #ef4444; /* ── Variantes legibles de la marca sobre fondo claro ── Mismo matiz, luminosidad bajada hasta pasar contraste AA sobre #f2f6ff. Las usan las reglas generadas allí donde el original ponía el amarillo o el rojo como color de TEXTO o de BORDE. */ --srh-gold-ink: #916300; --srh-gold-line: #d9a800; --srh-red-ink: #c62828; --srh-red-line: #e05753; /* Tinta para el texto que va ENCIMA de un relleno de marca. En oscuro esas reglas usaban una variable de superficie (casi negra); aquí esa variable pasa a ser casi blanca, así que el texto necesita su propio tono fijo. */ --srh-ink-on-brand: #14192a; } /* ═══ Overrides generados a partir de las hojas originales ═══ */ /* ══════════ styles.css ══════════ */ html[data-theme="light"] body { background: radial-gradient(circle at top, #e4ecf4 0, #f2f6ff 55%); } html[data-theme="light"] .navbar { background: linear-gradient( 135deg, rgba(242, 244, 254, 0.97), rgba(241, 244, 254, 0.9) ) border-box; border-bottom: 1px solid rgba(73, 77, 88, 0.126); } html[data-theme="light"] .navbar__menu a:hover { background: rgba(46, 51, 61, 0.03); border-color: rgba(73, 77, 88, 0.28); } html[data-theme="light"] .navbar__toggle { border: 1px solid rgba(73, 77, 88, 0.28); background: rgba(242, 246, 255, 0.8); } html[data-theme="light"] .hero__bg-blur--1 { background: radial-gradient(circle, rgba(223, 187, 0, 0.34), transparent); } html[data-theme="light"] .hero__bg-blur--2 { background: radial-gradient(circle, rgba(60, 100, 255, 0.34), transparent); } html[data-theme="light"] .hero__badge { background: rgba(168, 193, 220, 0.12); color: var(--srh-gold-ink); border: 1px solid rgba(0, 75, 135, 0.6); } html[data-theme="light"] .hero__badge::before { box-shadow: 0 0 0 6px rgba(0, 230, 118, 0.2); } html[data-theme="light"] .btn--primary:hover { box-shadow: 0 22px 55px rgba(41, 46, 56, 0.238); } html[data-theme="light"] .btn--primary:disabled { background: rgba(46, 51, 61, 0.126); color: rgba(38, 66, 94, 0.35); } html[data-theme="light"] .btn--ghost { background: rgba(239, 243, 253, 0.85); border-color: rgba(73, 77, 88, 0.315); } html[data-theme="light"] .btn--ghost:hover { background: rgba(238, 241, 251, 0.95); } html[data-theme="light"] .btn--danger:hover { box-shadow: 0 12px 32px rgba(229, 57, 53, 0.32); } html[data-theme="light"] .btn--sent { background: rgba(34, 197, 94, 0.217); border: 1px solid rgba(17, 189, 97, 0.42); } html[data-theme="light"] .hero__card { background: radial-gradient(circle at top left, #e8edf7 0, #f2f6ff 50%); border: 1px solid rgba(73, 77, 88, 0.14); } html[data-theme="light"] .hero__card::before { background: radial-gradient( circle at top right, rgba(223, 187, 0, 0.232), transparent 55% ); } html[data-theme="light"] .ticket { background: linear-gradient(145deg, #eff3fd, #eceff9); border: 1px solid rgba(73, 77, 88, 0.28); } html[data-theme="light"] .ticket__body { border-bottom: 1px dashed rgba(73, 77, 88, 0.28); } html[data-theme="light"] .ticket__numbers span { background: rgba(46, 51, 61, 0.042); border: 1px solid rgba(73, 77, 88, 0.245); } html[data-theme="light"] .ticket__status--success { background: rgba(0, 200, 83, 0.232); color: #008c45; border: 1px solid rgba(0, 190, 78, 0.66); } html[data-theme="light"] .ticket__id { color: var(--srh-gold-ink); } html[data-theme="light"] .hero__note { background: rgba(242, 245, 255, 0.9); border: 1px solid rgba(73, 77, 88, 0.175); } html[data-theme="light"] .section--alt { background: radial-gradient(circle at top, #ecf0fa 0, #f2f6ff 55%); } html[data-theme="light"] .step { background: rgba(241, 244, 254, 0.9); border: 1px solid rgba(73, 77, 88, 0.21); } html[data-theme="light"] .card { background: rgba(241, 244, 254, 0.95); border: 1px solid rgba(73, 77, 88, 0.21); } html[data-theme="light"] .card__list li::before { color: var(--srh-gold-ink); } html[data-theme="light"] .testimonial { background: rgba(241, 244, 254, 0.95); border: 1px solid rgba(73, 77, 88, 0.21); } html[data-theme="light"] .faq__item { background: rgba(241, 244, 254, 0.95); border: 1px solid rgba(73, 77, 88, 0.245); } html[data-theme="light"] .faq__item[open] summary { color: var(--srh-gold-ink); } html[data-theme="light"] .section--cta { background: radial-gradient(circle at top, #e6ebf5 0, #f2f6ff 52%); } html[data-theme="light"] .cta__list li::before { color: #008c45; } html[data-theme="light"] .badge { border: 1px solid rgba(73, 77, 88, 0.245); } html[data-theme="light"] .badge--light { background: rgba(241, 244, 254, 0.9); } html[data-theme="light"] .footer { border-top: 1px solid rgba(73, 77, 88, 0.175); background: #f2f6ff; } @media (max-width: 720px) { html[data-theme="light"] .navbar__menu { background: rgba(242, 246, 255, 0.98); border-bottom: 1px solid rgba(73, 77, 88, 0.175); } } html[data-theme="light"] .sorteo { background: linear-gradient(145deg, #eff3fd, #eceff9); } html[data-theme="light"] .numero { color: var(--srh-gold-ink); } html[data-theme="light"] .hora { background: rgba(0, 200, 83, 0.232); color: #008e14; border: 1px solid rgba(67, 187, 70, 0.48); } html[data-theme="light"] .spinner { border: 4px solid rgba(72, 77, 88, 0.07); border-top: 4px solid var(--srh-gold-line); } html[data-theme="light"] .tabs { background: rgba(239, 243, 253, 0.9); border: 1px solid rgba(73, 77, 88, 0.175); } html[data-theme="light"] .filter-select:hover { border-color: rgba(73, 77, 88, 0.28); background-color: rgba(236, 240, 250, 0.8); } html[data-theme="light"] .filter-select:focus { border-color: var(--srh-gold-line); box-shadow: 0 0 0 3px rgba(255, 214, 0, 0.08); } html[data-theme="light"] .filter-date:hover { border-color: rgba(73, 77, 88, 0.28); background-color: rgba(236, 240, 250, 0.8); } html[data-theme="light"] .filter-date:focus { border-color: var(--srh-gold-line); box-shadow: 0 0 0 3px rgba(255, 214, 0, 0.08); } html[data-theme="light"] .resultados-preview { background: radial-gradient(circle at top left, #e8edf7 0, #f2f6ff 50%); border: 1px solid rgba(73, 77, 88, 0.28); } html[data-theme="light"] .resultados-preview__header { border-bottom: 1px dashed rgba(73, 77, 88, 0.28); } html[data-theme="light"] .resultados-preview__link { color: var(--srh-gold-ink); } html[data-theme="light"] .loteria-mini { background: rgba(46, 51, 61, 0.032); border: 1px solid rgba(73, 77, 88, 0.105); } html[data-theme="light"] .sorteo-mini { background: linear-gradient(145deg, #eff3fd, #eceff9); border: 1px solid rgba(73, 77, 88, 0.175); } html[data-theme="light"] .sorteo-mini:hover { border-color: rgba(73, 77, 88, 0.28); } html[data-theme="light"] .sorteo-mini__numero { color: var(--srh-gold-ink); } html[data-theme="light"] .sorteo-mini__hora { color: #008e14; background: rgba(0, 200, 83, 0.174); border: 1px solid rgba(67, 187, 70, 0.36); } html[data-theme="light"] .legal-header h1, html[data-theme="light"] .legal-header h2 { color: var(--srh-gold-ink); } html[data-theme="light"] .legal-section h2.legal-section__title--gold { color: var(--srh-gold-ink); } html[data-theme="light"] .legal-badge { background: rgba(223, 187, 0, 0.145); color: var(--srh-gold-ink); } html[data-theme="light"] .promo-banner__title .highlight { color: var(--srh-gold-ink); text-shadow: 0 0 20px rgba(255, 214, 0, 0.24); } html[data-theme="light"] .promo-banner__link:hover { color: var(--srh-gold-ink); } html[data-theme="light"] .promo-card { color: var(--srh-ink-on-brand); box-shadow: 0 20px 40px rgba(255, 214, 0, 0.2); } html[data-theme="light"] .promo-card::after { background: linear-gradient( to bottom right, rgba(255, 255, 255, 0) 0%, rgba(46, 51, 61, 0.42) 50%, rgba(255, 255, 255, 0) 100% ); } html[data-theme="light"] .promo-ctrl { background: rgba(46, 51, 61, 0.105); color: #111c27; } html[data-theme="light"] .promo-ctrl:hover { color: var(--srh-ink-on-brand); } html[data-theme="light"] .promo-dot { background-color: rgba(46, 51, 61, 0.315); } html[data-theme="light"] .reclamos-tab { border: 1px solid rgba(73, 77, 88, 0.126); background: rgba(239, 243, 253, 0.85); } html[data-theme="light"] .reclamos-spinner { border: 2px solid rgba(72, 77, 88, 0.28); border-top-color: #d9d9d9; } html[data-theme="light"] .reclamos-toast--success { color: #3b865b; background: rgba(22, 163, 74, 0.203); border: 1px solid rgba(17, 189, 97, 0.36); } html[data-theme="light"] .reclamos-toast--error { color: #18324e; background: rgba(220, 38, 38, 0.174); border: 1px solid rgba(244, 110, 110, 0.336); } html[data-theme="light"] .reclamos-toast--loading { background: rgba(79, 70, 229, 0.174); border: 1px solid rgba(129, 140, 248, 0.3); } html[data-theme="light"] .reclamos-input--invalid { border-color: #ef4444 !important; box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.096); } html[data-theme="light"] .reclamos-form .form-error:not(:empty) { color: #a95a5b; } html[data-theme="light"] .reclamos-history-item { border: 1px solid rgba(73, 77, 88, 0.098); background: rgba(239, 243, 253, 0.75); } html[data-theme="light"] .reclamos-history-item h3 { color: #111c27; } html[data-theme="light"] .reclamos-status--pendiente { color: #897300; background: rgba(245, 158, 11, 0.217); } html[data-theme="light"] .reclamos-status--en_revision { color: #18334f; background: rgba(59, 130, 246, 0.217); } html[data-theme="light"] .reclamos-status--resuelta { color: #3b865b; background: rgba(34, 197, 94, 0.217); } html[data-theme="light"] .reclamos-detail-btn { border: 1px solid rgba(187, 156, 0, 0.36); color: var(--srh-gold-ink); } html[data-theme="light"] .reclamos-modal__backdrop { background: rgba(15, 23, 42, 0.6); } html[data-theme="light"] .reclamos-modal__dialog { background: #f1f4fe; border: 1px solid rgba(73, 77, 88, 0.175); } html[data-theme="light"] .reclamos-modal__close { color: #111c27; } html[data-theme="light"] .reclamos-reply { background: rgba(238, 241, 251, 0.85); } html[data-theme="light"] .fab { color: #111c27; } html[data-theme="light"] .fab--whatsapp { box-shadow: 0 4px 16px rgba(37, 211, 102, 0.36); } html[data-theme="light"] .fab--whatsapp:hover { box-shadow: 0 8px 24px rgba(37, 211, 102, 0.44); } html[data-theme="light"] .fab--telegram { box-shadow: 0 4px 16px rgba(34, 158, 217, 0.36); } html[data-theme="light"] .fab--telegram:hover { box-shadow: 0 8px 24px rgba(34, 158, 217, 0.44); } html[data-theme="light"] .registro-card { background: rgba(241, 244, 254, 0.95); border: 1px solid rgba(73, 77, 88, 0.154); } html[data-theme="light"] .form-section__icon { background: rgba(223, 187, 0, 0.145); border: 1px solid rgba(187, 156, 0, 0.3); color: var(--srh-gold-ink); } html[data-theme="light"] .form-divider { background: rgba(46, 51, 61, 0.158); } html[data-theme="light"] .form-required { color: var(--srh-red-ink); } html[data-theme="light"] .form-optional { color: rgba(38, 66, 94, 0.8); } html[data-theme="light"] .form-input { background: rgba(239, 243, 253, 0.8); border: 1px solid rgba(73, 77, 88, 0.154); } html[data-theme="light"] .form-input::placeholder { color: rgba(38, 66, 94, 0.4); } html[data-theme="light"] .form-input:hover { border-color: rgba(73, 77, 88, 0.266); background: rgba(239, 243, 253, 0.9); } html[data-theme="light"] .form-input:focus { border-color: var(--srh-gold-line); box-shadow: 0 0 0 3px rgba(255, 214, 0, 0.08); background: #eff3fd; } html[data-theme="light"] .form-input--valid { border-color: rgba(0, 190, 78, 0.66); box-shadow: 0 0 0 2px rgba(0, 200, 83, 0.064); } html[data-theme="light"] .form-input--invalid { border-color: rgba(229, 57, 53, 0.84); box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.064); } html[data-theme="light"] .form-input-prefix { color: rgba(38, 66, 94, 0.75); } html[data-theme="light"] .form-select-prefix { background: rgba(239, 243, 253, 0.8); border: 1px solid rgba(73, 77, 88, 0.154); border-right: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(165,177,216,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.4rem center; background-size: 11px; } html[data-theme="light"] .form-select-prefix:hover { border-color: rgba(73, 77, 88, 0.266); background-color: rgba(239, 243, 253, 0.9); } html[data-theme="light"] .form-select-prefix:focus { border-color: var(--srh-gold-line); box-shadow: 0 0 0 3px rgba(255, 214, 0, 0.08); background-color: #eff3fd; } html[data-theme="light"] .form-select-prefix option { background: #eff3fd; } html[data-theme="light"] .form-input-toggle { color: rgba(38, 66, 94, 0.7); } html[data-theme="light"] .form-error { color: var(--srh-red-ink); } html[data-theme="light"] .password-strength__bar { background: rgba(46, 51, 61, 0.105); } html[data-theme="light"] .password-strength__label.strength--weak { color: var(--srh-red-ink); } html[data-theme="light"] .password-strength__label.strength--fair { color: #a76100; } html[data-theme="light"] .password-strength__label.strength--good { color: var(--srh-gold-ink); } html[data-theme="light"] .password-strength__label.strength--strong { color: #008c45; } html[data-theme="light"] .form-terms a { color: var(--srh-gold-ink); } html[data-theme="light"] .form-check input[type="checkbox"] { border: 2px solid rgba(73, 77, 88, 0.315); background: rgba(239, 243, 253, 0.85); } html[data-theme="light"] .referido-block { background: linear-gradient(135deg, rgba(34, 197, 94, 0.087) 0%, rgba(16, 185, 129, 0.06) 100%); border: 1px solid rgba(14, 190, 87, 0.264); } html[data-theme="light"] .referido-block__icon { background: rgba(34, 197, 94, 0.174); border: 1px solid rgba(14, 190, 87, 0.336); color: #008c3d; } html[data-theme="light"] .referido-prefix { color: #008c3d !important; } html[data-theme="light"] .referido-input:focus { border-color: rgba(14, 190, 87, 0.54) !important; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.08) !important; } html[data-theme="light"] .referido-input.form-input--valid { border-color: rgba(14, 190, 87, 0.66) !important; } html[data-theme="light"] .registro-login-link a { color: var(--srh-gold-ink); } html[data-theme="light"] .registro-alert-overlay { background: rgba(15, 23, 42, 0.585); } html[data-theme="light"] .registro-alert-modal { box-shadow: 0 20px 60px rgba(41, 46, 56, 0.17); } html[data-theme="light"] .registro-alert-modal--success { background: #e5efe7; border: 1px solid #00be4e; color: #008c45; } html[data-theme="light"] .registro-alert-modal--error { background: #faedec; border: 1px solid #e53935; color: #a85a5c; } html[data-theme="light"] .registro-alert-modal--warning { background: #f5f1e7; border: 1.5px solid #d98b00; color: #946e00; } html[data-theme="light"] .registro-alert-modal--success .registro-alert-modal__icon { background: rgba(0, 200, 83, 0.217); color: #008c45; } html[data-theme="light"] .registro-alert-modal--error .registro-alert-modal__icon { background: rgba(229, 57, 53, 0.217); color: #cd3134; } html[data-theme="light"] .registro-alert-modal--warning .registro-alert-modal__icon { background: rgba(245, 158, 11, 0.217); color: #a16500; } html[data-theme="light"] .registro-alert-modal__badge { color: #a16500; background: rgba(245, 158, 11, 0.174); border: 1px solid rgba(217, 139, 0, 0.36); } html[data-theme="light"] .registro-alert-modal__title { color: var(--text-main, #111c27); } html[data-theme="light"] .registro-alert-modal__highlight { color: #a16500; } html[data-theme="light"] .registro-alert-modal__message { color: var(--text-muted, #26425e); } html[data-theme="light"] .registro-alert-modal__tip { color: #26425e; } html[data-theme="light"] .registro-alert-modal__close { background: rgba(46, 51, 61, 0.074); color: var(--text-muted, #26425e); } html[data-theme="light"] .registro-alert-modal__close:hover { background: rgba(46, 51, 61, 0.147); color: #111c27; } html[data-theme="light"] .wallet-onb-overlay { background: rgba(15, 23, 42, 0.6); } html[data-theme="light"] .wallet-onb-modal { background: linear-gradient(180deg, #ecf0fa, #eff3fd); box-shadow: 0 20px 60px rgba(41, 46, 56, 0.187); } html[data-theme="light"] .wallet-onb-modal__icon { color: var(--srh-gold-ink); background: rgba(223, 187, 0, 0.174); border: 1px solid rgba(187, 156, 0, 0.3); } html[data-theme="light"] .wallet-onb-modal__icon--ok { color: #008c45; background: rgba(0, 200, 83, 0.217); border-color: rgba(0, 190, 78, 0.42); } html[data-theme="light"] .wallet-onb-modal__badge { color: var(--srh-gold-ink); background: rgba(223, 187, 0, 0.145); border: 1px solid rgba(187, 156, 0, 0.336); } html[data-theme="light"] .wallet-onb-retry { background: rgba(46, 51, 61, 0.084); } html[data-theme="light"] .wallet-onb-retry:hover { background: rgba(46, 51, 61, 0.168); } html[data-theme="light"] .wallet-onb-option { background: rgba(46, 51, 61, 0.03); } html[data-theme="light"] .wallet-onb-option:hover { border-color: rgba(187, 156, 0, 0.6); } html[data-theme="light"] .wallet-onb-option--selected { border-color: var(--srh-gold-line); background: rgba(223, 187, 0, 0.116); } html[data-theme="light"] .wallet-onb-option__simbolo { color: var(--srh-gold-ink); } html[data-theme="light"] .wallet-onb-inline-err { color: #a85a5c; } html[data-theme="light"] .wallet-onb-modal__btn:disabled { background: rgba(46, 51, 61, 0.126); color: rgba(38, 66, 94, 0.4); } html[data-theme="light"] .wallet-onb-modal__note { color: #26425e; } html[data-theme="light"] .wallet-onb-success__bono { color: #008c45; } html[data-theme="light"] .wallet-onb-spinner { border: 2.5px solid rgba(73, 77, 88, 0.21); border-top-color: var(--srh-gold-line); } html[data-theme="light"] .registro-alert--success { background: rgba(0, 200, 83, 0.145); border: 1px solid rgba(0, 190, 78, 0.42); color: #008c45; } html[data-theme="light"] .registro-alert--error { background: rgba(229, 57, 53, 0.145); border: 1px solid rgba(229, 57, 53, 0.42); color: #cd3134; } html[data-theme="light"] .ingresar-card { background: rgba(241, 244, 254, 0.95); border: 1px solid rgba(73, 77, 88, 0.154); } html[data-theme="light"] .form-forgot:hover { color: var(--srh-gold-ink); } html[data-theme="light"] .ingresar-separator::before, html[data-theme="light"] .ingresar-separator::after { background: rgba(46, 51, 61, 0.189); } html[data-theme="light"] .verificar-icono--success { background: rgba(0, 200, 83, 0.145); border: 2px solid rgba(0, 190, 78, 0.48); color: #008d38; } html[data-theme="light"] .verificar-icono--error { background: rgba(229, 57, 53, 0.145); border: 2px solid rgba(229, 57, 53, 0.48); color: var(--srh-red-ink); } html[data-theme="light"] .inicio-loader__spinner { border: 3px solid rgba(187, 156, 0, 0.18); border-top-color: var(--srh-gold-line); } html[data-theme="light"] .inicio-header { background: rgba(241, 244, 254, 0.95); border: 1px solid rgba(73, 77, 88, 0.154); } html[data-theme="light"] .inicio-badge { color: #008c45; } html[data-theme="light"] .inicio-badge__dot { box-shadow: 0 0 6px rgba(0, 230, 118, 0.6); } html[data-theme="light"] .inicio-card { background: rgba(241, 244, 254, 0.95); border: 1px solid rgba(73, 77, 88, 0.126); } html[data-theme="light"] .inicio-card__value--mono { color: var(--srh-gold-ink); } html[data-theme="light"] .inicio-card__copy { color: rgba(38, 66, 94, 0.45); } html[data-theme="light"] .inicio-ultimas__ver-todas { color: var(--srh-gold-ink); } html[data-theme="light"] .inicio-resultados__viewport { border: 1px solid rgba(187, 156, 0, 0.66); background: rgba(241, 244, 254, 0.97); box-shadow: 0 0 14px rgba(255, 214, 0, 0.096), inset 0 0 24px rgba(255, 214, 0, 0.05); } html[data-theme="light"] .inicio-res-card { border-right: 1px solid rgba(187, 156, 0, 0.18); } html[data-theme="light"] .inicio-res-card__loteria { color: var(--srh-gold-ink); } html[data-theme="light"] .inicio-res-card__hora { border-top: 1px solid rgba(187, 156, 0, 0.12); } html[data-theme="light"] .inicio-saldo-item { color: var(--srh-gold-ink); } html[data-theme="light"] .inicio-accion-card { background: rgba(241, 244, 254, 0.95); border: 1px solid rgba(187, 156, 0, 0.54); } html[data-theme="light"] .inicio-accion-card:hover { background: rgba(223, 187, 0, 0.072); border-color: rgba(187, 156, 0, 0.9); } html[data-theme="light"] .inicio-accion-card__icon { background: rgba(223, 187, 0, 0.174); color: var(--srh-gold-ink); } html[data-theme="light"] .inicio-accion-card__icon--purple, html[data-theme="light"] .inicio-accion-card__icon--yellow, html[data-theme="light"] .inicio-accion-card__icon--green, html[data-theme="light"] .inicio-accion-card__icon--blue { background: rgba(223, 187, 0, 0.174); color: var(--srh-gold-ink); } html[data-theme="light"] .inicio-logout__btn:hover { color: var(--srh-red-ink); background: rgba(229, 57, 53, 0.116); } html[data-theme="light"] .app-header { background: rgba(241, 244, 254, 0.97); border-bottom: 1px solid rgba(73, 77, 88, 0.105); } html[data-theme="light"] .app-header__nav-item:hover { background: rgba(46, 51, 61, 0.084); } html[data-theme="light"] .app-header__nav-item--cta { color: var(--srh-gold-ink); background: rgba(223, 187, 0, 0.102); } html[data-theme="light"] .app-header__nav-item--cta:hover { background: rgba(223, 187, 0, 0.203); color: var(--srh-gold-ink); } html[data-theme="light"] .app-avatar:hover { box-shadow: 0 0 0 3px rgba(255, 214, 0, 0.16); } html[data-theme="light"] .app-user-dropdown { background: rgba(239, 242, 252, 0.98); border: 1px solid rgba(73, 77, 88, 0.154); } html[data-theme="light"] .app-user-dropdown__divider { background: rgba(46, 51, 61, 0.158); } html[data-theme="light"] .app-user-dropdown__item:hover { background: rgba(46, 51, 61, 0.074); } html[data-theme="light"] .app-user-dropdown__item--danger:hover { background: rgba(229, 57, 53, 0.145); color: var(--srh-red-ink); } html[data-theme="light"] .reclamos-back-btn { border: 1px solid rgba(73, 77, 88, 0.126); background: rgba(239, 243, 253, 0.85); } html[data-theme="light"] .reclamos-back-btn:hover { background: rgba(238, 241, 251, 0.95); } html[data-theme="light"] .reclamos-title { color: #111c27; } html[data-theme="light"] .reclamos-card { background: rgba(241, 244, 254, 0.95); border: 1px solid rgba(73, 77, 88, 0.126); } html[data-theme="light"] .reclamos-card__icon { background: rgba(223, 187, 0, 0.174); border: 1px solid rgba(187, 156, 0, 0.288); color: var(--srh-gold-ink); } html[data-theme="light"] .reclamos-card__icon--form { background: rgba(79, 70, 229, 0.174); color: #7868aa; } html[data-theme="light"] .reclamos-card__title { color: #111c27; } html[data-theme="light"] .reclamos-tipo { border: 1px solid rgba(73, 77, 88, 0.098); background: rgba(239, 243, 253, 0.8); } html[data-theme="light"] .reclamos-tipo:hover, html[data-theme="light"] .reclamos-tipo--active { background: rgba(238, 241, 251, 0.96); border-color: rgba(187, 156, 0, 0.42); } html[data-theme="light"] .reclamos-tipo__check { color: #111c27; } html[data-theme="light"] .reclamos-file-item { background: rgba(238, 241, 251, 0.85); border: 1px solid rgba(73, 77, 88, 0.098); } html[data-theme="light"] .app-header__balance { background: rgba(223, 187, 0, 0.116); border: 1px solid rgba(187, 156, 0, 0.24); color: var(--srh-gold-ink); } html[data-theme="light"] .app-header__balance:hover { background: rgba(223, 187, 0, 0.203); border-color: rgba(187, 156, 0, 0.48); } html[data-theme="light"] .app-header__balance-bono-dot { background: rgba(223, 187, 0, 0.34); } html[data-theme="light"] .app-header__balance-bono-icon { color: #aa5f00; } html[data-theme="light"] .app-header__balance-sep span:last-child { color: #aa5f00; } html[data-theme="light"] .app-dropdown-balance-val--bono { color: #aa5f00; } html[data-theme="light"] .app-dropdown-balance-row--bono .app-dropdown-balance-label { color: #aa5f00; } html[data-theme="light"] .app-bottom-nav { background: rgba(241, 244, 254, 0.97); border-top: 1px solid rgba(73, 77, 88, 0.105); } @supports (-webkit-touch-callout: none) { html[data-theme="light"] .app-bottom-nav { background: #ecf1fa !important; } } html[data-theme="light"] .app-bottom-nav__item { color: rgba(38, 66, 94, 0.75); } html[data-theme="light"] .app-bottom-nav__item--cta { color: var(--srh-gold-ink); } html[data-theme="light"] .app-bottom-nav__item--cta:hover { color: #906f00; } html[data-theme="light"] .app-bottom-nav__item--cta .app-bottom-nav__icon svg { filter: drop-shadow(0 0 5px rgba(255, 214, 0, 0.28)); } html[data-theme="light"] .app-bottom-nav__item--active { color: var(--srh-gold-ink); } html[data-theme="light"] .app-sheet--open .app-sheet__backdrop { background: rgba(15, 23, 42, 0.585); } html[data-theme="light"] .app-sheet__panel { background: #eff3fd; border-top: 1px solid rgba(73, 77, 88, 0.14); } html[data-theme="light"] .app-sheet__handle-bar { background: rgba(46, 51, 61, 0.315); } html[data-theme="light"] .app-sheet__header { border-bottom: 1px solid rgba(73, 77, 88, 0.084); } html[data-theme="light"] .app-sheet__close { background: rgba(46, 51, 61, 0.105); } html[data-theme="light"] .app-sheet__close:hover { background: rgba(46, 51, 61, 0.189); } html[data-theme="light"] .app-sheet__body::-webkit-scrollbar-thumb { background: rgba(46, 51, 61, 0.21); } html[data-theme="light"] .app-sheet__footer { border-top: 1px solid rgba(73, 77, 88, 0.084); background: #eff3fd; } html[data-theme="light"] .sheet-toast--success { background: rgba(0, 200, 83, 0.145); border: 1px solid rgba(0, 190, 78, 0.36); color: #008c45; } html[data-theme="light"] .sheet-toast--error { background: rgba(229, 57, 53, 0.145); border: 1px solid rgba(229, 57, 53, 0.36); color: #cd3134; } html[data-theme="light"] .perfil-id-card { background: linear-gradient(135deg, rgba(233, 238, 247, 0.95) 0%, rgba(230, 235, 245, 0.85) 100%); border: 1px solid rgba(195, 152, 0, 0.3); box-shadow: 0 8px 30px rgba(41, 46, 56, 0.17); } html[data-theme="light"] .perfil-id-card__avatar { color: var(--srh-gold-ink); box-shadow: 0 0 0 2px var(--srh-gold), 0 0 12px rgba(255, 199, 0, 0.16); } html[data-theme="light"] .perfil-id-card__nombre { color: #111c27; } html[data-theme="light"] .perfil-id-card__codigo { color: #8d7100; } html[data-theme="light"] .perfil-edit-trigger { background: rgba(236, 241, 250, 0.9); border: 1px solid rgba(195, 152, 0, 0.48); color: var(--srh-gold-ink); } html[data-theme="light"] .perfil-edit-trigger:hover { background: #e6ebf5; border-color: var(--srh-gold-line); } html[data-theme="light"] .perfil-seccion__icon { color: var(--srh-gold-ink); background: rgba(245, 158, 11, 0.145); border: 1px solid rgba(217, 139, 0, 0.36); } html[data-theme="light"] .perfil-seccion__title { color: #111c27; } html[data-theme="light"] .perfil-dato { border-bottom: 1px solid rgba(71, 77, 88, 0.42); } html[data-theme="light"] .perfil-dato__valor { color: #111c27; } html[data-theme="light"] .perfil-toast--success { background: rgba(16, 185, 129, 0.145); border: 1px solid rgba(16, 185, 129, 0.42); color: #008a63; } html[data-theme="light"] .perfil-toast--error { background: rgba(244, 63, 94, 0.145); border: 1px solid rgba(244, 63, 94, 0.42); color: #c33d57; } html[data-theme="light"] .perfil-seccion__subheader { color: #1b3652; } html[data-theme="light"] .cuentas-cobro-empty { background: rgba(241, 245, 252, 0.6); } html[data-theme="light"] .cuentas-cobro-aviso { background: rgba(236, 241, 250, 0.9); color: #1b3652; } html[data-theme="light"] .perfil-bloqueo-aviso { background: rgba(46, 51, 61, 0.074); border: 1px solid rgba(70, 78, 88, 0.175); } html[data-theme="light"] .perfil-soporte-aviso { background: rgba(241, 245, 252, 0.7); color: #1b3652; } html[data-theme="light"] .perfil-soporte-aviso svg { color: var(--srh-gold-ink); } html[data-theme="light"] .cuenta-cobro-card { background: rgba(241, 245, 252, 0.7); } html[data-theme="light"] .cuenta-cobro-card__icon { background: rgba(245, 158, 11, 0.217); border: 1px solid rgba(217, 139, 0, 0.36); color: var(--srh-gold-ink); } html[data-theme="light"] .cuenta-cobro-card__banco { color: #111c27; } html[data-theme="light"] .cuenta-cobro-card__tipo { color: #8d7100; background: rgba(245, 158, 11, 0.217); border: 1px solid rgba(217, 139, 0, 0.36); } html[data-theme="light"] .cuenta-cobro-card--inactiva .cuenta-cobro-card__icon { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .cuenta-toggle-btn--activa { background: rgba(34, 197, 94, 0.174); border-color: rgba(14, 190, 87, 0.42); color: #008c3d; } html[data-theme="light"] .cuenta-toggle-btn--activa:hover:not(:disabled) { background: rgba(34, 197, 94, 0.319); } html[data-theme="light"] .cuenta-toggle-btn--inactiva { background: rgba(46, 51, 61, 0.105); border-color: rgba(70, 78, 88, 0.21); } html[data-theme="light"] .cuenta-toggle-btn--inactiva:hover:not(:disabled) { background: rgba(46, 51, 61, 0.21); } html[data-theme="light"] .cuenta-toggle-aviso { background: rgba(245, 158, 11, 0.116); border: 1px solid rgba(217, 139, 0, 0.36); color: #a16500; } html[data-theme="light"] .btn-agregar-cuenta { color: var(--srh-gold-ink); background: rgba(236, 241, 250, 0.9); border: 1px dashed rgba(195, 152, 0, 0.66); } html[data-theme="light"] .btn-agregar-cuenta:hover { background: #e6ebf5; border-color: var(--srh-gold-line); } html[data-theme="light"] .cuentas-cobro-form-wrap { background: rgba(241, 245, 252, 0.7); } html[data-theme="light"] .cuentas-cobro-form-header__title { color: #111c27; } html[data-theme="light"] .cuentas-cobro-form-close:hover { color: #111c27; } html[data-theme="light"] .form-input--readonly { background: rgba(46, 51, 61, 0.063); } html[data-theme="light"] .nc-readonly-badge { background: #e6ebf5; } html[data-theme="light"] .cuentas-cobro-toast--success { background: rgba(34, 197, 94, 0.174); border: 1px solid rgba(17, 189, 97, 0.36); color: #008c45; } html[data-theme="light"] .cuentas-cobro-toast--error { background: rgba(229, 57, 53, 0.145); border: 1px solid rgba(229, 57, 53, 0.36); color: #cd3134; } html[data-theme="light"] .dni-dropzone { background: rgba(241, 245, 252, 0.5); } html[data-theme="light"] .dni-dropzone:hover, html[data-theme="light"] .dni-dropzone:focus-visible { border-color: rgba(195, 152, 0, 0.6); background: rgba(233, 182, 0, 0.06); } html[data-theme="light"] .dni-dropzone--dragover { border-color: var(--srh-gold-line); background: rgba(233, 182, 0, 0.102); } html[data-theme="light"] .dni-dropzone__icono { color: var(--srh-gold-ink); } html[data-theme="light"] .dni-dropzone__texto strong { color: var(--srh-gold-ink); } html[data-theme="light"] .dni-preview { background: rgba(241, 245, 252, 0.7); } html[data-theme="light"] .dni-preview__icono { color: var(--srh-gold-ink); } html[data-theme="light"] .dni-preview__quitar:hover { color: #cd3134; } html[data-theme="light"] .dni-estado--pendiente { background: rgba(238, 179, 0, 0.116); border-color: rgba(199, 150, 0, 0.36); color: #936e00; } html[data-theme="light"] .dni-estado--aprobado { background: rgba(34, 197, 94, 0.116); border-color: rgba(17, 189, 97, 0.36); color: #008c45; } html[data-theme="light"] .dni-estado--rechazado { background: rgba(255, 152, 0, 0.116); border-color: rgba(218, 138, 0, 0.42); color: #a26500; } html[data-theme="light"] .dni-estado--bloqueado { background: rgba(229, 57, 53, 0.116); border-color: rgba(239, 83, 80, 0.36); color: #cd3134; } html[data-theme="light"] .cuentas-cobro-toast--warning { background: rgba(245, 158, 11, 0.116); border: 1px solid rgba(217, 139, 0, 0.42); color: #a16500; } html[data-theme="light"] .monedero-header { background: linear-gradient(90deg, var(--srh-card), #ecf1fa 50%, var(--srh-card)); border: 1px solid rgba(217, 139, 0, 0.24); box-shadow: 0 4px 14px rgba(41, 46, 56, 0.102); } html[data-theme="light"] .monedero-header__icon { background: rgba(245, 158, 11, 0.29); border: 1px solid rgba(217, 139, 0, 0.36); color: var(--srh-gold-ink); } html[data-theme="light"] .monedero-header__title { color: #111c27; } html[data-theme="light"] .monedero-refresh { background: #e6ebf5; border: 1px solid #d4dae1; color: var(--srh-gold-ink); } html[data-theme="light"] .monedero-refresh:hover:not(:disabled) { background: #dee4ed; } html[data-theme="light"] .monedero-card { background: linear-gradient(135deg, rgba(233, 238, 247, 0.95) 0%, rgba(230, 235, 245, 0.85) 100%); border: 1px solid rgba(195, 152, 0, 0.3); box-shadow: 0 8px 30px rgba(41, 46, 56, 0.17); } html[data-theme="light"] .monedero-card:hover { border-color: rgba(195, 152, 0, 0.48); } html[data-theme="light"] .monedero-card__top { border-bottom: 1px solid rgba(70, 78, 88, 0.35); } html[data-theme="light"] .monedero-card__simbolo { color: var(--srh-gold-ink); } html[data-theme="light"] .monedero-card__codigo { color: var(--srh-gold-ink); background: rgba(245, 158, 11, 0.29); border: 1px solid rgba(217, 139, 0, 0.48); } html[data-theme="light"] .monedero-card__balance { color: #111c27; } html[data-theme="light"] .monedero-card__footer-moneda { color: #946e00; } html[data-theme="light"] .monedero-card__saldo-item { background: rgba(236, 241, 250, 0.8); border: 1px solid #d5d9e1; } html[data-theme="light"] .monedero-card__saldo-item--bonos { border-color: rgba(217, 139, 0, 0.24); } html[data-theme="light"] .monedero-card__saldo-label--bonos { color: #946e00; } html[data-theme="light"] .monedero-card__balance--bonos { color: #8d7100; } html[data-theme="light"] .monedero-card__balance-loading { border: 2px solid rgba(231, 128, 36, 0.3); border-top-color: #e78024; } html[data-theme="light"] .monedero-card__horario { background: rgba(236, 241, 250, 0.9); border: 1px solid #d5d9e1; color: #1b3652; } html[data-theme="light"] .btn-recarga-card { box-shadow: 0 0 12px rgba(255, 199, 0, 0.16); } html[data-theme="light"] .btn-retiro-card { color: #111c27; background: linear-gradient(90deg, #ecf1fa, #e6ebf5 55%, rgba(255, 227, 230, 0.5)); border: 1px solid rgba(244, 63, 94, 0.48); } html[data-theme="light"] .btn-retiro-card:hover { background: linear-gradient(90deg, #ecf1fa, #e6ebf5 45%, rgba(255, 227, 230, 0.7)); } html[data-theme="light"] .recarga-overlay { background: rgba(242, 246, 255, 0.72); } html[data-theme="light"] .recarga-sheet__handle { background: #dee4ed; } html[data-theme="light"] .recarga-sheet__icon { background: rgba(245, 158, 11, 0.29); border: 1px solid rgba(217, 139, 0, 0.42); color: var(--srh-gold-ink); } html[data-theme="light"] .recarga-sheet__icon--retiro { background: rgba(244, 63, 94, 0.217); border-color: rgba(244, 63, 94, 0.42); color: #c33d57; } html[data-theme="light"] .recarga-wallet-info__icon--retiro { background: rgba(244, 63, 94, 0.217); color: #c33d57; } html[data-theme="light"] .recarga-instruccion--retiro { background: rgba(244, 63, 94, 0.116); border-color: rgba(244, 63, 94, 0.36); } html[data-theme="light"] .recarga-instruccion--info { background: rgba(46, 51, 61, 0.074); border-color: rgba(70, 78, 88, 0.175); } html[data-theme="light"] .ret-comision-info--aviso { background: rgba(46, 51, 61, 0.084); border: 1px solid rgba(70, 78, 88, 0.154); } html[data-theme="light"] .ret-comision-info--confirmado { background: rgba(16, 185, 129, 0.102); border: 1px solid rgba(16, 185, 129, 0.36); } html[data-theme="light"] .ret-comision-info__title { color: #008a60; } html[data-theme="light"] .ret-comision-info__row--comision .ret-comision-info__key { color: #d32425; } html[data-theme="light"] .ret-comision-info__row--total { border-top: 1px solid rgba(16, 185, 129, 0.24); } html[data-theme="light"] .ret-comision-info__val--negativo { color: #d32425; } html[data-theme="light"] .ret-comision-info__val--total { color: #008a60; } html[data-theme="light"] .recarga-sheet__title { color: #111c27; } html[data-theme="light"] .recarga-sheet__close { background: #e6ebf5; border: 1px solid #d4dae1; } html[data-theme="light"] .recarga-sheet__close:hover { background: rgba(244, 63, 94, 0.174); color: #c33d57; border-color: rgba(244, 63, 94, 0.36); } html[data-theme="light"] .retiro-sin-cuenta { background: rgba(244, 63, 94, 0.087); border: 1px solid rgba(244, 63, 94, 0.24); } html[data-theme="light"] .retiro-sin-cuenta__icon { background: rgba(244, 63, 94, 0.174); color: #c33d57; } html[data-theme="light"] .retiro-sin-cuenta__titulo { color: #111c27; } html[data-theme="light"] .recarga-instruccion { background: rgba(236, 241, 250, 0.9); color: #1b3652; } html[data-theme="light"] .recarga-instruccion svg { color: var(--srh-gold-ink); } html[data-theme="light"] .recarga-wallet-info { background: rgba(245, 158, 11, 0.116); border: 1px solid rgba(217, 139, 0, 0.3); } html[data-theme="light"] .recarga-wallet-info__icon { background: rgba(245, 158, 11, 0.217); color: var(--srh-gold-ink); } html[data-theme="light"] .recarga-wallet-info__nombre { color: #111c27; } html[data-theme="light"] .recarga-wallet-info__simbolo { color: var(--srh-gold-ink); } html[data-theme="light"] .recarga-select option { background: #eff3fd; color: #15202c; } html[data-theme="light"] .banco-info-card { background: rgba(241, 245, 252, 0.7); border: 1px solid rgba(217, 139, 0, 0.24); } html[data-theme="light"] .banco-info-card__title { color: var(--srh-gold-ink); } html[data-theme="light"] .banco-info-card__val { color: #111c27; } html[data-theme="light"] .recarga-toast { box-shadow: 0 28px 70px rgba(41, 46, 56, 0.24); } html[data-theme="light"] .recarga-toast--success { border: 1px solid rgba(0, 190, 78, 0.42); } html[data-theme="light"] .recarga-toast--error { border: 1px solid rgba(229, 57, 53, 0.42); } html[data-theme="light"] .recarga-toast--success .recarga-toast__icon { background: rgba(0, 200, 83, 0.174); border: 1.5px solid rgba(0, 190, 78, 0.48); color: #008d38; } html[data-theme="light"] .recarga-toast--error .recarga-toast__icon { background: rgba(229, 57, 53, 0.174); border: 1.5px solid rgba(229, 57, 53, 0.48); color: var(--srh-red-ink); } html[data-theme="light"] .recarga-sheet .form-label { color: #1b3652; } html[data-theme="light"] .recarga-sheet .form-required { color: #c33d57; } html[data-theme="light"] .recarga-sheet .form-input { background: rgba(236, 241, 250, 0.9); color: #111c27; } html[data-theme="light"] .recarga-sheet .form-input:focus { border-color: var(--srh-gold-line); } html[data-theme="light"] .recarga-sheet .form-input::placeholder { color: #26425e; } html[data-theme="light"] .recarga-sheet .form-input--invalid { border-color: #f46b7f; } html[data-theme="light"] .recarga-sheet .form-input--valid { border-color: #00bb83; } html[data-theme="light"] .recarga-sheet .form-error { color: #c33d57; } html[data-theme="light"] .recarga-sheet .recarga-select option { color: #111c27; } html[data-theme="light"] .monedero-tab:hover { color: #111c27; } html[data-theme="light"] .reporte-item--pendiente { border-left-color: var(--srh-gold-line); } html[data-theme="light"] .reporte-item--rechazado { border-left-color: var(--srh-red-line); } html[data-theme="light"] .reporte-item__simbolo { color: var(--srh-gold-ink); } html[data-theme="light"] .reporte-status--pendiente { background: rgba(223, 187, 0, 0.217); color: var(--srh-gold-ink); } html[data-theme="light"] .reporte-status--rechazado { background: rgba(229, 57, 53, 0.217); color: var(--srh-red-ink); } html[data-theme="light"] .historial-toggle:hover { color: var(--srh-gold-ink); border-color: rgba(187, 156, 0, 0.42); } html[data-theme="light"] .historial-error { color: var(--srh-red-ink); } html[data-theme="light"] .txn-item--credito { background: rgba(34, 197, 94, 0.06); border-left: 3px solid rgba(17, 189, 97, 0.42); } html[data-theme="light"] .txn-item--debito { background: rgba(229, 57, 53, 0.06); border-left: 3px solid rgba(239, 83, 80, 0.36); } html[data-theme="light"] .txn-item:hover { background: rgba(46, 51, 61, 0.074); } html[data-theme="light"] .txn-item--credito:hover { background: rgba(34, 197, 94, 0.116); } html[data-theme="light"] .txn-item--debito:hover { background: rgba(229, 57, 53, 0.116); } html[data-theme="light"] .txn-item__tipo--credito { background: rgba(34, 197, 94, 0.217); color: #008c45; } html[data-theme="light"] .txn-item__tipo--debito { background: rgba(229, 57, 53, 0.174); color: #cd3134; } html[data-theme="light"] .txn-item__monto--credito { color: #008c45; } html[data-theme="light"] .txn-item__monto--debito { color: #cd3134; } html[data-theme="light"] .jugar-header { background: linear-gradient(90deg, var(--srh-card), #ecf1fa 50%, var(--srh-card)); border: 1px solid rgba(217, 139, 0, 0.24); box-shadow: 0 4px 14px rgba(41, 46, 56, 0.102); } html[data-theme="light"] .jugar-header--info .jugar-header__sub { color: #1b3652; } html[data-theme="light"] .juego-card { box-shadow: 0 4px 14px rgba(41, 46, 56, 0.102); } html[data-theme="light"] .juego-card__name { color: #111c27; } html[data-theme="light"] .juego-card__note { color: #1b3652; } html[data-theme="light"] .juego-card--gold { background: linear-gradient(135deg, var(--srh-card), #ecf1fa 55%, rgba(244, 234, 230, 0.4)); border-color: rgba(217, 139, 0, 0.36); } html[data-theme="light"] .juego-card--gold:hover { border-color: var(--srh-gold-line); } html[data-theme="light"] .juego-card--gold .juego-card__icon { box-shadow: 0 0 14px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .juego-card--purple { background: linear-gradient(135deg, var(--srh-card), #ecf1fa 55%, rgba(197, 181, 221, 0.3)); border-color: rgba(168, 85, 247, 0.36); } html[data-theme="light"] .juego-card--purple:hover { border-color: #b97df5; } html[data-theme="light"] .juego-card--green { background: linear-gradient(135deg, var(--srh-card), #ecf1fa 55%, rgba(230, 240, 237, 0.35)); border-color: rgba(16, 185, 129, 0.36); } html[data-theme="light"] .juego-card--green:hover { border-color: #00bb83; } html[data-theme="light"] .jugar-header__icon--green { background: rgba(0, 200, 83, 0.217); border: 1px solid rgba(0, 190, 78, 0.36); color: #008a60; } html[data-theme="light"] .anim-wallet-bar { background: rgba(241, 244, 254, 0.9); } html[data-theme="light"] .anim-wallet-bar__balance { color: var(--srh-gold-ink); } html[data-theme="light"] .anim-toggle__slider { background: rgba(46, 51, 61, 0.21); } html[data-theme="light"] .anim-step__info { color: rgba(38, 66, 94, 0.8); } html[data-theme="light"] .anim-step__cierre { background: rgba(46, 51, 61, 0.074); } html[data-theme="light"] .anim-nav-btn { background: rgba(46, 51, 61, 0.053); color: var(--srh-gold-ink); } html[data-theme="light"] .anim-lot-item { box-shadow: 0 10px 25px rgba(41, 46, 56, 0.204); } html[data-theme="light"] .anim-lot-item.active { border-color: var(--srh-gold-line); background: rgba(239, 243, 253, 0.95); box-shadow: 0 0 30px rgba(255, 199, 0, 0.52), 0 0 60px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .anim-lot-item.active .anim-lot-item__name { color: var(--srh-gold-ink); } html[data-theme="light"] .anim-lot-item.active .anim-lot-item__mult { color: var(--srh-gold-ink); } html[data-theme="light"] .anim-sort-item { box-shadow: 0 8px 20px rgba(41, 46, 56, 0.136); } html[data-theme="light"] .anim-sort-item.active { box-shadow: 0 0 30px rgba(255, 199, 0, 0.52), 0 0 60px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .anim-animal:hover { border-color: rgba(73, 77, 88, 0.35); } html[data-theme="light"] .anim-animal--selected { box-shadow: 0 0 25px rgba(0, 75, 135, 0.56); } html[data-theme="light"] .anim-animal__num { color: var(--srh-gold-ink); } html[data-theme="light"] .anim-monto-row { background: rgba(241, 244, 254, 0.9); } html[data-theme="light"] .anim-action-bar { background: linear-gradient(to top, #eff3fd 90%, transparent); border-top: 2px solid var(--srh-gold-line); box-shadow: 0 -15px 50px rgba(41, 46, 56, 0.24); } html[data-theme="light"] .anim-action-bar .anim-monto-input-wrap { border-color: #e68200; } html[data-theme="light"] .anim-action-bar .anim-monto-simbolo { color: #aa5f00; } html[data-theme="light"] .anim-monto-clear { color: #aa5f00; } html[data-theme="light"] .anim-monto-clear:hover { color: #9d6800; } html[data-theme="light"] .anim-summary__total { color: var(--srh-gold-ink); } html[data-theme="light"] .anim-btn-play { box-shadow: 0 8px 30px rgba(255, 199, 0, 0.36); } html[data-theme="light"] .anim-btn-play:hover:not(:disabled) { box-shadow: 0 0 30px rgba(255, 199, 0, 0.56), 0 0 60px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .anim-btn-suerte { box-shadow: 0 4px 14px rgba(255, 199, 0, 0.32); } html[data-theme="light"] .anim-btn-suerte::after { box-shadow: 0 1px 4px rgba(41, 46, 56, 0.119); } html[data-theme="light"] .anim-btn-suerte:hover { box-shadow: 0 0 22px rgba(255, 199, 0, 0.56); } html[data-theme="light"] .suerte-panel { background: rgba(242, 246, 255, 0.92); } html[data-theme="light"] .suerte-panel__header { background: rgba(239, 243, 253, 0.75); } html[data-theme="light"] .suerte-btn-info { background: rgba(108, 62, 244, 0.217); border: 1px solid #6c3ef4; color: #7b5dc7; } html[data-theme="light"] .suerte-btn-info:hover { background: rgba(108, 62, 244, 0.34); color: #7868aa; } html[data-theme="light"] .suerte-info-modal__backdrop { background: rgba(242, 246, 255, 0.75); } html[data-theme="light"] .suerte-info-modal__box { background: #edf1fb; border: 1px solid rgba(195, 152, 0, 0.3); box-shadow: 0 0 40px rgba(41, 46, 56, 0.238); } html[data-theme="light"] .suerte-info-modal__title { color: var(--srh-gold-ink); } html[data-theme="light"] .suerte-info-modal__note { color: rgba(38, 66, 94, 0.85); } html[data-theme="light"] .suerte-panel__title { color: var(--srh-gold-ink); } html[data-theme="light"] .suerte-mult-btn { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .suerte-mult-btn--active { border-color: var(--srh-gold-line); background: rgba(233, 182, 0, 0.174); color: var(--srh-gold-ink); box-shadow: 0 0 14px rgba(255, 199, 0, 0.24); } html[data-theme="light"] .suerte-slot__viewport { background: linear-gradient(180deg, #f2f6fe 0%, #eef2fc 50%, #f2f6fe 100%); box-shadow: inset 0 0 18px rgba(41, 46, 56, 0.24); } html[data-theme="light"] .suerte-slot__viewport::before { background: linear-gradient(to bottom, rgba(242, 246, 254, 0.97), transparent); } html[data-theme="light"] .suerte-slot__viewport::after { background: linear-gradient(to top, rgba(242, 246, 254, 0.97), transparent); } html[data-theme="light"] .suerte-slot__focus { border-top: 1px solid rgba(195, 152, 0, 0.42); border-bottom: 1px solid rgba(195, 152, 0, 0.42); background: rgba(233, 182, 0, 0.06); } html[data-theme="light"] .suerte-slot__placeholder { background: linear-gradient(180deg, #f2f6fe 0%, #eef2fc 50%, #f2f6fe 100%); color: var(--srh-gold-ink); } html[data-theme="light"] .suerte-slot__viewport.suerte-slot--idle { border-color: var(--srh-gold-line); } html[data-theme="light"] .suerte-slot__item--active .suerte-slot__num { color: var(--srh-gold-ink); } html[data-theme="light"] .suerte-monto-btn { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .suerte-monto-btn--active { border-color: var(--srh-gold-line); background: rgba(233, 182, 0, 0.174); color: var(--srh-gold-ink); box-shadow: 0 0 14px rgba(255, 199, 0, 0.24); } html[data-theme="light"] .suerte-btn-play { box-shadow: 0 6px 20px rgba(255, 199, 0, 0.32); } html[data-theme="light"] .suerte-btn-play:hover:not(:disabled) { box-shadow: 0 0 28px rgba(255, 199, 0, 0.56); } html[data-theme="light"] .suerte-total { background: rgba(233, 182, 0, 0.116); border: 1px solid rgba(195, 152, 0, 0.3); } html[data-theme="light"] .suerte-total__eq { color: var(--srh-gold-ink); } html[data-theme="light"] .anim-ticket-overlay { background: rgba(242, 246, 255, 0.88); } html[data-theme="light"] .anim-ticket { background: radial-gradient(circle at top left, #e8edf7, #f2f6ff 60%); border: 1px solid rgba(0, 190, 78, 0.48); box-shadow: 0 24px 60px rgba(41, 46, 56, 0.238), 0 0 0 1px rgba(0, 200, 83, 0.16); } html[data-theme="light"] .anim-ticket__icon { background: rgba(0, 200, 83, 0.217); border: 2px solid #00bb83; color: #008a60; } html[data-theme="light"] .anim-ticket__title { color: #008a60; } html[data-theme="light"] .anim-ticket__code { color: var(--srh-gold-ink); } html[data-theme="light"] .anim-ticket__bono { color: #008a60; } html[data-theme="light"] .jugada-post-dialog__btn--vivo { box-shadow: 0 4px 12px rgba(190, 18, 60, 0.28); } html[data-theme="light"] .jugada-post-dialog__btn--vivo:hover { box-shadow: 0 6px 16px rgba(190, 18, 60, 0.36); } html[data-theme="light"] .anim-toast { background: rgba(241, 244, 254, 0.97); } html[data-theme="light"] .anim-toast--error { border-color: rgba(229, 57, 53, 0.6); color: #ba4c46; } html[data-theme="light"] .jugar-header__icon--purple { background: rgba(223, 187, 0, 0.145); border: 1px solid rgba(187, 156, 0, 0.36); color: var(--srh-gold-ink); } html[data-theme="light"] .trip-sort-pill { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .trip-sort-pill:hover { border-color: rgba(187, 156, 0, 0.54); background: rgba(223, 187, 0, 0.087); } html[data-theme="light"] .trip-sort-pill.active { border-color: var(--srh-gold-line); background: rgba(223, 187, 0, 0.16); box-shadow: 0 0 14px rgba(255, 214, 0, 0.16); } html[data-theme="light"] .trip-sort-pill.active .trip-sort-pill__hora { color: var(--srh-gold-ink); } html[data-theme="light"] .trip-animal-progress__dot { background: rgba(46, 51, 61, 0.105); border: 1.5px solid rgba(73, 77, 88, 0.175); } html[data-theme="light"] .trip-animal-progress__dot.filled { box-shadow: 0 0 8px rgba(255, 214, 0, 0.4); } html[data-theme="light"] .trip-add-btn { box-shadow: 0 0 18px rgba(255, 214, 0, 0.24); } html[data-theme="light"] .trip-add-btn:not(:disabled):hover { box-shadow: 0 0 26px rgba(255, 214, 0, 0.44); } html[data-theme="light"] .trip-item { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .trip-item:hover { border-color: rgba(187, 156, 0, 0.264); } html[data-theme="light"] .trip-item__monto { color: var(--srh-gold-ink); } html[data-theme="light"] .trip-item__remove { background: rgba(229, 57, 53, 0.174); color: var(--srh-red-ink); } html[data-theme="light"] .trip-item__remove:hover { background: rgba(229, 57, 53, 0.34); } html[data-theme="light"] .trip-sort-item { box-shadow: 0 8px 20px rgba(41, 46, 56, 0.136); } html[data-theme="light"] .trip-sort-item.active { box-shadow: 0 0 30px rgba(255, 214, 0, 0.52), 0 0 60px rgba(255, 214, 0, 0.2); } html[data-theme="light"] .trip-fin-display { background: rgba(124, 77, 255, 0.116); border: 1px solid rgba(124, 77, 255, 0.3); } html[data-theme="light"] .trip-fin-badge { color: var(--srh-gold-ink); background: rgba(223, 187, 0, 0.174); } html[data-theme="light"] .trip-fin-name { color: var(--text-primary, #192430); } html[data-theme="light"] .trip-fin-tag { background: rgba(255, 152, 0, 0.261); color: #a36400; } html[data-theme="light"] .trip-fin-tag--today { background: rgba(76, 175, 80, 0.261); color: #008b59; } html[data-theme="light"] .trip-fin-sub { color: var(--text-secondary, #26425e); } html[data-theme="light"] .trip-fin-auto-tag { background: rgba(124, 77, 255, 0.261); color: #7e66a6; } html[data-theme="light"] .trip-btn-agregar { box-shadow: 0 4px 22px rgba(124, 77, 255, 0.44); } html[data-theme="light"] .trip-monto-hint, html[data-theme="light"] .anim-monto-hint { color: #d4222e; } html[data-theme="light"] .trip-ticket-item { background: rgba(124, 77, 255, 0.102); border: 1px solid rgba(124, 77, 255, 0.24); } html[data-theme="light"] .trip-ticket-item__nombres { color: var(--text-primary, #192430); } html[data-theme="light"] .trip-ticket-item__sorteo { color: var(--text-secondary, #26425e); } html[data-theme="light"] .trip-ticket-item__monto { color: var(--srh-gold-ink); } html[data-theme="light"] .trip-ticket-item__remove { background: rgba(229, 57, 53, 0.261); color: #cd3134; } html[data-theme="light"] .trip-ticket-item__remove:hover { background: rgba(229, 57, 53, 0.34); } html[data-theme="light"] .app-page-header__icon { background: rgba(223, 187, 0, 0.145); border: 1px solid rgba(187, 156, 0, 0.24); color: var(--srh-gold-ink); } html[data-theme="light"] .app-refresh-icon-btn { border: 1px solid rgba(73, 77, 88, 0.175); background: rgba(239, 243, 253, 0.8); } html[data-theme="light"] .app-refresh-icon-btn:hover { color: var(--srh-gold-ink); border-color: rgba(187, 156, 0, 0.48); background: rgba(223, 187, 0, 0.087); } html[data-theme="light"] .animal-modal__backdrop { background: rgba(242, 246, 255, 0.75); } html[data-theme="light"] .animal-modal__card { background: linear-gradient(160deg, #ecf0fa 0%, #f1f4fe 100%); border: 1px solid rgba(187, 156, 0, 0.66); box-shadow: 0 -12px 50px rgba(41, 46, 56, 0.187), 0 -4px 30px rgba(255, 214, 0, 0.144), 0 0 0 1px rgba(255, 214, 0, 0.096), inset 0 1px 0 rgba(255, 214, 0, 0.12); } html[data-theme="light"] .animal-modal__card::after { background: linear-gradient( 160deg, rgba(223, 187, 0, 0.174) 0%, transparent 40%, transparent 60%, rgba(247, 174, 0, 0.116) 100% ); } html[data-theme="light"] .animal-modal__swipe-hint { background: rgba(46, 51, 61, 0.315); } html[data-theme="light"] .animal-modal__close { border: 1px solid rgba(73, 77, 88, 0.175); background: rgba(239, 243, 253, 0.8); } html[data-theme="light"] .animal-modal__close:hover { background: rgba(46, 51, 61, 0.126); } html[data-theme="light"] .animal-modal__numero { color: var(--srh-gold-ink); } html[data-theme="light"] .animal-modal__hora { background: rgba(0, 200, 83, 0.189); color: #008e14; border: 1px solid rgba(67, 187, 70, 0.36); } @media (min-width: 640px) { html[data-theme="light"] .animal-modal__card { box-shadow: 0 24px 60px rgba(41, 46, 56, 0.204), 0 0 40px rgba(255, 214, 0, 0.112), 0 0 0 1px rgba(255, 214, 0, 0.096), inset 0 1px 0 rgba(255, 214, 0, 0.12); } } html[data-theme="light"] .jugadas-filters .filter-label { color: #1b3652; } html[data-theme="light"] .jugadas-filters .filter-date { background: rgba(236, 241, 250, 0.9); color: #1e2936; } html[data-theme="light"] .jugadas-filters .filter-date:focus { border-color: var(--srh-gold-line); } html[data-theme="light"] .jugada-card:hover { border-color: rgba(217, 139, 0, 0.48); } html[data-theme="light"] .jugada-card__code { color: var(--srh-gold-ink); } html[data-theme="light"] .jugada-card__body { background: rgba(241, 245, 252, 0.8); border: 1px solid #d5d9e1; } html[data-theme="light"] .jugada-card__bet-chip { color: #8d7100; } html[data-theme="light"] .jugada-card__bet-chip--tripleta { color: #946e00; } html[data-theme="light"] .jugada-card__bet-chip--triple { color: #008491; } html[data-theme="light"] .jugada-card__monto { color: #111c27; } html[data-theme="light"] .jugada-card__ver-mas { color: var(--srh-gold-ink); } html[data-theme="light"] .jugada-status--pendiente { background: rgba(245, 158, 11, 0.145); color: #8d7100; border: 1px solid rgba(217, 139, 0, 0.6); } html[data-theme="light"] .jugada-status--ganado { background: rgba(16, 185, 129, 0.174); color: #008a63; border: 1px solid rgba(16, 185, 129, 0.6); } html[data-theme="light"] .jugada-status--perdido { background: rgba(46, 51, 61, 0.084); color: #26425e; border: 1px solid rgba(70, 78, 88, 0.14); } html[data-theme="light"] .jugada-card--ganado { border-color: rgba(16, 185, 129, 0.54); box-shadow: 0 0 14px rgba(16, 185, 129, 0.096); } html[data-theme="light"] .jugada-card--ganado:hover { border-color: rgba(16, 185, 129, 0.72); } html[data-theme="light"] .jugada-card--ganado .jugada-card__code--header { color: #008c45; text-shadow: 0 0 8px rgba(0, 230, 118, 0.36); } html[data-theme="light"] .hip-hipo-name { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-hipo-races { color: var(--srh-gold-ink); background: rgba(233, 182, 0, 0.174); } html[data-theme="light"] .hip-carr-num { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-carr-hora { color: var(--text-muted, #26425e); } html[data-theme="light"] .anim-sort-item.hip-carr--muted.active { background: rgba(46, 51, 61, 0.042); border-color: rgba(72, 77, 88, 0.07); } html[data-theme="light"] .anim-sort-item.hip-carr--muted.active .hip-carr-num, html[data-theme="light"] .anim-sort-item.hip-carr--muted.active .hip-carr-hora { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-carr-nd { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-carousel-label { color: var(--text-primary, #16222e); } html[data-theme="light"] .hip-race-pill { background: rgba(233, 182, 0, 0.116); border: 1px solid rgba(195, 152, 0, 0.3); color: var(--srh-gold-ink); } html[data-theme="light"] .hip-tabla-scroll { border: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hip-tabla thead tr { background: rgba(233, 182, 0, 0.087); } html[data-theme="light"] .hip-tabla th { color: var(--srh-gold-ink); border-bottom: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hip-tabla td { border-bottom: 1px solid rgba(72, 77, 88, 0.07); color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-tabla tbody tr:hover td { background: rgba(46, 51, 61, 0.032); } html[data-theme="light"] .hip-tabla-row.hip-row-sel td { background: rgba(233, 182, 0, 0.102); } html[data-theme="light"] .hip-tabla-row.hip-row-sel .hip-nombre-ej { color: var(--srh-gold-ink); } html[data-theme="light"] .hip-nombre-ej { color: var(--text-primary, #16222e); } html[data-theme="light"] .hip-mantil { box-shadow: 0 2px 6px rgba(41, 46, 56, 0.119); } html[data-theme="light"] .hip-badge-ml { background: rgba(221, 237, 255, 0.65); border: 1px solid rgba(0, 150, 255, 0.36); color: #307bae; } html[data-theme="light"] .hip-error { color: #d32425 !important; } html[data-theme="light"] #hip-action-bar { background: #eff3fd; } html[data-theme="light"] .hip-sel-tab { background: rgba(239, 243, 253, 0.97); border-top: 1.8px solid rgba(195, 152, 0, 0.48); border-left: 3.6px solid var(--srh-gold-line); border-right: 3.6px solid var(--srh-gold-line); } html[data-theme="light"] .hip-pill-name { color: var(--srh-gold-ink); } html[data-theme="light"] .hip-tipo-toggle { background: rgba(46, 51, 61, 0.053); border: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hip-tipo-indicator { box-shadow: 0 4px 14px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .hip-tipo-opt { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-tipo-opt:disabled { color: rgba(209, 40, 44, 0.55); } html[data-theme="light"] .hip-modal-overlay { background: rgba(15, 23, 42, 0.6); } html[data-theme="light"] .hip-modal-box { background: var(--bg-card, #ecf0fa); border: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hip-modal-head { border-bottom: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hip-modal-titulo { color: var(--srh-gold-ink); } html[data-theme="light"] .hip-modal-cerrar { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-modal-cerrar:hover { color: #16222e; } html[data-theme="light"] .hip-ticket-wrap { background: rgba(46, 51, 61, 0.032); border: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hip-ticket-row { border-bottom: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hip-ticket-key { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-ticket-val { color: #16222e; } html[data-theme="light"] .hip-ticket-val small { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-ticket-horse { color: var(--srh-gold-ink); } html[data-theme="light"] .hip-ticket-monto { color: #008a60; } html[data-theme="light"] .hip-ticket-divider { background: linear-gradient(to right, transparent, rgba(233, 182, 0, 0.34), transparent); } html[data-theme="light"] .hip-ticket-foot { background: rgba(233, 182, 0, 0.06); border-top: 1px dashed rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hip-ticket-foot span { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-ticket-prox { color: var(--srh-gold-ink) !important; border: 1px solid rgba(195, 152, 0, 0.36); } html[data-theme="light"] .hip-btn-cancelar { background: rgba(46, 51, 61, 0.053); border: 1px solid rgba(72, 77, 88, 0.07); color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-btn-cancelar:hover { border-color: rgba(72, 77, 88, 0.175); color: #16222e; } html[data-theme="light"] .hip-btn-confirmar { box-shadow: 0 6px 18px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .hip-btn-confirmar:hover:not(:disabled) { box-shadow: 0 10px 24px rgba(255, 199, 0, 0.304); } html[data-theme="light"] .hip-cierre-badge { background: rgba(255, 152, 0, 0.174); border: 1px solid rgba(225, 133, 0, 0.42); color: #a76100; } html[data-theme="light"] .hip-cierre-badge--closed { background: rgba(46, 51, 61, 0.126); border-color: rgba(70, 78, 88, 0.238); color: #26425e; } html[data-theme="light"] .hip-cierre-badge--salida { background: rgba(239, 68, 68, 0.232); border-color: rgba(239, 68, 68, 0.72); color: #d3242c; } html[data-theme="light"] .hip-carrera-cerrada-bar { background: rgba(46, 51, 61, 0.095); border: 1px solid rgba(70, 78, 88, 0.182); color: #26425e; } html[data-theme="light"] .hip-carrera-cerrada-bar--salida { background: rgba(46, 51, 61, 0.074); border-color: rgba(70, 78, 88, 0.154); color: #1b3652; } html[data-theme="light"] .hpk-start-chip--salida { border-color: rgba(239, 68, 68, 0.66); background: rgba(239, 68, 68, 0.131); } html[data-theme="light"] .hpk-start-chip--salida .hpk-start-chip__hora { color: #d3242c; } html[data-theme="light"] .jugada-card--pagado .jugada-card__code--header { color: #007eaf; } html[data-theme="light"] .jugada-card--perdido { border-color: rgba(72, 77, 88, 0.14); } html[data-theme="light"] .jugada-card--perdido, html[data-theme="light"] .jugada-card--perdido .jugada-card__code--header, html[data-theme="light"] .jugada-card--perdido .jugada-card__simbolo, html[data-theme="light"] .jugada-card--perdido .jugada-card__monto, html[data-theme="light"] .jugada-card--perdido .jugada-card__moneda, html[data-theme="light"] .jugada-card--perdido .jugada-card__footer, html[data-theme="light"] .jugada-card--perdido .jugada-card__ver-mas, html[data-theme="light"] .jugada-card--perdido .jugada-card__bet-chip, html[data-theme="light"] .jugada-card--perdido .jugada-card__bet-chip--tripleta, html[data-theme="light"] .jugada-card--perdido .jugada-card__bet-chip--triple { color: #26425e !important; } html[data-theme="light"] .jugada-card--perdido .jugada-card__bet-chip, html[data-theme="light"] .jugada-card--perdido .jugada-card__bet-chip--tripleta, html[data-theme="light"] .jugada-card--perdido .jugada-card__bet-chip--triple { background: rgba(46, 51, 61, 0.105) !important; border-color: rgba(72, 77, 88, 0.14) !important; } html[data-theme="light"] .jugada-status--anulado { background: rgba(229, 57, 53, 0.174); color: #cd3134; border: 1px solid rgba(229, 57, 53, 0.42); } html[data-theme="light"] .jugada-status--pagado { background: rgba(41, 182, 246, 0.189); color: #007eaf; border: 1px solid rgba(17, 171, 235, 0.456); } html[data-theme="light"] .jugada-card--anulado { border-color: rgba(72, 77, 88, 0.14); } html[data-theme="light"] .jugada-card--anulado, html[data-theme="light"] .jugada-card--anulado .jugada-card__code--header, html[data-theme="light"] .jugada-card--anulado .jugada-card__simbolo, html[data-theme="light"] .jugada-card--anulado .jugada-card__monto, html[data-theme="light"] .jugada-card--anulado .jugada-card__moneda, html[data-theme="light"] .jugada-card--anulado .jugada-card__footer, html[data-theme="light"] .jugada-card--anulado .jugada-card__ver-mas, html[data-theme="light"] .jugada-card--anulado .jugada-card__bet-chip, html[data-theme="light"] .jugada-card--anulado .jugada-card__bet-chip--tripleta, html[data-theme="light"] .jugada-card--anulado .jugada-card__bet-chip--triple { color: #26425e !important; } html[data-theme="light"] .jugada-card--anulado .jugada-card__bet-chip, html[data-theme="light"] .jugada-card--anulado .jugada-card__bet-chip--tripleta, html[data-theme="light"] .jugada-card--anulado .jugada-card__bet-chip--triple { background: rgba(46, 51, 61, 0.105) !important; border-color: rgba(72, 77, 88, 0.14) !important; } html[data-theme="light"] .jugada-triple-item { background: rgba(0, 188, 212, 0.06); border: 1px solid rgba(0, 178, 201, 0.18); } html[data-theme="light"] .jugada-triple-item__numero { color: #008395; } html[data-theme="light"] .jugada-triple-item__tipo { color: #008395; background: rgba(0, 188, 212, 0.145); border: 1px solid rgba(0, 178, 201, 0.3); } html[data-theme="light"] .jugada-triple-item__signo { background: rgba(46, 51, 61, 0.084); border: 1px solid rgba(73, 77, 88, 0.105); } html[data-theme="light"] .jugada-triple-item--ganado { border-color: rgba(0, 189, 96, 0.54); background: rgba(0, 226, 116, 0.087); box-shadow: 0 0 10px rgba(0, 230, 118, 0.12), 0 0 0 1px rgba(0, 230, 118, 0.2); } html[data-theme="light"] .jugada-triple-item--ganado .jugada-triple-item__numero, html[data-theme="light"] .jugada-triple-item--ganado .jugada-triple-item__monto { color: #008c45; } html[data-theme="light"] .jugada-triple-item--perdido .jugada-triple-item__numero, html[data-theme="light"] .jugada-triple-item--perdido .jugada-triple-item__monto, html[data-theme="light"] .jugada-triple-item--perdido .jugada-triple-item__meta { color: #26425e !important; } html[data-theme="light"] .jugada-detail--anulado .jugada-detail__info-val, html[data-theme="light"] .jugada-detail--anulado .jugada-detail__info-val--monto, html[data-theme="light"] .jugada-detail--anulado .jugada-detail__info-val--code, html[data-theme="light"] .jugada-detail--anulado .jugada-detail__section-title, html[data-theme="light"] .jugada-detail--anulado .jugada-detail__animals-meta, html[data-theme="light"] .jugada-detail--anulado .jugada-detail__animal-num, html[data-theme="light"] .jugada-detail--anulado .jugada-detail__animal-name, html[data-theme="light"] .jugada-detail--anulado .jugada-detail__animal-monto, html[data-theme="light"] .jugada-detail--anulado .jugada-tripleta-item__monto, html[data-theme="light"] .jugada-detail--anulado .jugada-tripleta-animal, html[data-theme="light"] .jugada-detail--anulado .jugada-triple-item__numero, html[data-theme="light"] .jugada-detail--anulado .jugada-triple-item__monto, html[data-theme="light"] .jugada-detail--anulado .jugada-triple-item__meta { color: #26425e !important; } html[data-theme="light"] .jugada-detail--anulado .jugada-detail__info-val--monto small { color: #26425e !important; } html[data-theme="light"] .jugada-detail--pagado .jugada-detail__premio { background: rgba(41, 182, 246, 0.102); border-color: rgba(17, 171, 235, 0.42); } html[data-theme="light"] .jugada-detail--pagado .jugada-detail__premio-label { color: rgba(0, 126, 175, 0.75); } html[data-theme="light"] .jugada-detail--pagado .jugada-detail__premio-mult { color: #007eaf; } html[data-theme="light"] .jugada-detail--pagado .jugada-detail__premio-row--total .jugada-detail__premio-label { color: #007eaf; } html[data-theme="light"] .jugada-detail--pagado .jugada-detail__premio-total { color: #007eaf; } html[data-theme="light"] .jugada-detail--pagado .jugada-detail__premio-total small { color: rgba(0, 126, 175, 0.7); } html[data-theme="light"] .jugada-detail-sheet__icon { background: rgba(245, 158, 11, 0.29); border-color: rgba(217, 139, 0, 0.42); color: var(--srh-gold-ink); } html[data-theme="light"] .jugada-detail__info { background: rgba(236, 241, 250, 0.8); } html[data-theme="light"] .jugada-detail__info-val { color: #111c27; } html[data-theme="light"] .jugada-detail__info-val--code { color: var(--srh-gold-ink); } html[data-theme="light"] .jugada-detail__premio { background: rgba(16, 185, 129, 0.116); border: 1px solid rgba(16, 185, 129, 0.42); } html[data-theme="light"] .jugada-detail__premio-label { color: rgba(0, 138, 99, 0.8); } html[data-theme="light"] .jugada-detail__premio-mult { color: #008a63; } html[data-theme="light"] .jugada-detail__premio-row--total .jugada-detail__premio-label { color: #008a63; } html[data-theme="light"] .jugada-detail__premio-total { color: #008a60; } html[data-theme="light"] .jugada-detail__premio-total small { color: rgba(0, 138, 99, 0.7); } html[data-theme="light"] .jugada-apuesta-item { background: rgba(46, 51, 61, 0.032); border: 1px solid rgba(73, 77, 88, 0.084); } html[data-theme="light"] .jugada-apuesta-item__numero { background: rgba(223, 187, 0, 0.145); border: 1px solid rgba(187, 156, 0, 0.3); color: var(--srh-gold-ink); } html[data-theme="light"] .jugada-tripleta-item { background: rgba(255, 145, 0, 0.06); border: 1px solid rgba(230, 130, 0, 0.18); } html[data-theme="light"] .jugada-tripleta-animal strong { color: #aa5f00; } html[data-theme="light"] .jugada-tripleta-item__sep { color: rgba(38, 66, 94, 0.35); } html[data-theme="light"] .jugada-detail__animal-card { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .jugada-detail__animal-num { color: var(--srh-gold-ink); } html[data-theme="light"] .jugada-detail__animal-card--ganado { border-color: rgba(0, 189, 96, 0.66); background: rgba(0, 226, 116, 0.102); box-shadow: 0 0 10px rgba(0, 230, 118, 0.16), 0 0 0 1px rgba(0, 230, 118, 0.24); } html[data-theme="light"] .jugada-detail__animal-card--ganado .jugada-detail__animal-num { color: #008c45; text-shadow: 0 0 8px rgba(0, 230, 118, 0.48); } html[data-theme="light"] .jugada-detail__animal-card--ganado .jugada-detail__animal-emoji { filter: drop-shadow(0 0 4px rgba(0, 230, 118, 0.4)); } html[data-theme="light"] .jugada-detail__animal-card--ganado .jugada-detail__animal-monto { color: #008c45; } html[data-theme="light"] .jugada-detail__animal-card--perdido { border-color: rgba(72, 77, 88, 0.105); background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .jugada-detail__animal-card--perdido .jugada-detail__animal-num, html[data-theme="light"] .jugada-detail__animal-card--perdido .jugada-detail__animal-name, html[data-theme="light"] .jugada-detail__animal-card--perdido .jugada-detail__animal-monto { color: #26425e !important; } html[data-theme="light"] .jugada-tripleta-item--ganado { border-color: rgba(0, 189, 96, 0.54); background: rgba(0, 226, 116, 0.087); box-shadow: 0 0 10px rgba(0, 230, 118, 0.12), 0 0 0 1px rgba(0, 230, 118, 0.2); } html[data-theme="light"] .jugada-tripleta-item--ganado .jugada-tripleta-item__monto { color: #008c45; } html[data-theme="light"] .jugada-tripleta-item--perdido .jugada-tripleta-animal, html[data-theme="light"] .jugada-tripleta-item--perdido .jugada-tripleta-item__monto, html[data-theme="light"] .jugada-tripleta-item--perdido .jugada-tripleta-item__meta { color: #26425e !important; } html[data-theme="light"] .jugada-detail__btn-cobrar::after { background: linear-gradient( 90deg, transparent 0%, rgba(46, 51, 61, 0.441) 50%, transparent 100% ); } html[data-theme="light"] .cobro-notif-overlay { background: rgba(242, 246, 255, 0.8); } html[data-theme="light"] .cobro-notif--exito .cobro-notif__icon-wrap { background: rgba(0, 226, 116, 0.174); border: 2px solid rgba(0, 189, 96, 0.42); color: #008c45; } html[data-theme="light"] .cobro-notif--error .cobro-notif__icon-wrap { background: rgba(229, 57, 53, 0.174); border: 2px solid rgba(229, 57, 53, 0.42); color: #d32425; } html[data-theme="light"] .cobro-notif__monto { background: rgba(0, 226, 116, 0.116); border: 1px solid rgba(0, 189, 96, 0.3); } html[data-theme="light"] .cobro-notif__monto-val { color: #008c45; } html[data-theme="light"] .cobro-notif__monto-cur { color: #008c45; } html[data-theme="light"] .cobro-coin { filter: drop-shadow(0 2px 4px rgba(41, 46, 56, 0.136)); } html[data-theme="light"] .toggle-group { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .toggle-indicator { box-shadow: 0 4px 14px rgba(255, 214, 0, 0.2); } html[data-theme="light"] .jugada-card__bet-chip--hipica { color: #8d7100; } html[data-theme="light"] .jugada-card--hipica.jugada-card--ganado .jugada-card__code--header { color: #008c45; } html[data-theme="light"] .hip-detail-horse { background: rgba(241, 245, 252, 0.8); } html[data-theme="light"] .hip-detail-horse__nombre { color: #111c27; } html[data-theme="light"] .hip-detail-horse__posicion { color: #008a63; } html[data-theme="light"] .hip-detail__posicion-val { color: #008a63; } html[data-theme="light"] .hip-detail-horse__tipo { background: rgba(245, 158, 11, 0.217); color: #8d7100; border: 1px solid rgba(217, 139, 0, 0.42); } html[data-theme="light"] .hip-detail-horse--ganado { border-color: rgba(16, 185, 129, 0.54); background: rgba(16, 185, 129, 0.102); } html[data-theme="light"] .hip-detail-horse--ganado .hip-detail-horse__nombre { color: #008a63; } html[data-theme="light"] .hip-detail-horse--ganado .hip-detail-horse__num { color: #008a63; } html[data-theme="light"] .hip-detail__premio-val { color: #008a60; } html[data-theme="light"] .jugada-detail--hipica.jugada-detail--pagado .jugada-detail__premio { background: rgba(46, 51, 61, 0.063); border-color: rgba(70, 78, 88, 0.14); } html[data-theme="light"] .jugada-detail--hipica.jugada-detail--pagado .jugada-detail__premio-total small { color: rgba(38, 66, 94, 0.75); } html[data-theme="light"] .hip-detail__calculo-val { color: #1b3652; } html[data-theme="light"] .hip-detail__calculo-val--accent { color: var(--srh-gold-ink); } html[data-theme="light"] .hip-detail__calculo-row--cap .jugada-detail__premio-label, html[data-theme="light"] .hip-detail__calculo-row--cap .hip-detail__calculo-val { color: #946e00; } html[data-theme="light"] .nav-badge { box-shadow: 0 1px 4px rgba(41, 46, 56, 0.119); } html[data-theme="light"] .tlv-ganadora-toast { background: #eaedf7; border: 1px solid rgba(76, 175, 80, 0.54); border-left: 4px solid #4caf50; box-shadow: 0 8px 32px rgba(41, 46, 56, 0.153); } html[data-theme="light"] .tlv-ganadora-toast__titulo { color: #182430; } html[data-theme="light"] .tlv-ganadora-toast__monto { color: #008b59; } html[data-theme="light"] .tlv-ganadora-toast__close:hover { color: #111c27; background: rgba(46, 51, 61, 0.084); } html[data-theme="light"] .reset-invalid-state__icon { background: rgba(229, 57, 53, 0.174); color: var(--srh-red-ink); } html[data-theme="light"] .terminos-modal__backdrop { background: rgba(242, 246, 255, 0.85); } html[data-theme="light"] .terminos-modal__panel { box-shadow: 0 24px 64px rgba(41, 46, 56, 0.204); } html[data-theme="light"] .terminos-modal__close { background: rgba(46, 51, 61, 0.105); } html[data-theme="light"] .terminos-modal__close:hover { background: rgba(46, 51, 61, 0.21); } html[data-theme="light"] .pwa-install__icon { box-shadow: 0 4px 24px rgba(41, 46, 56, 0.136); } html[data-theme="light"] .btn--install { box-shadow: 0 8px 32px rgba(255, 214, 0, 0.28); } html[data-theme="light"] .btn--install:hover { box-shadow: 0 14px 42px rgba(255, 214, 0, 0.4); } html[data-theme="light"] .pwa-install__success { color: #008c3d; } html[data-theme="light"] .coming-soon-wrap { background: radial-gradient(circle at 50% 0%, rgba(233, 182, 0, 0.102), transparent 55%), var(--srh-dark); } html[data-theme="light"] .coming-soon__watermark { color: var(--srh-gold-ink); } html[data-theme="light"] .coming-soon__logo { filter: drop-shadow(0 6px 20px rgba(255, 199, 0, 0.176)); } html[data-theme="light"] .coming-soon__badge { background: rgba(233, 182, 0, 0.145); border: 1px solid rgba(195, 152, 0, 0.36); box-shadow: 0 0 12px rgba(255, 199, 0, 0.12); color: var(--srh-gold-ink); } html[data-theme="light"] .coming-soon__title span { color: var(--srh-gold-ink); } html[data-theme="light"] .coming-soon__social-label { color: #26425e; } html[data-theme="light"] .coming-soon__social-btn { background: rgba(46, 51, 61, 0.032); color: #1b3652; } html[data-theme="light"] .coming-soon__social-btn:hover { background: rgba(233, 182, 0, 0.116); border-color: rgba(195, 152, 0, 0.42); color: var(--srh-gold-ink); } html[data-theme="light"] .coming-soon__footer-note { color: #26425e; } html[data-theme="light"] .info-modal-overlay { background: rgba(15, 23, 42, 0.6); } html[data-theme="light"] .info-modal__close { background: rgba(15, 23, 42, 0.585); border: 1px solid rgba(72, 77, 88, 0.175); color: #111c27; } html[data-theme="light"] .info-modal__close:hover { background: rgba(253, 253, 253, 0.9); } html[data-theme="light"] .rh-hero { background: linear-gradient(135deg, rgba(233, 238, 247, 0.95) 0%, rgba(230, 235, 245, 0.85) 100%); border: 1px solid rgba(195, 152, 0, 0.3); box-shadow: 0 8px 30px rgba(41, 46, 56, 0.17); } html[data-theme="light"] .rh-hero__watermark { color: var(--srh-gold-ink); } html[data-theme="light"] .rh-hero__icon { box-shadow: 0 0 12px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .rh-hero__title { color: #111c27; } html[data-theme="light"] .rh-hero__sub { color: #8d7100; } html[data-theme="light"] .rh-refresh { color: var(--srh-gold-ink); background: rgba(230, 235, 245, 0.8); border: 1px solid #d4dae1; } html[data-theme="light"] .rh-refresh:hover { background: rgba(222, 228, 237, 0.8); } html[data-theme="light"] .rh-hero__toolbar { border-top: 1px solid rgba(70, 78, 88, 0.35); } html[data-theme="light"] .rh-input { background: rgba(236, 241, 250, 0.9); border: 1px solid #d4dae1; color: #111c27; } html[data-theme="light"] .rh-input:focus { border-color: var(--srh-gold-line); } html[data-theme="light"] .rh-input::placeholder { color: #26425e; } html[data-theme="light"] .rh-summary { background: rgba(16, 185, 129, 0.145); border: 1px solid rgba(16, 185, 129, 0.36); } html[data-theme="light"] .rh-summary__left { color: #008a63; } html[data-theme="light"] .hip-res-hipo__header { background: rgba(236, 241, 250, 0.5); } html[data-theme="light"] .hip-res-hipo__header:hover { background: rgba(230, 235, 245, 0.7); } html[data-theme="light"] .hip-res-hipo__abr { color: var(--srh-gold-ink); background: rgba(245, 158, 11, 0.261); border: 1px solid rgba(217, 139, 0, 0.48); } html[data-theme="light"] .hip-res-hipo__nombre { color: #111c27; } html[data-theme="light"] .hip-res-hipo__count { color: #946e00; background: #e6ebf5; border: 1px solid #d4dae1; } html[data-theme="light"] .hip-res-carreras { border-top: 1px solid rgba(213, 217, 225, 0.8); background: rgba(242, 245, 251, 0.4); } html[data-theme="light"] .hip-res-chevron { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-res-carrera { background: rgba(236, 241, 250, 0.9); } html[data-theme="light"] .hip-res-carrera__num { color: var(--srh-gold-ink); } html[data-theme="light"] .hip-res-pos { background: rgba(232, 237, 245, 0.4); } html[data-theme="light"] .hip-res-pos--1 { background: linear-gradient(90deg, rgba(245, 158, 11, 0.217), rgba(230, 235, 245, 0.5) 60%); border-color: rgba(217, 139, 0, 0.48); } html[data-theme="light"] .hip-res-pos--2 { background: rgba(227, 232, 240, 0.4); border-color: rgba(70, 78, 88, 0.175); } html[data-theme="light"] .hip-res-pos--3 { background: rgba(232, 237, 245, 0.35); border-color: rgba(180, 110, 50, 0.36); } html[data-theme="light"] .hip-res-pos__medal { background: rgba(46, 51, 61, 0.063); } html[data-theme="light"] .hip-res-pos__horse { color: #111c27; } html[data-theme="light"] .hip-res-pos--1 .hip-res-pos__horse { color: #8d7100; } html[data-theme="light"] .hip-res-div--win { background: rgba(245, 158, 11, 0.29); border: 1px solid rgba(217, 139, 0, 0.36); } html[data-theme="light"] .hip-res-div--place, html[data-theme="light"] .hip-res-div--show { background: #e6ebf5; border: 1px solid #d4dae1; } html[data-theme="light"] .hip-res-div--win .hip-res-div__label { color: #8d7100; } html[data-theme="light"] .hip-res-div__val { color: #111c27; } html[data-theme="light"] .hip-res-div-none { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-res-empty-state { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-res-empty { color: var(--text-muted, #26425e); } html[data-theme="light"] .hip-res-exoticos { background: rgba(241, 245, 252, 0.6); border: 1px solid rgba(168, 85, 247, 0.3); } html[data-theme="light"] .hip-res-exoticos__title { color: #7868aa; } html[data-theme="light"] .hip-res-exoticos__title svg { color: #946e00; } html[data-theme="light"] .hip-res-exot-tipo { color: #8562a6; } html[data-theme="light"] .hip-res-exot-combo { color: #1b3652; } html[data-theme="light"] .hip-res-exot-val { color: var(--srh-gold-ink); } html[data-theme="light"] .hex-tipo-toggle { background: rgba(46, 51, 61, 0.053); border: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hex-tipo-indicator { box-shadow: 0 4px 14px rgba(255, 199, 0, 0.176); } html[data-theme="light"] .hex-tipo-opt { color: var(--text-muted, #26425e); } html[data-theme="light"] .hex-tipo-opt:disabled { color: rgba(209, 40, 44, 0.45); } html[data-theme="light"] .hex-modo-seg { background: rgba(46, 51, 61, 0.053); border: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hex-modo-seg__pill { box-shadow: 0 2px 8px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .hex-modo-seg__opt { color: var(--text-muted, #26425e); } html[data-theme="light"] .hex-modo-desc { color: var(--text-muted, #26425e); } html[data-theme="light"] .hex-pos-slot { border: 1.5px dashed rgba(72, 77, 88, 0.126); background: rgba(46, 51, 61, 0.032); } html[data-theme="light"] .hex-pos-slot--active { border-color: #c39800; background: rgba(233, 182, 0, 0.102); } html[data-theme="light"] .hex-pos-slot--filled { border-color: rgba(72, 77, 88, 0.154); background: rgba(46, 51, 61, 0.053); } html[data-theme="light"] .hex-pos-slot--active.hex-pos-slot--filled { border-color: #c39800; background: rgba(233, 182, 0, 0.145); } html[data-theme="light"] .hex-pos-num { color: #916f00; } html[data-theme="light"] .hex-pos-horse { color: var(--text-primary, #16222e); } html[data-theme="light"] .hex-pos-empty { color: var(--text-muted, #26425e); } html[data-theme="light"] .hex-box-summary { background: rgba(46, 51, 61, 0.042); border: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hex-box-count { color: var(--text-muted, #26425e); } html[data-theme="light"] .hex-box-combos { color: #916f00; } html[data-theme="light"] .hex-checkbox { border: 1.5px solid rgba(72, 77, 88, 0.14); background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .hex-row-box-sel td { background: rgba(233, 182, 0, 0.087); } html[data-theme="light"] .hex-row-box-sel .hip-nombre-ej { color: var(--srh-gold-ink); } html[data-theme="light"] .hex-row-dir-sel td { background: rgba(233, 182, 0, 0.102); } html[data-theme="light"] .hex-row-dir-sel .hip-nombre-ej { color: var(--srh-gold-ink); } html[data-theme="light"] .hex-total-costo { color: #aa5f00; } html[data-theme="light"] .hex-badge-modo { background: rgba(233, 182, 0, 0.174); color: #916f00; border: 1px solid rgba(195, 152, 0, 0.36); } html[data-theme="light"] .hex-sin-exoticas-msg { background: rgba(255, 152, 0, 0.116); border: 1px solid rgba(225, 133, 0, 0.3); color: #aa5f00; } html[data-theme="light"] .res-hipicos-shortcut { background: rgba(233, 182, 0, 0.072); border: 1px solid rgba(195, 152, 0, 0.24); } html[data-theme="light"] .res-hipicos-shortcut:hover, html[data-theme="light"] .res-hipicos-shortcut:active { background: rgba(233, 182, 0, 0.145); border-color: rgba(195, 152, 0, 0.48); } html[data-theme="light"] .res-hipicos-shortcut__icon { background: rgba(233, 182, 0, 0.174); border: 1px solid rgba(195, 152, 0, 0.3); color: var(--srh-gold-ink); } html[data-theme="light"] .res-hipicos-shortcut__title { color: var(--srh-gold-ink); } html[data-theme="light"] .res-hipicos-shortcut__sub { color: var(--text-muted, #26425e); } html[data-theme="light"] .jugada-detail__btn-anular { color: #d32425; background: rgba(229, 57, 53, 0.116); border: 1px solid rgba(229, 57, 53, 0.336); } html[data-theme="light"] .jugada-detail__btn-anular:hover { background: rgba(229, 57, 53, 0.232); border-color: rgba(229, 57, 53, 0.6); } html[data-theme="light"] .anular-confirm__icon-wrap { background: rgba(255, 152, 0, 0.174); border: 2px solid rgba(225, 133, 0, 0.42); color: #a76100; } html[data-theme="light"] .anular-notif__devolucion { background: rgba(33, 150, 243, 0.116); border-color: rgba(33, 150, 243, 0.3); } html[data-theme="light"] .anular-notif__devolucion .cobro-notif__monto-val { color: #0079c5; } html[data-theme="light"] .anular-notif__devolucion .cobro-notif__monto-cur { color: #0079c5; } html[data-theme="light"] .inicio-stream-btn { background: rgba(229, 57, 53, 0.116); border: 1px solid rgba(229, 57, 53, 0.42); color: #cd3134; } html[data-theme="light"] .inicio-stream-btn:hover { background: rgba(229, 57, 53, 0.203); border-color: rgba(229, 57, 53, 0.72); box-shadow: 0 8px 24px rgba(229, 57, 53, 0.144); } html[data-theme="light"] .tripl-toggle-group { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .tripl-toggle-indicator { box-shadow: 0 4px 15px rgba(255, 214, 0, 0.24); } html[data-theme="light"] .tripl-play-zone { background: rgba(240, 243, 252, 0.4); } html[data-theme="light"] .tripl-slot-focus-bar { border-top: 2px solid rgba(187, 156, 0, 0.42); border-bottom: 2px solid rgba(187, 156, 0, 0.42); background: linear-gradient(90deg, rgba(223, 187, 0, 0.072) 0%, transparent 50%, rgba(223, 187, 0, 0.072) 100%); } html[data-theme="light"] .tripl-dial-viewport { background: linear-gradient(180deg, #f2f6fe 0%, #eef2fc 50%, #f2f6fe 100%); box-shadow: inset 0 0 20px rgba(41, 46, 56, 0.24); } html[data-theme="light"] .tripl-dial-viewport::before { background: linear-gradient(to bottom, rgba(245, 249, 255, 0.95), transparent); } html[data-theme="light"] .tripl-dial-viewport::after { background: linear-gradient(to top, rgba(245, 249, 255, 0.95), transparent); } html[data-theme="light"] .tripl-dial-item.active .tripl-dial-item-content { color: var(--srh-gold-ink); text-shadow: 0 0 16px rgba(255, 214, 0, 0.44); } html[data-theme="light"] .tripl-dial-btn { background: rgba(239, 243, 253, 0.6); } html[data-theme="light"] .tripl-dial-btn:hover { border-color: var(--srh-gold-line); color: var(--srh-gold-ink); background: rgba(223, 187, 0, 0.145); } html[data-theme="light"] .tripl-dial-shield { background: linear-gradient(135deg, #eff3fd 0%, #f5f9ff 100%); border: 2px solid rgba(73, 77, 88, 0.245); } html[data-theme="light"] .tripl-zodiac-viewport { background: linear-gradient(180deg, #f2f6fe 0%, #eef2fc 50%, #f2f6fe 100%); box-shadow: inset 0 0 20px rgba(41, 46, 56, 0.24); } html[data-theme="light"] .tripl-zodiac-viewport::before { background: linear-gradient(to bottom, rgba(245, 249, 255, 0.95), transparent); } html[data-theme="light"] .tripl-zodiac-viewport::after { background: linear-gradient(to top, rgba(245, 249, 255, 0.95), transparent); } html[data-theme="light"] .tripl-zodiac-focus-line { border-top: 1px solid rgba(187, 156, 0, 0.36); border-bottom: 1px solid rgba(187, 156, 0, 0.36); background: rgba(223, 187, 0, 0.06); } html[data-theme="light"] .tripl-zodiac-item.active .tripl-zodiac-item-content { color: var(--srh-gold-ink); text-shadow: 0 0 12px rgba(255, 214, 0, 0.36); } html[data-theme="light"] .tripl-zodiac-btn { background: rgba(239, 243, 253, 0.6); } html[data-theme="light"] .tripl-zodiac-btn:hover { border-color: var(--srh-gold-line); color: var(--srh-gold-ink); background: rgba(223, 187, 0, 0.145); } html[data-theme="light"] .tripl-bet-row--serie .anim-monto-input { color: var(--srh-gold-ink); } html[data-theme="light"] .tripl-btn-add { border: 2px solid var(--srh-gold-line); color: var(--srh-gold-ink); } html[data-theme="light"] .tripl-btn-add:hover:not(:disabled) { box-shadow: 0 0 18px rgba(255, 214, 0, 0.24); } html[data-theme="light"] .tripl-btn-perm { border: 2px solid #47a5f1; color: #0779c2; } html[data-theme="light"] .tripl-btn-perm:hover:not(:disabled) { box-shadow: 0 0 18px rgba(77, 171, 247, 0.24); } html[data-theme="light"] .tripl-btn-clear { border: 1.5px solid rgba(239, 68, 68, 0.66); color: rgba(211, 36, 44, 0.85); } html[data-theme="light"] .tripl-btn-clear:hover:not(:disabled) { background: rgba(239, 68, 68, 0.217); border-color: #ef4444; color: #d3242c; } html[data-theme="light"] .tripl-btn-serie { border: 2px solid #e68200; color: #aa5f00; } html[data-theme="light"] .tripl-btn-serie:hover:not(:disabled) { box-shadow: 0 0 18px rgba(255, 145, 0, 0.24); } html[data-theme="light"] .tripl-serie-hint { color: #aa5f00; } html[data-theme="light"] .tripl-dial-wrapper--serie-pick .tripl-dial-viewport { border: 2px solid #e68200; } html[data-theme="light"] .tripl-zodiac-vertical--serie-pick .tripl-zodiac-viewport { border: 2px solid #e68200; } html[data-theme="light"] .tripl-ticket-item { background: rgba(46, 51, 61, 0.03); } html[data-theme="light"] .tripl-ticket-amount { color: var(--srh-gold-ink); } html[data-theme="light"] .tripl-ticket-delete { color: var(--srh-red-ink); } html[data-theme="light"] .tripl-modal-grupo .hip-ticket-key { color: var(--srh-gold-ink); } html[data-theme="light"] .tripl-modal-grupo .hip-ticket-val { color: var(--text-muted, #26425e); } html[data-theme="light"] .tripl-modal-num { color: #16222e; } html[data-theme="light"] .tripl-modal-tipo { color: var(--text-muted, #26425e); } html[data-theme="light"] .tripl-modal-badge { background: rgba(244, 248, 255, 0.35); } html[data-theme="light"] .tripl-btn-serie-cancel { box-shadow: 0 6px 24px rgba(255, 145, 0, 0.28); } html[data-theme="light"] .tripl-btn-serie-cancel:hover { box-shadow: 0 0 28px rgba(255, 145, 0, 0.48); } html[data-theme="light"] .tripl-serie-overlay { background: rgba(245, 249, 255, 0.82); } html[data-theme="light"] .triple-card__badge { background: rgba(46, 51, 61, 0.21); color: #111c27; } html[data-theme="light"] .triple-table thead tr { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .triple-table tbody tr:hover { background: rgba(46, 51, 61, 0.03); } html[data-theme="light"] .triple-hora { background: rgba(0, 200, 83, 0.203); color: #008e14; border: 1px solid rgba(67, 187, 70, 0.42); } html[data-theme="light"] .triple-num-a { color: #247ab7; } html[data-theme="light"] .triple-num-b { color: #428647; } html[data-theme="light"] .triple-num-c { color: #9e6800; } html[data-theme="light"] .triple-dash { color: rgba(38, 66, 94, 0.3); } html[data-theme="light"] .triple-signo { background: rgba(203, 179, 218, 0.22); color: #935c9d; border: 1px solid rgba(123, 31, 162, 0.456); } html[data-theme="light"] .triple-error-msg { color: #a85a5c; background: rgba(229, 57, 53, 0.145); border: 1px solid rgba(229, 57, 53, 0.336); } html[data-theme="light"] .jugar-header__icon--pick { background: rgba(0, 188, 212, 0.174); border: 1px solid rgba(0, 178, 201, 0.384); color: #008395; } html[data-theme="light"] .hpk-pick-btn { border: 1px solid rgba(72, 77, 88, 0.07); background: rgba(46, 51, 61, 0.042); color: var(--text-muted, #26425e); } html[data-theme="light"] .hpk-pick-btn--active { box-shadow: 0 4px 14px rgba(255, 199, 0, 0.224); } html[data-theme="light"] .hpk-start-chip { border: 1px solid rgba(72, 77, 88, 0.084); background: rgba(46, 51, 61, 0.042); color: var(--text-muted, #26425e); } html[data-theme="light"] .hpk-start-chip__num { color: var(--text-main, #15202c); } html[data-theme="light"] .hpk-start-chip__hora { color: var(--text-muted, #26425e); } html[data-theme="light"] .hpk-start-chip--active { background: rgba(233, 182, 0, 0.145); border-color: #c39800; box-shadow: 0 0 10px rgba(255, 199, 0, 0.144); } html[data-theme="light"] .hpk-start-chip--active .hpk-start-chip__num { color: #916f00; } html[data-theme="light"] .hpk-leg-tab { border: 1px solid rgba(72, 77, 88, 0.07); background: rgba(46, 51, 61, 0.042); color: var(--text-muted, #26425e); } html[data-theme="light"] .hpk-leg-tab__carr { color: var(--text-main, #15202c); } html[data-theme="light"] .hpk-leg-tab--active { background: rgba(168, 193, 220, 0.28); border-color: #004b87; box-shadow: 0 0 10px rgba(0, 75, 135, 0.2); } html[data-theme="light"] .hpk-leg-tab--active .hpk-leg-tab__carr { color: #007fab; } html[data-theme="light"] .hpk-leg-tab--done { background: rgba(0, 166, 81, 0.145); border-color: rgba(0, 166, 81, 0.54); } html[data-theme="light"] .hpk-leg-tab--done .hpk-leg-tab__carr { color: #008a60; } html[data-theme="light"] .hpk-leg-pill { background: rgba(168, 193, 220, 0.16); border: 1px solid rgba(0, 75, 135, 0.384); color: #007fab; } html[data-theme="light"] .hpk-checkbox { border: 2px solid rgba(73, 77, 88, 0.245); } html[data-theme="light"] .hpk-row-sel td { background: rgba(233, 182, 0, 0.087); } html[data-theme="light"] .hpk-row-sel .hip-nombre-ej { color: var(--srh-gold-ink); } html[data-theme="light"] .hpk-leg-slot { background: rgba(46, 51, 61, 0.053); border: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hpk-leg-slot__label { color: var(--text-muted, #26425e); } html[data-theme="light"] .hpk-leg-slot--done { border-color: rgba(0, 166, 81, 0.48); background: rgba(0, 166, 81, 0.087); } html[data-theme="light"] .hpk-info-text { color: var(--text-muted, #26425e); } html[data-theme="light"] .hpk-tipo-toggle { background: rgba(46, 51, 61, 0.053); border: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .hpk-tipo-indicator { box-shadow: 0 4px 14px rgba(255, 199, 0, 0.176); } html[data-theme="light"] .hpk-tipo-opt { color: var(--text-muted, #26425e); } html[data-theme="light"] .hpk-tipo-opt:disabled { color: rgba(209, 40, 44, 0.4); } html[data-theme="light"] .hpk-start-chip--leg { background: rgba(168, 193, 220, 0.2); border-color: rgba(0, 178, 201, 0.54); } html[data-theme="light"] .hpk-start-chip--leg .hpk-start-chip__num { color: #007fab; } html[data-theme="light"] .jugada-card__bet-chip--exotica { color: #8e52c5; background: rgba(124, 58, 237, 0.174); border: 1px solid rgba(124, 58, 237, 0.42); } html[data-theme="light"] .jugada-card__bet-chip--pick { color: #008395; background: rgba(0, 188, 212, 0.174); border: 1px solid rgba(0, 178, 201, 0.42); } html[data-theme="light"] .jugada-card--exotica { border-left: 2px solid rgba(124, 58, 237, 0.54); } html[data-theme="light"] .jugada-card--pick { border-left: 2px solid rgba(0, 178, 201, 0.54); } html[data-theme="light"] .hex-detail-combos { background: rgba(46, 51, 61, 0.053); border: 1px solid rgba(73, 77, 88, 0.07); } html[data-theme="light"] .hex-detail-pos__horse { background: rgba(46, 51, 61, 0.063); border: 1px solid rgba(73, 77, 88, 0.084); } html[data-theme="light"] .hex-detail-box-meta { background: rgba(124, 58, 237, 0.087); } html[data-theme="light"] .hex-detail-box-horse { background: rgba(46, 51, 61, 0.053); border: 1px solid rgba(73, 77, 88, 0.07); } html[data-theme="light"] .hex-detail-leg { border: 1px solid rgba(0, 178, 201, 0.24); } html[data-theme="light"] .hex-detail-leg__header { background: rgba(0, 188, 212, 0.102); border-bottom: 1px solid rgba(0, 178, 201, 0.18); } html[data-theme="light"] .hex-detail-leg__num { color: #008395; } html[data-theme="light"] .hex-detail-leg-horse { border-top: 1px solid rgba(73, 77, 88, 0.07); } html[data-theme="light"] .jugadas-section-sep::before, html[data-theme="light"] .jugadas-section-sep::after { background: rgba(46, 51, 61, 0.126); } html[data-theme="light"] .app-header { background: rgba(236, 241, 250, 0.82); border-bottom: 1px solid rgba(213, 217, 225, 0.9); } html[data-theme="light"] .app-brand__logo { color: var(--srh-gold-ink); box-shadow: 0 0 0 1px rgba(255, 199, 0, 0.44), 0 0 12px rgba(255, 199, 0, 0.16); } html[data-theme="light"] .app-header__name { color: #111c27; } html[data-theme="light"] .app-brand__accent { color: var(--srh-gold-ink); } html[data-theme="light"] .app-header__balance { color: #111c27; } html[data-theme="light"] .app-header__balance:hover { background: #e6ebf5; border-color: rgba(195, 152, 0, 0.48); } html[data-theme="light"] .app-header__balance-icon { color: var(--srh-gold-ink); } html[data-theme="light"] .app-header__balance-bono-icon { color: #946e00; } html[data-theme="light"] .app-header__balance-bono-dot { background: rgba(233, 182, 0, 0.34); } html[data-theme="light"] .app-header__balance-sep span:last-child { color: #946e00; } html[data-theme="light"] .app-avatar { box-shadow: 0 0 10px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .app-header__nav-item--cta { color: var(--srh-gold-ink); background: rgba(233, 182, 0, 0.116); } html[data-theme="light"] .app-bottom-nav { background: rgba(236, 241, 250, 0.9); border-top: 1px solid rgba(213, 217, 225, 0.9); } html[data-theme="light"] .app-bottom-nav__item:hover, html[data-theme="light"] .app-bottom-nav__item--active { color: var(--srh-gold-ink); } html[data-theme="light"] .app-bottom-nav__item--cta { color: var(--srh-gold-ink); } html[data-theme="light"] .app-bottom-nav__cta-circle { box-shadow: 0 0 20px rgba(255, 199, 0, 0.32); } html[data-theme="light"] .hero-card { background: linear-gradient(135deg, rgba(233, 238, 247, 0.95) 0%, rgba(230, 235, 245, 0.85) 100%); border: 1px solid rgba(195, 152, 0, 0.3); box-shadow: 0 8px 30px rgba(41, 46, 56, 0.17); } html[data-theme="light"] .hero-card__watermark { color: var(--srh-gold-ink); } html[data-theme="light"] .hero-avatar { color: var(--srh-gold-ink); box-shadow: 0 0 0 2px var(--srh-gold), 0 0 12px rgba(255, 199, 0, 0.16); } html[data-theme="light"] .hero-card__name { color: #111c27; } html[data-theme="light"] .hero-badge { color: #008a63; background: rgba(16, 185, 129, 0.217); border: 1px solid rgba(16, 185, 129, 0.36); } html[data-theme="light"] .hero-code { color: #8d7100; background: rgba(230, 235, 245, 0.8); border: 1px solid #d4dae1; } html[data-theme="light"] .hero-code:hover { background: rgba(222, 228, 237, 0.8); } html[data-theme="light"] .accion-card { box-shadow: 0 4px 14px rgba(41, 46, 56, 0.102); } html[data-theme="light"] .accion-card:hover { border-color: #d4dae1; } html[data-theme="light"] .accion-card--gold { background: linear-gradient(135deg, var(--srh-card), #ecf1fa 55%, rgba(244, 234, 230, 0.4)); border-color: rgba(217, 139, 0, 0.36); } html[data-theme="light"] .accion-card--gold:hover { border-color: var(--srh-gold-line); } html[data-theme="light"] .accion-card--purple { background: linear-gradient(135deg, var(--srh-card), #ecf1fa 55%, rgba(197, 181, 221, 0.3)); border-color: rgba(168, 85, 247, 0.36); } html[data-theme="light"] .accion-card--purple:hover { border-color: #b97df5; } html[data-theme="light"] .accion-card--green { background: linear-gradient(135deg, var(--srh-card), #ecf1fa 55%, rgba(230, 240, 237, 0.35)); border-color: rgba(16, 185, 129, 0.36); } html[data-theme="light"] .accion-card--green:hover { border-color: #00bb83; } html[data-theme="light"] .accion-card__icon--gold { box-shadow: 0 0 12px rgba(255, 199, 0, 0.16); } html[data-theme="light"] .accion-card__icon--muted { background: #e6ebf5; border: 1px solid #d4dae1; color: var(--srh-gold-ink); } html[data-theme="light"] .accion-card__tag--gold { color: #8d7100; background: rgba(245, 158, 11, 0.29); border: 1px solid rgba(217, 139, 0, 0.48); } html[data-theme="light"] .accion-card__tag--purple { color: #8562a6; background: rgba(168, 85, 247, 0.29); border: 1px solid rgba(168, 85, 247, 0.48); } html[data-theme="light"] .accion-card__tag--green { color: #008a63; background: rgba(16, 185, 129, 0.29); border: 1px solid rgba(16, 185, 129, 0.48); } html[data-theme="light"] .accion-card__title { color: #111c27; } html[data-theme="light"] .stream-banner { background: linear-gradient(90deg, #ffe4e1, #ecf1fa 60%, #ecf1fa); border: 1px solid rgba(239, 68, 68, 0.36); box-shadow: 0 0 15px rgba(239, 68, 68, 0.12); } html[data-theme="light"] .stream-banner__ring { background: rgba(239, 68, 68, 0.34); } html[data-theme="light"] .stream-banner__title { color: #111c27; } html[data-theme="light"] .stream-banner__sub { color: #1b3652; } html[data-theme="light"] .stream-banner__cta { box-shadow: 0 4px 12px rgba(190, 18, 60, 0.28); } html[data-theme="light"] .stream-banner__chip { color: #18324e; background: rgba(46, 51, 61, 0.063); border: 1px solid rgba(239, 68, 68, 0.336); } html[data-theme="light"] .stream-banner__chip-dot { box-shadow: 0 0 5px rgba(255, 199, 0, 0.4); } html[data-theme="light"] .lobby__title { color: #111c27; } html[data-theme="light"] .lobby__tab { background: #e6ebf5; } html[data-theme="light"] .lobby__tab:hover { color: #111c27; } html[data-theme="light"] .lobby__link { color: var(--srh-gold-ink); } html[data-theme="light"] .inicio-resultados__viewport { border-color: rgba(195, 152, 0, 0.48); } html[data-theme="light"] .inicio-res-card__loteria { color: var(--srh-gold-ink); } html[data-theme="light"] .inicio-res-card__num { color: #111c27; } html[data-theme="light"] .inicio-res-card__wps { border-top: 1px solid rgba(195, 152, 0, 0.12); } html[data-theme="light"] .res-wps { color: var(--srh-gold-ink); } html[data-theme="light"] .resultado-card__winner { color: #111c27; } html[data-theme="light"] .proxima-card--link.proxima-card--now { background: linear-gradient(135deg, rgba(255, 228, 225, 0.72), rgba(255, 228, 225, 0.82)); border-color: #ef4444; box-shadow: 0 0 18px rgba(239, 68, 68, 0.336); } html[data-theme="light"] .proxima-card--link.proxima-card--now .proxima-card__badge { background: rgba(220, 38, 38, 0.34); border-color: rgba(244, 110, 110, 0.864); } html[data-theme="light"] .proxima-card--link.proxima-card--now .proxima-card__abrev, html[data-theme="light"] .proxima-card--link.proxima-card--now .proxima-card__min--now, html[data-theme="light"] .proxima-card--link.proxima-card--now .proxima-card__min--salida { color: #111c27; } html[data-theme="light"] .proxima-card--link.proxima-card--cerrada { background: rgba(230, 235, 245, 0.55); border-color: rgba(70, 78, 88, 0.196); } html[data-theme="light"] .proxima-card__min--salida { color: #d3242c; } html[data-theme="light"] .proxima-card__min--closed { color: #26425e; } html[data-theme="light"] .proxima-card--link:hover { border-color: rgba(195, 152, 0, 0.504); } html[data-theme="light"] .proxima-card--link.proxima-card--now:hover { border-color: #ef4444; } html[data-theme="light"] .proxima-card__badge { background: #e6ebf5; border: 1px solid #d4dae1; } html[data-theme="light"] .proxima-card__abrev { color: var(--srh-gold-ink); } html[data-theme="light"] .proxima-card__name { color: #1e2936; } html[data-theme="light"] .proxima-card__min { color: #008a63; } html[data-theme="light"] .proxima-card__min--urgent { color: #946e00; } html[data-theme="light"] .proxima-card__min--now { color: var(--srh-red-ink); } html[data-theme="light"] .proxima-card__min--hora { color: #111c27; } html[data-theme="light"] .perfil-content .form-label { color: #1b3652; } html[data-theme="light"] .perfil-content .form-required { color: #c33d57; } html[data-theme="light"] .perfil-content .form-optional { background: #e6ebf5; } html[data-theme="light"] .perfil-content .form-input, html[data-theme="light"] .perfil-content .recarga-select { background: rgba(236, 241, 250, 0.9); color: #111c27; } html[data-theme="light"] .perfil-content .form-input:focus, html[data-theme="light"] .perfil-content .recarga-select:focus { border-color: var(--srh-gold-line); } html[data-theme="light"] .perfil-content .form-input::placeholder { color: #26425e; } html[data-theme="light"] .perfil-content .form-input--invalid { border-color: #f46b7f; } html[data-theme="light"] .perfil-content .form-input--valid { border-color: #00bb83; } html[data-theme="light"] .perfil-content .form-error { color: #c33d57; } html[data-theme="light"] .perfil-content select.form-input option { color: #111c27; } html[data-theme="light"] .perfil-content .form-input-group { background: rgba(236, 241, 250, 0.9); } html[data-theme="light"] .perfil-content .form-input-group:focus-within { border-color: var(--srh-gold-line); } html[data-theme="light"] .perfil-content .form-input-suffix--btn:hover { color: var(--srh-gold-ink); } html[data-theme="light"] .perfil-content .btn--ghost { background: #e6ebf5; color: #1b3652; } html[data-theme="light"] .perfil-content .btn--ghost:hover { background: #dee4ed; color: #111c27; } html[data-theme="light"] .dni-paso__etiqueta { color: #111c27; } html[data-theme="light"] .efectivo-trigger { background: linear-gradient(160deg, #ebf0f9 0%, #eef3fd 100%); } html[data-theme="light"] .efectivo-trigger:hover { border-color: rgba(0, 187, 131, 0.54); } html[data-theme="light"] .efectivo-trigger__icon { background: rgba(52, 211, 153, 0.174); border: 1px solid rgba(0, 187, 131, 0.42); color: #008a60; } html[data-theme="light"] .efectivo-opcion { background: rgba(46, 51, 61, 0.053); } html[data-theme="light"] .efectivo-opcion:hover:not(:disabled) { background: rgba(46, 51, 61, 0.095); } html[data-theme="light"] .efectivo-opcion__icon--recarga { background: rgba(245, 158, 11, 0.217); border: 1px solid rgba(217, 139, 0, 0.42); color: var(--srh-gold-ink); } html[data-theme="light"] .efectivo-opcion__icon--retiro { background: rgba(244, 63, 94, 0.217); border: 1px solid rgba(244, 63, 94, 0.42); color: #c33d57; } html[data-theme="light"] .efectivo-opcion__titulo { color: #111c27; } html[data-theme="light"] .efectivo-opcion:hover:not(:disabled) .efectivo-opcion__chevron { color: #111c27; } html[data-theme="light"] .efectivo-volver:hover { color: #111c27; } html[data-theme="light"] .efectivo-codigo-box { background: rgba(52, 211, 153, 0.087); border: 1px dashed rgba(0, 187, 131, 0.54); } html[data-theme="light"] .efectivo-codigo-box__codigo { color: #008a60; } html[data-theme="light"] .efectivo-codigo-box__copiar { background: rgba(46, 51, 61, 0.084); border: 1px solid rgba(70, 78, 88, 0.175); } html[data-theme="light"] .efectivo-codigo-box--expirado { background: rgba(244, 63, 94, 0.087); border-color: rgba(244, 63, 94, 0.48); } html[data-theme="light"] .efectivo-codigo-box--expirado .efectivo-codigo-box__codigo { color: #26425e; } html[data-theme="light"] .efectivo-expirado { color: #c33d57; } html[data-theme="light"] .efectivo-resultado__titulo { color: #111c27; } html[data-theme="light"] .efectivo-resultado--ok { background: rgba(34, 197, 94, 0.116); border: 1px solid rgba(14, 190, 87, 0.36); } html[data-theme="light"] .efectivo-resultado--ok .efectivo-resultado__icon { background: rgba(34, 197, 94, 0.217); color: #008c45; } html[data-theme="light"] .efectivo-resultado--error { background: rgba(244, 63, 94, 0.116); border: 1px solid rgba(244, 63, 94, 0.36); } html[data-theme="light"] .efectivo-resultado--error .efectivo-resultado__icon { background: rgba(244, 63, 94, 0.217); color: #c33d57; } html[data-theme="light"] .efectivo-timer__barra { background: rgba(46, 51, 61, 0.158); } html[data-theme="light"] .efectivo-resumen { background: rgba(46, 51, 61, 0.063); border: 1px solid rgba(70, 78, 88, 0.126); } html[data-theme="light"] .app-tema-switch { background: rgba(46, 51, 61, 0.189); } /* ══════════ ingresar.css ══════════ */ html[data-theme="light"] .ing-badge { background: rgba(233, 182, 0, 0.145); border: 1px solid rgba(195, 152, 0, 0.36); box-shadow: 0 0 12px rgba(255, 199, 0, 0.12); color: var(--srh-gold-ink); } html[data-theme="light"] .ingresar-page .ing-hero__title { color: #1e2936; } html[data-theme="light"] .ing-hero__lead { color: #111c27; } html[data-theme="light"] .ingresar-page .ingresar-card { border: 1px solid rgba(195, 152, 0, 0.3); background: linear-gradient( 135deg, rgba(233, 238, 247, 0.95) 0%, rgba(230, 235, 245, 0.85) 100% ); box-shadow: 0 8px 30px rgba(41, 46, 56, 0.17); } html[data-theme="light"] .ing-card__watermark { color: var(--srh-gold-ink); } html[data-theme="light"] .ing-card__head { border-bottom: 1px solid rgba(70, 78, 88, 0.42); } html[data-theme="light"] .ing-card__icon { background: rgba(233, 182, 0, 0.232); border: 1px solid rgba(195, 152, 0, 0.36); color: var(--srh-gold-ink); } html[data-theme="light"] .ing-card__title { color: #111c27; } html[data-theme="light"] .ing-card__tag { background: rgba(241, 245, 252, 0.8); } html[data-theme="light"] .ingresar-page .form-label { color: #1b3652; } html[data-theme="light"] .ingresar-page .form-required { color: var(--srh-red-ink); } html[data-theme="light"] .ingresar-page .form-input { background: rgba(243, 248, 255, 0.8); border: 1px solid #d5d9e1; } html[data-theme="light"] .ingresar-page .form-input::placeholder { color: #26425e; } html[data-theme="light"] .ingresar-page .form-input:hover { border-color: rgba(195, 152, 0, 0.264); background: rgba(243, 248, 255, 0.9); } html[data-theme="light"] .ingresar-page .form-input:focus { border-color: var(--srh-gold-line); box-shadow: 0 0 12px rgba(255, 199, 0, 0.16); background: #f3f8ff; } html[data-theme="light"] .ingresar-page .form-input--valid { border-color: rgba(16, 185, 129, 0.66); box-shadow: 0 0 12px rgba(16, 185, 129, 0.144); } html[data-theme="light"] .ingresar-page .form-input--invalid { border-color: rgba(239, 68, 68, 0.72); box-shadow: 0 0 12px rgba(239, 68, 68, 0.16); } html[data-theme="light"] .ingresar-page .form-input-prefix { color: #946e00; } html[data-theme="light"] .ingresar-page .form-input-toggle { color: #26425e; } html[data-theme="light"] .ingresar-page .form-input-toggle:hover { color: var(--srh-gold-ink); } html[data-theme="light"] .ingresar-page .form-error { color: #a95a5b; } html[data-theme="light"] .ingresar-page .form-forgot { color: var(--srh-gold-ink); } html[data-theme="light"] .ingresar-page .btn--primary { box-shadow: 0 0 12px rgba(255, 199, 0, 0.16); } html[data-theme="light"] .ingresar-page .btn--primary:hover { box-shadow: 0 0 20px rgba(255, 199, 0, 0.24); } html[data-theme="light"] .ingresar-page .btn--primary:disabled { background: rgba(46, 51, 61, 0.158); color: rgba(38, 66, 94, 0.7); } html[data-theme="light"] .ingresar-page .btn--ghost { background: rgba(241, 245, 252, 0.85); color: #111c27; } html[data-theme="light"] .ingresar-page .btn--ghost:hover { background: rgba(236, 241, 250, 0.95); border-color: var(--srh-gold-line); } html[data-theme="light"] .ingresar-page .btn--ghost svg { color: var(--srh-gold-ink); } html[data-theme="light"] .ing-register { box-shadow: 0 4px 18px rgba(41, 46, 56, 0.119); } html[data-theme="light"] .ing-register__text { color: #1b3652; } html[data-theme="light"] .ing-register__text strong { color: var(--srh-gold-ink); } html[data-theme="light"] .ing-secure { color: #26425e; } html[data-theme="light"] .ing-secure__item--ssl svg { color: #008a60; } html[data-theme="light"] .ing-secure__item--srv svg { color: var(--srh-gold-ink); } /* ══════════ registro.css ══════════ */ html[data-theme="light"] .date-trigger { background: rgba(243, 248, 255, 0.8); border: 1px solid #d5d9e1; } html[data-theme="light"] .date-trigger:hover { border-color: rgba(195, 152, 0, 0.264); background: rgba(243, 248, 255, 0.9); } html[data-theme="light"] .date-trigger.is-open, html[data-theme="light"] .date-trigger:focus { border-color: var(--srh-gold-line); box-shadow: 0 0 12px rgba(255, 199, 0, 0.16); background: #f3f8ff; } html[data-theme="light"] .date-trigger svg { color: #946e00; } html[data-theme="light"] #date-picker-display { color: #26425e; } html[data-theme="light"] .dtp-overlay { background: rgba(242, 246, 255, 0.82); } html[data-theme="light"] .dtp-sheet { border: 1px solid rgba(195, 152, 0, 0.3); border-bottom: none; box-shadow: 0 -12px 48px rgba(41, 46, 56, 0.187); } html[data-theme="light"] .dtp-title { color: #111c27; } html[data-theme="light"] .dtp-col-labels span { color: rgba(38, 66, 94, 0.7); } html[data-theme="light"] .dtp-selection-bar { background: rgba(233, 182, 0, 0.116); border-top: 1px solid rgba(195, 152, 0, 0.36); border-bottom: 1px solid rgba(195, 152, 0, 0.36); } html[data-theme="light"] .dtp-drum-item { color: rgba(38, 66, 94, 0.28); } html[data-theme="light"] .dtp-drum-item.is-selected { color: #111c27; } html[data-theme="light"] .dtp-confirm.btn--primary { box-shadow: 0 0 12px rgba(255, 199, 0, 0.16); } html[data-theme="light"] .dtp-confirm.btn--primary:hover { box-shadow: 0 0 20px rgba(255, 199, 0, 0.24); } html[data-theme="light"] .terminos-modal__panel { border: 1px solid rgba(195, 152, 0, 0.3); box-shadow: 0 24px 64px rgba(41, 46, 56, 0.204); } html[data-theme="light"] .terminos-modal__close { background: rgba(243, 248, 255, 0.85); } html[data-theme="light"] .terminos-modal__close:hover { border-color: var(--srh-gold-line); color: var(--srh-gold-ink); } html[data-theme="light"] .registro-page .hero__badge { background: rgba(233, 182, 0, 0.145); border-color: rgba(195, 152, 0, 0.36); box-shadow: 0 0 12px rgba(255, 199, 0, 0.12); color: var(--srh-gold-ink); } html[data-theme="light"] .registro-page .hero__badge::before { box-shadow: 0 0 0 4px rgba(255, 199, 0, 0.144); } html[data-theme="light"] .registro-page .registro-hero__title { color: #111c27; } html[data-theme="light"] .registro-page .registro-card { border: 1px solid rgba(195, 152, 0, 0.3); background: linear-gradient( 135deg, rgba(233, 238, 247, 0.95) 0%, rgba(230, 235, 245, 0.85) 100% ); box-shadow: 0 8px 30px rgba(41, 46, 56, 0.17); } html[data-theme="light"] .registro-page .form-section__header { border-bottom: 1px solid rgba(70, 78, 88, 0.42); } html[data-theme="light"] .registro-page .form-section__icon { background: rgba(233, 182, 0, 0.232); border: 1px solid rgba(195, 152, 0, 0.36); color: var(--srh-gold-ink); } html[data-theme="light"] .registro-page .form-section__title { color: #111c27; } html[data-theme="light"] .registro-page .form-divider { background: rgba(222, 228, 237, 0.6); } html[data-theme="light"] .registro-page .form-label { color: #1b3652; } html[data-theme="light"] .registro-page .form-required { color: var(--srh-red-ink); } html[data-theme="light"] .registro-page .form-optional { color: #26425e; } html[data-theme="light"] .registro-page .form-input { background: rgba(243, 248, 255, 0.8); border: 1px solid #d5d9e1; } html[data-theme="light"] .registro-page .form-input::placeholder { color: #26425e; } html[data-theme="light"] .registro-page .form-input:hover { border-color: rgba(195, 152, 0, 0.264); background: rgba(243, 248, 255, 0.9); } html[data-theme="light"] .registro-page .form-input:focus { border-color: var(--srh-gold-line); box-shadow: 0 0 12px rgba(255, 199, 0, 0.16); background: #f3f8ff; } html[data-theme="light"] .registro-page .form-input--valid { border-color: rgba(16, 185, 129, 0.66); box-shadow: 0 0 12px rgba(16, 185, 129, 0.144); } html[data-theme="light"] .registro-page .form-input--invalid { border-color: rgba(239, 68, 68, 0.72); box-shadow: 0 0 12px rgba(239, 68, 68, 0.16); } html[data-theme="light"] .registro-page .form-input-prefix { color: #946e00; } html[data-theme="light"] .registro-page .form-input-toggle { color: #26425e; } html[data-theme="light"] .registro-page .form-input-toggle:hover { color: var(--srh-gold-ink); } html[data-theme="light"] .registro-page .form-select-prefix { background-color: rgba(243, 248, 255, 0.8); border: 1px solid #d5d9e1; border-right: none; } html[data-theme="light"] .registro-page .form-select-prefix:hover { border-color: rgba(195, 152, 0, 0.264); background-color: rgba(243, 248, 255, 0.9); } html[data-theme="light"] .registro-page .form-select-prefix:focus { border-color: var(--srh-gold-line); box-shadow: 0 0 12px rgba(255, 199, 0, 0.16); background-color: #f3f8ff; } html[data-theme="light"] .registro-page .form-error { color: #a95a5b; } html[data-theme="light"] .registro-page .form-hint { color: #26425e; } html[data-theme="light"] .registro-page .password-strength__bar { background: rgba(46, 51, 61, 0.126); } html[data-theme="light"] .registro-page .referido-block { background: linear-gradient( 135deg, rgba(16, 185, 129, 0.116) 0%, rgba(233, 238, 247, 0.6) 100% ); border-color: rgba(16, 185, 129, 0.336); } html[data-theme="light"] .registro-page .referido-block__icon { background: rgba(16, 185, 129, 0.232); border-color: rgba(16, 185, 129, 0.36); color: #008a60; } html[data-theme="light"] .registro-page .referido-block__title { color: #111c27; } html[data-theme="light"] .registro-page .referido-prefix { color: #008a60 !important; } html[data-theme="light"] .registro-page .referido-input:focus { border-color: rgba(16, 185, 129, 0.66) !important; box-shadow: 0 0 12px rgba(16, 185, 129, 0.16) !important; } html[data-theme="light"] .registro-page .form-terms { color: #1b3652; } html[data-theme="light"] .registro-page .form-terms a { color: var(--srh-gold-ink); } html[data-theme="light"] .registro-page .form-check input[type="checkbox"] { background: rgba(243, 248, 255, 0.85); } html[data-theme="light"] .registro-page .btn--primary { box-shadow: 0 0 12px rgba(255, 199, 0, 0.16); } html[data-theme="light"] .registro-page .btn--primary:hover { box-shadow: 0 0 20px rgba(255, 199, 0, 0.24); } html[data-theme="light"] .registro-page .btn--primary:disabled { background: rgba(46, 51, 61, 0.158); color: rgba(38, 66, 94, 0.7); } html[data-theme="light"] .registro-page .btn--ghost { background: rgba(241, 245, 252, 0.85); color: #111c27; } html[data-theme="light"] .registro-page .btn--ghost:hover { background: rgba(236, 241, 250, 0.95); border-color: var(--srh-gold-line); } html[data-theme="light"] .registro-page .registro-login-link { color: #1b3652; } html[data-theme="light"] .registro-page .registro-login-link a { color: var(--srh-gold-ink); } /* ══════════ gacetas.css ══════════ */ html[data-theme="light"] .gac-header-icon { background: rgba(233, 182, 0, 0.145); border: 1px solid rgba(195, 152, 0, 0.36); color: var(--srh-gold-ink); } html[data-theme="light"] .gac-section-title { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-tab-nav { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .gac-tab-indicator { box-shadow: 0 4px 14px rgba(255, 199, 0, 0.2); } html[data-theme="light"] .gac-track-card:hover, html[data-theme="light"] .gac-track-card:active { border-color: rgba(195, 152, 0, 0.48); box-shadow: 0 0 28px rgba(255, 199, 0, 0.064); } html[data-theme="light"] .gac-track-logo { filter: drop-shadow(0 0 6px rgba(255, 199, 0, 0.12)); } html[data-theme="light"] .gac-track-abbr { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-track-badge { background: rgba(233, 182, 0, 0.145); border: 1px solid rgba(195, 152, 0, 0.24); color: var(--srh-gold-ink); } html[data-theme="light"] .gac-track-badge--gaceta { background: rgba(16, 185, 129, 0.116); border-color: rgba(16, 185, 129, 0.24); color: #008a60; } html[data-theme="light"] .gac-track-status--cerrada { color: #26425e; background: rgba(46, 51, 61, 0.105); border-color: rgba(66, 79, 86, 0.196); } html[data-theme="light"] .gac-track-status--cancelada { color: #8562a6; background: rgba(147, 51, 234, 0.116); border-color: rgba(147, 51, 234, 0.336); } html[data-theme="light"] .gac-track-card--cerrada:hover, html[data-theme="light"] .gac-track-card--cerrada:active, html[data-theme="light"] .gac-track-card--cancelada:hover, html[data-theme="light"] .gac-track-card--cancelada:active { border-color: rgba(66, 79, 86, 0.245); } html[data-theme="light"] .gac-track-card--cerrada:hover::before, html[data-theme="light"] .gac-track-card--cerrada:active::before { background: #d0dbe0; } html[data-theme="light"] .gac-btn-back { background: rgba(46, 51, 61, 0.074); border: 1.5px solid rgba(72, 77, 88, 0.126); } html[data-theme="light"] .gac-btn-back:hover { background: rgba(46, 51, 61, 0.137); border-color: rgba(72, 77, 88, 0.196); } html[data-theme="light"] .gac-abr-pill { background: rgba(233, 182, 0, 0.116); border: 1px solid rgba(195, 152, 0, 0.3); color: var(--srh-gold-ink); } html[data-theme="light"] .gac-fecha-pill { background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .gac-race-chip:hover { border-color: rgba(195, 152, 0, 0.36); } html[data-theme="light"] .gac-race-chip.active { box-shadow: 0 0 18px rgba(255, 199, 0, 0.176); } html[data-theme="light"] .gac-race-chip.active .gac-race-chip__dot { background: rgba(242, 246, 255, 0.5); } html[data-theme="light"] .gac-race-banner__num { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-race-banner__cond { color: #008a60; } html[data-theme="light"] .gac-exotica-pill { background: rgba(168, 193, 220, 0.14); border: 1px solid rgba(84, 166, 230, 0.336); color: #247ab7; } html[data-theme="light"] .gac-horse-card.gac--linea { border-color: rgba(195, 152, 0, 0.42); box-shadow: 0 0 22px rgba(255, 199, 0, 0.056); } html[data-theme="light"] .gac-horse-card.gac--segunda { border-color: rgba(0, 75, 135, 0.54); } html[data-theme="light"] .gac-ml-badge--fav { color: #008a60; border-color: rgba(16, 185, 129, 0.336); } html[data-theme="light"] .gac-ml-badge--mid { color: var(--srh-gold-ink); border-color: rgba(195, 152, 0, 0.336); } html[data-theme="light"] .gac-ml-badge--amber { color: #946e00; border-color: rgba(200, 149, 0, 0.336); } html[data-theme="light"] .gac-horse-details b { color: rgba(38, 66, 94, 0.85); } html[data-theme="light"] .gac-horse-ganancias { color: #008a60; } html[data-theme="light"] .gac-top-rat-val--high { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-stats-label-row span:last-child { color: #008a60; } html[data-theme="light"] .gac-rating-bar { background: rgba(46, 51, 61, 0.074); } html[data-theme="light"] .gac-pos-sep { color: rgba(38, 66, 94, 0.28); } html[data-theme="light"] .gac-pos--1st { color: #008a60; } html[data-theme="light"] .gac-pos--2nd { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-pos--3rd { color: #946e00; } html[data-theme="light"] .gac-retro-table th { color: var(--srh-gold-ink); border-bottom: 1px solid rgba(72, 77, 88, 0.07); } html[data-theme="light"] .gac-retro-table td { border-bottom: 1px solid rgba(72, 77, 88, 0.07); color: rgba(21, 32, 44, 0.9); } html[data-theme="light"] .gac-retro__sub { color: #26425e; } html[data-theme="light"] .gac-retro__aux { color: #26425e; } html[data-theme="light"] .gac-retro__win { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-retro--pos-1 { color: #008a60 !important; } html[data-theme="light"] .gac-retro--pos-2 { color: var(--srh-gold-ink) !important; } html[data-theme="light"] .gac-retro--pos-3 { color: #946e00 !important; } html[data-theme="light"] .gac-retro--rat-hi { color: var(--srh-gold-ink) !important; } html[data-theme="light"] .gac-retro--rat-md { color: #008a60 !important; } html[data-theme="light"] .gac-choice-btn--linea { background: rgba(233, 182, 0, 0.102); border-color: rgba(195, 152, 0, 0.216); color: var(--srh-gold-ink); } html[data-theme="light"] .gac-choice-btn--linea.selected { background: rgba(233, 182, 0, 0.319); border-color: rgba(195, 152, 0, 0.66); } html[data-theme="light"] .gac-choice-btn--segunda { background: rgba(168, 193, 220, 0.09); border-color: rgba(0, 75, 135, 0.264); color: #247ab7; } html[data-theme="light"] .gac-choice-btn--segunda.selected { background: rgba(168, 193, 220, 0.28); border-color: rgba(0, 75, 135, 0.66); } html[data-theme="light"] .gac-choice-btn--descarte { background: rgba(229, 57, 53, 0.102); border-color: rgba(229, 57, 53, 0.216); color: #a85a5c; } html[data-theme="light"] .gac-choice-btn--descarte.selected { background: rgba(229, 57, 53, 0.29); border-color: rgba(229, 57, 53, 0.6); } html[data-theme="light"] .gac-sim-card__title { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-sim-val--gold { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-sim-val--costo { color: #008a60; } html[data-theme="light"] .gac-cuadrito-item { border-left: 3px solid #00bb83; } html[data-theme="light"] .gac-cuadrito-item__track { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-cuadrito-chip--linea { background: rgba(233, 182, 0, 0.145); color: var(--srh-gold-ink); border: 1px solid rgba(195, 152, 0, 0.264); } html[data-theme="light"] .gac-cuadrito-chip--segunda { background: rgba(168, 193, 220, 0.13); color: #247ab7; border: 1px solid rgba(0, 75, 135, 0.336); } html[data-theme="light"] .gac-cuadrito-chip--descarte { background: rgba(229, 57, 53, 0.116); color: #a85a5c; border: 1px solid rgba(229, 57, 53, 0.24); } html[data-theme="light"] .gac-race-chip--closed.active { background: linear-gradient(135deg, #dae4ea, #d0dbe0); border-color: #d1dbdf; box-shadow: 0 0 14px rgba(41, 46, 56, 0.085); } html[data-theme="light"] .gac-race-chip--closed.active .gac-race-chip__label, html[data-theme="light"] .gac-race-chip--closed.active .gac-race-chip__num { color: #111c27; } html[data-theme="light"] .gac-race-chip--cancelada .gac-race-chip__num { color: #8e52c5; } html[data-theme="light"] .gac-race-chip--cancelada.active { background: linear-gradient(135deg, #ece8ff, #f0e6ff); border-color: #7e22ce; box-shadow: 0 0 14px rgba(147, 51, 234, 0.24); } html[data-theme="light"] .gac-race-chip--cancelada.active .gac-race-chip__label, html[data-theme="light"] .gac-race-chip--cancelada.active .gac-race-chip__num { color: #111c27; } html[data-theme="light"] .gac-race-banner--closed { border-color: rgba(66, 79, 86, 0.28); background: rgba(46, 51, 61, 0.042); } html[data-theme="light"] .gac-race-banner--cancelada { border-color: rgba(147, 51, 234, 0.456); background: rgba(147, 51, 234, 0.06); } html[data-theme="light"] .gac-banner-closed-pill { color: #26425e; background: rgba(46, 51, 61, 0.126); border: 1px solid rgba(66, 79, 86, 0.224); } html[data-theme="light"] .gac-banner-closed-pill--cancelada { color: #8562a6; background: rgba(147, 51, 234, 0.174); border-color: rgba(147, 51, 234, 0.408); } html[data-theme="light"] .gac-choice-locked { background: rgba(46, 51, 61, 0.053); border: 1px dashed rgba(66, 79, 86, 0.154); } html[data-theme="light"] .gac-choice-locked--cancelada { background: rgba(147, 51, 234, 0.087); border-color: rgba(147, 51, 234, 0.288); color: #8562a6; } html[data-theme="light"] .gac-base-input { border-bottom: 1px dashed rgba(73, 77, 88, 0.245); } html[data-theme="light"] .gac-base-input:focus { border-bottom-color: var(--srh-gold-line); } html[data-theme="light"] .gac-btn-clear-all { color: #a85a5c; background: rgba(229, 57, 53, 0.102); border: 1px solid rgba(229, 57, 53, 0.264); } html[data-theme="light"] .gac-btn-clear-all:hover { background: rgba(229, 57, 53, 0.261); } html[data-theme="light"] .gac-cuadrito-item__clear:hover { color: #a85a5c; } html[data-theme="light"] .gac-stat-block__title { color: var(--srh-gold-ink); } html[data-theme="light"] .gac-stat-row__val { color: #008a60; } html[data-theme="light"] .gac-stat-bar { background: rgba(46, 51, 61, 0.063); } html[data-theme="light"] .gac-nudge { background: rgba(237, 240, 250, 0.97); border: 1px solid rgba(201, 146, 10, 0.48); box-shadow: 0 -4px 24px rgba(41, 46, 56, 0.187); } html[data-theme="light"] .gac-nudge__icon { color: #976c00; } html[data-theme="light"] .gac-nudge__link { background: rgba(201, 146, 10, 0.145); color: #976c00; border: 1px solid rgba(201, 146, 10, 0.36); } html[data-theme="light"] .gac-nudge__link:active, html[data-theme="light"] .gac-nudge__link:hover { background: rgba(201, 146, 10, 0.319); } html[data-theme="light"] .gac-load-error { color: var(--srh-red-ink); } html[data-theme="light"] .gac-race-chip--salida { border-color: rgba(239, 68, 68, 0.72); background: rgba(239, 68, 68, 0.145); } html[data-theme="light"] .gac-race-chip--salida .gac-race-chip__num { color: #d3242c; } html[data-theme="light"] .gac-race-banner--salida { border-color: rgba(239, 68, 68, 0.504); background: rgba(239, 68, 68, 0.06); } html[data-theme="light"] .gac-banner-closed-pill--salida { background: rgba(239, 68, 68, 0.217); border-color: rgba(239, 68, 68, 0.624); color: #d3242c; } /* ══════════ stream.css ══════════ */ html[data-theme="light"] .stream-connection__dot { background: #d9d9d9; } html[data-theme="light"] .stream-connection__dot.is-live { box-shadow: 0 0 7px rgba(76, 175, 80, 0.6); } html[data-theme="light"] .stream-connection__dot.is-loading { box-shadow: 0 0 7px rgba(244, 180, 0, 0.6); } html[data-theme="light"] .stream-connection__dot.is-error { box-shadow: 0 0 7px rgba(229, 57, 53, 0.6); } html[data-theme="light"] .stream-quality { background: var(--bg-card, #f1f1f1); color: var(--text-primary, #111c27); } html[data-theme="light"] .stream-card { background: #fdfdfd; } html[data-theme="light"] .stream-grid-msg--error { color: var(--srh-red-ink); } html[data-theme="light"] .stream-card__label { color: rgba(17, 28, 39, 0.95); background: rgba(15, 23, 42, 0.495); } html[data-theme="light"] .stream-card__dot { background: #e2e2e2; } html[data-theme="light"] .stream-card__dot.active { box-shadow: 0 0 6px rgba(76, 175, 80, 0.6); } html[data-theme="light"] .stream-card__loading { color: #26425e; background: #fdfdfd; } html[data-theme="light"] .stream-visor { background: #fdfdfd; } html[data-theme="light"] .stream-card__fs { background: rgba(15, 23, 42, 0.585); border: 1px solid rgba(72, 77, 88, 0.175); color: #111c27; } html[data-theme="light"] .stream-card:fullscreen, html[data-theme="light"] .stream-card:-webkit-full-screen { background: #fdfdfd !important; } html[data-theme="light"] .stream-card--pseudo-fs { background: #fdfdfd !important; } html[data-theme="light"] .stream-live-badge { background: rgba(229, 57, 53, 0.217); border: 1px solid rgba(229, 57, 53, 0.6); color: var(--srh-red-ink); } /* ══════════ stream_webgl.css ══════════ */ html[data-theme="light"] .stream-render-badge.is-webgl { border-color: rgba(76, 175, 80, 0.6); color: #228b2c; } html[data-theme="light"] .stream-players--gl .stream-card__loading { background: #fdfdfd; } html[data-theme="light"] .stream-glfs { background: #fdfdfd; } html[data-theme="light"] .stream-glfs__close { border: 1px solid rgba(72, 77, 88, 0.21); background: rgba(15, 23, 42, 0.54); color: #111c27; } /* ═══════════════════════════════════════════════════════════════════════════ AJUSTES MANUALES Casos que el mapeo automático no puede resolver por sí solo. ═══════════════════════════════════════════════════════════════════════════ */ /* ── Flechas de los