/* Minification failed. Returning unminified contents.
(14,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(16,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(54,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-nav'
(55,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(69,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(70,24): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(93,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-border'
(100,46): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(100,82): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(101,124): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(125,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-border'
(132,70): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(133,57): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(134,74): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(159,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(160,24): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(170,69): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(175,72): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(178,78): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(179,75): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,49): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(307,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(311,39): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(312,61): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(312,106): run-time error CSS1039: Token not allowed after unary operator: '-mp-border'
(313,51): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(317,60): run-time error CSS1039: Token not allowed after unary operator: '-mp-border'
(318,17): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(321,64): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(325,22): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(325,65): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(330,29): run-time error CSS1039: Token not allowed after unary operator: '-mp-text-soft'
(331,90): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(334,67): run-time error CSS1039: Token not allowed after unary operator: '-mp-border'
(334,103): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(336,87): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(342,22): run-time error CSS1039: Token not allowed after unary operator: '-mp-nav'
(348,68): run-time error CSS1039: Token not allowed after unary operator: '-mp-nav'
(354,106): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(355,133): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(356,77): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(366,26): run-time error CSS1039: Token not allowed after unary operator: '-mp-nav'
(375,26): run-time error CSS1039: Token not allowed after unary operator: '-mp-nav'
(408,26): run-time error CSS1039: Token not allowed after unary operator: '-mp-nav'
(480,32): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(481,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(498,93): run-time error CSS1039: Token not allowed after unary operator: '-mp-border'
(499,50): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(500,61): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(553,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(558,17): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(563,28): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(615,261): run-time error CSS1039: Token not allowed after unary operator: '-mp-border'
(618,44): run-time error CSS1039: Token not allowed after unary operator: '-mp-text'
(629,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(629,109): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(629,147): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(629,186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(630,144): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(630,187): run-time error CSS1039: Token not allowed after unary operator: '-main-font-color'
(641,27): run-time error CSS1030: Expected identifier, found '>'
(641,39): run-time error CSS1031: Expected selector, found ')'
(641,39): run-time error CSS1025: Expected comma or open brace, found ')'
(673,135): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(697,99): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(706,73): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(707,76): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
(760,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(791,202): run-time error CSS1039: Token not allowed after unary operator: '-mp-border'
(794,23): run-time error CSS1030: Expected identifier, found '>'
(794,35): run-time error CSS1031: Expected selector, found ')'
(794,35): run-time error CSS1025: Expected comma or open brace, found ')'
(796,93): run-time error CSS1030: Expected identifier, found '['
(796,102): run-time error CSS1031: Expected selector, found '*='
(796,102): run-time error CSS1025: Expected comma or open brace, found '*='
(797,96): run-time error CSS1030: Expected identifier, found '['
(797,105): run-time error CSS1031: Expected selector, found '*='
(797,105): run-time error CSS1025: Expected comma or open brace, found '*='
(799,81): run-time error CSS1039: Token not allowed after unary operator: '-mp-accent'
 */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&display=swap');

.mobile_choose_odds{
    padding: 0!important;
}
/* =========================================================
   BOTÓN PLACE BET
   ========================================================= */
.btn.btn-placebet,
button.btn-placebet {
    width: 100% !important;
    padding: 10px 16px !important;
    background-color: var(--mp-accent) !important;
    background-image: none !important;
    border: 1px solid var(--mp-accent) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.btn.btn-placebet:hover,
button.btn-placebet:hover {
    background-color: #d94036 !important;
    border-color: #d94036 !important;
    color: #ffffff !important;
}
.btn.btn-placebet:disabled,
.btn.btn-placebet[disabled],
button.btn-placebet:disabled,
button.btn-placebet[disabled] {
    background-color: #c9c9cf !important;
    border-color: #c9c9cf !important;
    color: #ffffff !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* =========================================================
   SWEETALERT2 — fondo gris, texto blanco
   ========================================================= */
.swal2-popup {
    background-color: var(--mp-nav) !important;
    border: 1px solid var(--mp-accent) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}
.swal2-title, .swal2-html-container, #swal2-content, #swal2-title,
.swal2-content, .swal2-popup .swal2-header, .swal2-popup .swal2-content,
.swal2-popup p, .swal2-popup span, .swal2-popup div, .swal2-popup label,
.swal2-popup small, .swal2-footer {
    color: #ffffff !important;
}
.swal2-footer { border-top-color: rgba(255,255,255,.12) !important; }
.swal2-close { color: #ffffff !important; opacity: .8 !important; }
.swal2-close:hover { color: #ffffff !important; opacity: 1 !important; }
.swal2-styled.swal2-confirm {
    background-color: var(--mp-accent) !important;
    border-color: var(--mp-accent) !important;
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600 !important;
}
.swal2-styled.swal2-confirm:hover {
    background-color: #d94036 !important;
    border-color: #d94036 !important;
}
.swal2-styled.swal2-cancel, .swal2-styled.swal2-deny {
    background-color: #4a4d50 !important;
    border-color: #4a4d50 !important;
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600 !important;
}
.swal2-styled.swal2-cancel:hover, .swal2-styled.swal2-deny:hover {
    background-color: #5a5d60 !important;
    border-color: #5a5d60 !important;
}
.swal2-input, .swal2-textarea, .swal2-select {
    background-color: #ffffff !important;
    color: #202224 !important;
    border: 1px solid var(--mp-border) !important;
}
.swal2-input::placeholder, .swal2-textarea::placeholder {
    color: #8a8a8a !important;
    opacity: 1 !important;
}
.swal2-icon.swal2-warning { border-color: #f0a04b !important; color: #f0a04b !important; }
.swal2-icon.swal2-error { border-color: var(--mp-accent) !important; color: var(--mp-accent) !important; }
.swal2-icon.swal2-error .swal2-x-mark-line-left, .swal2-icon.swal2-error .swal2-x-mark-line-right { background-color: var(--mp-accent) !important; }
.swal2-icon.swal2-success { border-color: #4caf50 !important; color: #4caf50 !important; }
.swal2-icon.swal2-info, .swal2-icon.swal2-question { border-color: #ffffff !important; color: #ffffff !important; }
.swal2-container.swal2-backdrop-show, .swal2-container { background-color: rgba(0,0,0,.45) !important; }

/* =========================================================
   NAVBAR — bloque de cuenta y balances en blanco
   ========================================================= */
.header-flex, .header-flex .header-option, .header-flex .header-option-item,
.header-flex .customer-balance-usr, .header-flex .customer-balance,
.header-flex .text-right, .header-flex .header-option-item a,
.header-flex .header-option-item a span, .header-flex .customer-balance-usr span,
.header-flex .customer-balance-usr div {
    color: #ffffff !important;
}
.header-flex .header-option-item a:hover, .header-flex .header-option-item a:hover span {
    color: #ffffff !important;
    opacity: .85 !important;
}
.header-flex .num_neg, .header-flex .num_neg_bg, .header-flex [ng-class*="num_neg"] {
    color: #ffcdc9 !important;
}
#navbar_account_desktop .dropdown-menu, .dropdown-menu_account {
    background-color: #ffffff !important;
    border: 1px solid var(--mp-border) !important;
}
.dropdown-menu_account .dropdown-item, .dropdown-menu_account .dropdown-item span,
.dropdown-menu_account .balance_titles, .dropdown-menu_account .balance_titles span,
.dropdown-menu_account .balance_values, .dropdown-menu_account .balance_values small {
    color: #202224 !important;
}
.dropdown-menu_account .dropdown-item:hover { background-color: var(--mp-accent) !important; color: #ffffff !important; }
.dropdown-menu_account .dropdown-item.red { color: var(--mp-accent) !important; }
.dropdown-menu_account .dropdown-item.red:hover { background-color: var(--mp-accent) !important; color: #ffffff !important; }

/* =========================================================
   BETSLIP — botones de monto rápido (100, 200... MAX)
   ========================================================= */
input[type="button"][ng-repeat*="wagerBetAmmounts"], input[type="button"][ng-value*="MAX"] {
    display: inline-block !important;
    min-width: 52px !important;
    padding: 5px 10px !important;
    background-color: #f2f2f6 !important;
    background-image: none !important;
    border: 1px solid #6f6f6f !important;
    border-radius: 3px !important;
    color: #202224 !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    cursor: pointer !important;
    opacity: 1 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
input[type="button"][ng-repeat*="wagerBetAmmounts"]:hover {
    background-color: var(--mp-accent) !important;
    border-color: var(--mp-accent) !important;
    color: #ffffff !important;
}

/* =========================================================
   SIDEBAR DE DEPORTES - CORRECCIÓN DE HOVER (Naranja + texto blanco)
   ========================================================= */
.panel-group.sports ul.list-one > li { border-bottom: 1px solid #000000 !important; transition: background-color .15s linear !important; }
.panel-group.sports ul.list-one > li:last-child { border-bottom: 0 !important; }
.panel-group.sports .panel.panel-default { border: 0 !important; border-radius: 0 !important; }
.panel-group.sports ul.list-one > li:hover { background-color: var(--mp-accent) !important; }
.panel-group.sports ul.list-one > li:hover label, .panel-group.sports ul.list-one > li:hover a,
.panel-group.sports ul.list-one > li:hover span, .panel-group.sports ul.list-one > li:hover div {
    color: #ffffff !important; cursor: pointer !important;
}
.panel-group.sports ul.list-one > li.selected { background-color: var(--mp-accent) !important; }
.panel-group.sports ul.list-one > li.selected label, .panel-group.sports ul.list-one > li.selected a,
.panel-group.sports ul.list-one > li.selected span { color: #ffffff !important; }
.panel-group.sports ul.list-one > li.selected:hover { background-color: var(--mp-accent) !important; }
.panel-group.sports .panel-heading.pointer:hover { background-color: var(--mp-accent) !important; }
.panel-group.sports .panel-heading.pointer:hover a.sportIcon, .panel-group.sports .panel-heading.pointer:hover .sub-types-number { color: #ffffff !important; }
.panel-group.sports .panel-heading a.sportIcon, .panel-group.sports .panel-heading .panel-title,
.panel-group.sports .panel-heading .sub-types-number { font-size: 20px !important; font-weight: bold !important; line-height: 1.15 !important; letter-spacing: .3px !important; margin: 0 !important; }
.panel-group.sports .panel-heading { padding-top: 8px !important; padding-bottom: 8px !important; }
.panel-group.sports ul.list-one > li, .panel-group.sports ul.list-one > li label,
.panel-group.sports ul.list-one > li a, .panel-group.sports ul.list-one > li span { font-size: 18px !important; font-weight: 100 !important; line-height: 1.15 !important; letter-spacing: 0 !important; }
.panel-group.sports ul.list-one > li { display: flex !important; align-items: flex-start !important; height: auto !important; min-height: 0 !important; padding: 2px 0 !important; margin: 0 !important; overflow: visible !important; }
.panel-group.sports ul.list-one > li > div, .panel-group.sports ul.list-one > li .d-flex,
.panel-group.sports ul.list-one > li .d-flex.flex-column { align-items: flex-start !important; height: auto !important; min-height: 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }
.panel-group.sports ul.list-one > li div:empty, .panel-group.sports ul.list-one > li span:empty,
.panel-group.sports ul.list-one > li p:empty { display: none !important; }
.panel-group.sports ul.list-one > li label, .panel-group.sports ul.list-one > li a,
.panel-group.sports ul.list-one > li span { display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: break-word !important; word-break: normal !important; }
.panel-group.sports ul.list-one { padding: 0 !important; margin: 0 !important; }
.panel-group.sports .panel-body { padding-top: 0 !important; padding-bottom: 0 !important; }
.panel-group.sports .panel-collapse { margin: 0 !important; }
.panel-group.sports .spotlight a, .panel-group.sports #mobilesearch a.sportIcon { font-size: 18px !important; font-weight: 700 !important; }

/* =========================================================
   TEMA CLARO GLOBAL
   ========================================================= */
:root, :root.dark, html.dark, html.dark.skinThemeRed {
    --mp-accent: #f4554a;
    --mp-accent-dark: #d94036;
    --mp-nav: #3a3d40;
    --mp-nav-2: #333638;
    --mp-page: #ffffff;
    --mp-panel: #f2f2f6;
    --mp-text: #202224;
    --mp-text-soft: #6f6f6f;
    --mp-border: #dcdcdc;
    --text2: #000000;

    --content-bg-color: var(--mp-page) !important;
    --sidebar-bgcolor: var(--mp-page) !important;
    --middle-page-bg-color: var(--mp-panel) !important;
    --middle-headers-bg-color: var(--mp-page) !important;
    --headers-bg-color: var(--mp-nav) !important;
    --header-mobile-bg: var(--mp-nav) !important;
    --footer-color: var(--mp-nav) !important;
    --leagues-bgcolor: var(--mp-panel) !important;
    --panel-color: var(--mp-page) !important;
    --bg-100: var(--mp-panel) !important;
    --background-light-color: var(--mp-panel) !important;
    --input-bg: var(--mp-page) !important;
    --input-bg-color10: #f0f0f0 !important;
    --internal-item-content: var(--mp-panel) !important;
    --site-wagerning: var(--mp-panel) !important;
    --dark1: var(--mp-panel) !important;
    --dark2: var(--mp-page) !important;
    --black: rgba(0,0,0,.06) !important;
    --white: #0a0a0a !important;

    --main-font-color: var(--mp-text) !important;
    --middle-font-color: var(--mp-text) !important;
    --menu-font-color: var(--mp-text) !important;
    --font-color: var(--mp-text) !important;
    --headers-font-color: #ffffff !important;
    --heading-color: #ffffff !important;
    --heading-button-color: #e4e4e4 !important;
    --heading-button-color-hover: #ffffff !important;
    --heading-divider-color: #4a4d50 !important;
    --gray-font-color: var(--mp-text-soft) !important;
    --text-black-color: var(--mp-text-soft) !important;
    --primary-text-color: #ffffff !important;

    --primary-color: var(--mp-accent) !important;
    --secondary-color: var(--mp-accent) !important;
    --brand-color: var(--mp-accent) !important;
    --heading-hover-color: var(--mp-accent) !important;
    --menu-selected-bg-color: var(--mp-accent) !important;
    --menu-hover-bgcolor: var(--mp-panel) !important;
    --icon-color: var(--mp-text-soft) !important;
    --icon-color-active: var(--mp-accent) !important;
    --gradient-primary-color: linear-gradient(180deg, var(--mp-accent) 0%, var(--mp-accent-dark) 100%) !important;
    --gradient-secondary-color: linear-gradient(to right, var(--mp-accent-dark), var(--mp-accent)) !important;

    --green1: var(--mp-accent) !important;
    --green2: linear-gradient(0deg, var(--mp-accent-dark) 0%, var(--mp-accent) 100%) !important;
    --green3: var(--mp-accent) !important;
    --green4: #f8a29a !important;
    --green5: #fdeceb !important;

    --border-900: var(--mp-border) !important;
    --border-color: var(--mp-border) !important;
    --secondary-btn-border-color: var(--mp-border) !important;
    --preview-border-color: var(--mp-border) !important;
    --gray2: #e9e9ee !important;
    --gray3: var(--mp-border) !important;
    --gray4: rgba(0,0,0,.06) !important;
    --gray5: var(--mp-text-soft) !important;
    --scroll-color: #c4c4c4 !important;

    --line-button-color: var(--mp-panel) !important;
    --line-button-selected-color: var(--mp-accent) !important;
    --line-button-hover-color: #e4e7ea !important;

    --betslip-bg-color: var(--mp-page) !important;
    --betslip-modal-header: var(--mp-accent) !important;
    --betslip-tik-head-bg-color: var(--mp-nav) !important;
    --betslip-tik-body-bg-color: var(--mp-panel) !important;
    --betslip-amounts-bg-color: var(--mp-accent) !important;
    --betslip-total-bet-color: var(--mp-text) !important;
    --betslip-parlay-info-color: var(--mp-text) !important;
    --contests-tree-root-icon-bg: var(--mp-panel) !important;
    --contests-tree-root-icon-font: var(--mp-text) !important;
    --contests-tree-root-icon-bg-hover: var(--mp-accent) !important;
    --contests-tree-root-icon-font-hover: #ffffff !important;

    --menu-mobile-more-item-bg-color: transparent !important;
    --menu-mobile-more-item-active-bg-color: var(--mp-accent) !important;
}

/* =========================================================
   TIPOGRAFÍA GLOBAL
   ========================================================= */
body, body#body_bg, input, select, textarea, button,
h1, h2, h3, h4, h5, h6, .panel-title, .btn, .title {
    font-family: 'Oswald', sans-serif !important;
}

/* =========================================================
   LEGIBILIDAD
   ========================================================= */
lines-search .searchPanel, .searchPanel .wrapper_search_query { background: transparent !important; }
.searchPanel input.search-query {
    background: #ffffff !important; color: var(--mp-text) !important;
    border: 1px solid var(--mp-accent) !important; border-radius: 4px !important;
}
.searchPanel input.search-query::placeholder { color: #8a8a8a !important; opacity: 1 !important; }
.searchPanel input.search-query::-webkit-input-placeholder { color: #8a8a8a !important; }
.searchPanel .btn.close { color: var(--mp-text) !important; opacity: 1 !important; }
#searchResult { background: #ffffff !important; color: var(--mp-text) !important; border: 1px solid var(--mp-border) !important; }
#searchResult a, #searchResult span { color: var(--mp-text) !important; }

.btn-betline-container .btn.btn-betlines, .btn-betline-container .btn.btn-default,
button.btn-betlines {
    background: #f2f2f6 !important; border: 1px solid var(--mp-border) !important;
    color: var(--mp-text) !important;
}
.btn-betline-container .btn.btn-betlines p, .btn-betline-container .btn.btn-default p,
button.btn-betlines p, button.btn-betlines .mb-0 { color: var(--mp-text) !important; font-weight: 600 !important; }
.btn-betline-container .btn.btn-betlines:hover, button.btn-betlines:hover { background: #e4e7ea !important; }
.btn-betline-container .btn.btn-betlines.active, button.btn-betlines.active,
.btn-betline-container .btn.active p, button.btn-betlines.active p {
    background: var(--mp-accent) !important; border-color: var(--mp-accent) !important; color: #ffffff !important;
}
.btn-betline-container .btn.btn-disabled, button.btn-betlines.btn-disabled { background: #f7f7f9 !important; border-color: #e6e6e6 !important; }
.btn-betline-container .btn.btn-disabled p, button.btn-betlines.btn-disabled p { color: #9a9a9a !important; }

.line-rot-num { color: var(--mp-text-soft) !important; font-weight: 600 !important; }
.page-content h4, .page-content h4 span, .pitchers, .game-info, .game-time { color: var(--mp-text) !important; }

#line_titles, .line_titles {
    background: #f2f2f6 !important; border-bottom: 1px solid var(--mp-border) !important; color: var(--mp-text) !important;
}
.line_titles .title, .line_titles .title span, .line_titles_column span { color: var(--mp-text) !important; }

/* =========================================================
   ENCABEZADO DE LIGA
   ========================================================= */
.panel-heading.sportType {
    background: var(--mp-nav) !important; border: 0 !important; border-radius: 4px !important;
    margin-bottom: 0 !important; padding: 10px 14px !important;
}
.panel-heading.sportType a, .panel-heading.sportType h3.panel-title,
.panel-heading.sportType h3.panel-title span { color: #ffffff !important; font-weight: 700 !important; text-transform: uppercase !important; text-decoration: none !important; }
.panel-heading.sportType .arrow-up, .panel-heading.sportType .arrow-down, .panel-heading.sportType i { color: #ffffff !important; }
.mob_period_wrapper, .period, .btn-period-group { background: var(--mp-nav) !important; border-radius: 0 0 4px 4px !important; margin-top: 2 !important; padding: 0 14px 6px !important; }
.btn-period-group .btn.btn-period {
    background: transparent !important; border: 0 !important; border-bottom: 3px solid transparent !important;
    border-radius: 0 !important; color: #9aa5b0 !important; font-size: 11px !important;
    font-weight: 700 !important; letter-spacing: .3px !important; text-transform: uppercase !important; padding: 4px 8px !important;
}
.btn-period-group .btn.btn-period.active { background: transparent !important; border-bottom-color: var(--mp-accent) !important; color: #ffffff !important; }
#gamesAccordion .panel-collapse, #gamesAccordion .panel-body, .page-content .row.px-3 { background: #ffffff !important; color: var(--mp-text) !important; }
html.dark, body#body_bg { background-color: #ffffff !important; color: var(--mp-text) !important; }

/* =========================================================
   NAVBAR DESKTOP
   ========================================================= */
@media (min-width: 992px) {
    
    header, .header-menu, .header-container {
        display: flex !important;
        flex-direction: column !important;
        background: var(--mp-nav) !important;
    }

    .header-options, .header-options.no-padding {
        order: 1 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        background: var(--mp-nav) !important;
        padding: 5px 20px 0 0 !important;
        min-height: 35px !important;
        white-space: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .header-options .customer-balance-usr,
    .header-options .customer-balance {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        margin-left: 15px !important;
        white-space: nowrap !important;
    }

    .header-options .header-option-item {
        display: inline-block !important;
        margin-left: 15px !important;
        white-space: nowrap !important;
    }

    #navbar_account_desktop { margin-left: 15px !important; }

    .header-option-item .ng-binding[ng-bind*="mBTC"] { display: none !important; }

    #menu_header_ul {
        order: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        background: var(--mp-nav) !important;
    }

    #menu_header_ul > li {
        display: flex !important;
        margin: 0 -2px 0 0 !important;
        padding: 0 !important;
        border: 2px solid #000000 !important;
        background: #ffffff !important;
        height: 55px !important;
        min-width: 110px !important;
    }

    #menu_header_ul > li > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        text-decoration: none !important;
        font-size: 0 !important;
    }

    #menu_header_ul > li > a::before {
        font-family: 'Oswald', sans-serif !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        color: #3f3f3f !important;
        margin-bottom: 2px !important;
    }

    #menu_header_ul > li > a::after {
        font-family: 'Oswald', sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: .5px !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        color: #6f6f6f !important;
    }

    #menu_header_ul > li:nth-child(1) > a::before { content: "C"; }
    #menu_header_ul > li:nth-child(1) > a::after  { content: "CASHIER"; }
    #menu_header_ul > li:nth-child(2) > a::before { content: "S"; }
    #menu_header_ul > li:nth-child(2) > a::after  { content: "SPORTS"; }
    #menu_header_ul > li:nth-child(3) > a::before { content: "B"; }
    #menu_header_ul > li:nth-child(3) > a::after  { content: "BET BUILDER"; }
    #menu_header_ul > li:nth-child(4) > a::before { content: "L"; }
    #menu_header_ul > li:nth-child(4) > a::after  { content: "LIVE"; }
    #menu_header_ul > li:nth-child(5) > a::before { content: "P"; }
    #menu_header_ul > li:nth-child(5) > a::after  { content: "PROPS PLUS"; }
    #menu_header_ul > li:nth-child(6) > a::before { content: "C"; }
    #menu_header_ul > li:nth-child(6) > a::after  { content: "CASINOS"; }
    #menu_header_ul > li:nth-child(7) > a::before { content: "H"; }
    #menu_header_ul > li:nth-child(7) > a::after  { content: "HELP"; }

    #menu_header_ul > li:hover { background-color: #f2f2f6 !important; }
    #menu_header_ul > li:hover > a::before,
    #menu_header_ul > li:hover > a::after { color: #000000 !important; }

    #menu_header_ul > li.active,
    #menu_header_ul > li.selected,
    #menu_header_ul > li.current,
    #menu_header_ul > li > a.active,
    #menu_header_ul > li > a.selected,
    #menu_header_ul > li > a.current {
        background-color: var(--mp-accent) !important;
        border-color: var(--mp-accent) !important;
    }
    #menu_header_ul > li.active > a::before,
    #menu_header_ul > li.active > a::after,
    #menu_header_ul > li.selected > a::before,
    #menu_header_ul > li.selected > a::after,
    #menu_header_ul > li.current > a::before,
    #menu_header_ul > li.current > a::after,
    #menu_header_ul > li > a.active::before,
    #menu_header_ul > li > a.active::after,
    #menu_header_ul > li > a.selected::before,
    #menu_header_ul > li > a.selected::after,
    #menu_header_ul > li > a.current::before,
    #menu_header_ul > li > a.current::after {
        color: #ffffff !important;
    }

    #menu_header_ul .dropdown-menu { background: #ffffff !important; border: 1px solid var(--mp-border) !important; }
    #menu_header_ul .dropdown-item { color: var(--mp-text) !important; }
    #menu_header_ul .dropdown-item:hover { background: var(--mp-accent) !important; color: #ffffff !important; }

    .sidebar-wrapper { width: 300px !important; min-width: 300px !important; flex-shrink: 0 !important; }
       ul.m_topmenu > li > a.menuMobileSubItem {
        position: relative !important;
        font-size: 0 !important;
        color: transparent !important;
        overflow: hidden !important;
    }

    /* Ocultar el texto directo (el "Parlay" original) */
    ul.m_topmenu > li > a.menuMobileSubItem::first-line {
        display: none !important;
        visibility: hidden !important;
        font-size: 0 !important;
    }

    /* Mostrar SOLO los pseudo-elementos, centrados */
    ul.m_topmenu > li > a.menuMobileSubItem::before,
    ul.m_topmenu > li > a.menuMobileSubItem::after {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #3f3f3f !important;
        font-size: 21px !important;
        line-height: 1 !important;
    }

    ul.m_topmenu > li > a.menuMobileSubItem::before {
        top: 10px !important;
    }

    ul.m_topmenu > li > a.menuMobileSubItem::after {
        bottom: 10px !important;
        font-size: 11px !important;
        color: #6f6f6f !important;
    }

    /* Cuando está seleccionado, los pseudo-elementos se vuelven blancos */
    ul.m_topmenu > li > a.menuMobileSubItem.selected::before,
    ul.m_topmenu > li > a.menuMobileSubItem.selected::after {
        color: #ffffff !important;
    }
}

/* =========================================================
   CORRECCIÓN HOVER SIDEBAR: Fondo naranja, texto blanco
   ========================================================= */
.panel-group.sports ul.list-one > li:hover,
.panel-group.sports ul.list-one > li:hover * {
    background-color: var(--mp-accent) !important;
    color: #ffffff !important;
}

.panel-group.sports ul.list-one > li:not(:hover) * {
    color: var(--mp-text) !important;
}

.panel-group.sports .panel-heading.pointer:hover,
.panel-group.sports .panel-heading.pointer:hover * {
    background-color: var(--mp-accent) !important;
    color: #ffffff !important;
}


/* =========================================================
   BOTONES DEL BETSLIP
   ========================================================= */
.btn.btn-cancelbet, .btn.btn-placebet {
    padding: 10px 16px !important;
    background-image: none !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.btn.btn-cancelbet, .btn.btn-cancelbet.btn-disabled, .btn.btn-cancelbet:hover,
.btn.btn-cancelbet:disabled, .btn.btn-cancelbet[disabled] {
    background-color: #f12c09 !important; color: #ffffff !important;
}
.btn.btn-placebet[ng-click="ProcessTicket()"].btn-disabled,
.btn.btn-placebet[ng-click="ProcessTicket()"]:disabled,
.btn.btn-placebet[ng-click="ProcessTicket()"][disabled] {
    background-color: #9dcfa8 !important; border-color: #9dcfa8 !important;
    color: #ffffff !important; cursor: not-allowed !important;
}
.btn.btn-placebet[ng-click="PreProcessTicket()"] {
    background-color: #ffffff !important; border: 1px solid #202224 !important; color: #000000 !important;
}
.btn.btn-placebet[ng-click="PreProcessTicket()"]:hover {
    background-color: #f2f2f6 !important; border-color: #202224 !important; color: #000000 !important;
}
.btn.btn-placebet[ng-click="PreProcessTicket()"].btn-disabled,
.btn.btn-placebet[ng-click="PreProcessTicket()"]:disabled,
.btn.btn-placebet[ng-click="PreProcessTicket()"][disabled] {
    background-color: #ffffff !important; border-color: #b0b0b0 !important; color: #000000 !important; cursor: not-allowed !important;
}

/* =========================================================
   MÓVIL (CORREGIDO: OCULTAR TEXTO ORIGINAL Y HOVER NARANJA)
   ========================================================= */
@media (max-width: 991.98px) {
    #line_titles { display: flex !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 6px 0 !important; background: #f2f2f6 !important; border-bottom: 1px solid var(--mp-border) !important; overflow: visible !important; }
    #line_titles .line_titles_column { display: flex !important; flex: 1 1 0% !important; float: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; align-items: center !important; justify-content: center !important; position: relative !important; padding: 0 2px !important; }
    #line_titles .title { text-align: center !important; }
    #line_titles .title span { color: var(--mp-text) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; }
    #line_titles .title:nth-child(2) span { font-size: 10px !important; font-weight: 400 !important; font-style: italic !important; }
    #line_titles .btn_teamTotals { position: absolute !important; right: 2px !important; top: 50% !important; transform: translateY(-50%) !important; }
    #line_titles .btn_teamTotals svg { height: 24px !important; width: 24px !important; }

    .panel-group.sports .panel-heading a.sportIcon, .panel-group.sports .panel-heading .panel-title,
    .panel-group.sports .panel-heading .sub-types-number { font-size: 29px !important; font-weight: bold !important; line-height: 1.15 !important; letter-spacing: .3px !important; margin: 0 !important; }
    .panel-group.sports .panel-heading { padding-top: 8px !important; padding-bottom: 8px !important; }
    .panel-group.sports ul.list-one > li, .panel-group.sports ul.list-one > li label,
    .panel-group.sports ul.list-one > li a, .panel-group.sports ul.list-one > li span { font-size: 25px !important; font-weight: 100 !important; line-height: 1.15 !important; letter-spacing: 0 !important; }

    :root.skinThemeRed { --gradient-secondary-color: linear-gradient(to right, #d2362f, #b9716f)!important; --secondary-color: #e36254!important; --bg-search-heading:#e36254!important; --content-bg-color:#ffffff!important; }
    body { height: 100%; padding: 0; margin: 0; overflow-x: hidden; font-family: "Roboto", sans-serif; font-size: 16px; background-color: var(--content-bg-color) !important; color: var(--main-font-color); overflow-y: hidden; }

    /* Menú de tipos de apuesta */
    .menuTypeContainer:not(.menuMoreContainer), .menuTypeContainer:not(.menuMoreContainer) .menuTypeItemsWrapper,
    .wtype > .row { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: visible !important; white-space: normal !important; text-align: left !important; box-sizing: border-box !important; background: #ffffff !important; }
    .menuTypeContainer:not(.menuMoreContainer) .menuTypeScrollableItems { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #ffffff !important; box-sizing: border-box !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
    .menuTypeContainer:not(.menuMoreContainer) .menuTypeScrollableItems::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }

    ul.m_topmenu { display: flex !important; width: max-content !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: #ffffff !important; overflow: visible !important; white-space: normal !important; box-sizing: border-box !important; }
    ul.m_topmenu > li { display: flex !important; flex: 1 0 62px !important; width: auto !important; max-width: none !important; margin: 0 -2px 0 0 !important; padding: 0 !important; background: #ffffff !important; border: 2px solid #000000 !important; border-radius: 0 !important; font-size: 0 !important; overflow: hidden !important; }
    ul.m_topmenu > li:last-child { margin-right: 0 !important; }
    ul.m_topmenu > li:has(> a.selected) { border-color: var(--mp-accent) !important; position: relative !important; z-index: 1 !important; }

    ul.m_topmenu > li > a.menuMobileSubItem, ul.m_topmenu > li > a.menuMobileSubItem:hover, ul.m_topmenu > li > a.menuMobileSubItem:visited {
        display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; float: none !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 9px 6px 8px !important; background-color: #ffffff !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; color: #5a5a5a !important; font-family: 'Oswald', sans-serif !important; font-size: 0 !important; font-weight: 400 !important; text-decoration: none !important; text-align: center !important;
    }

    /* CORRECCIÓN ABSOLUTA: OCULTAR CUALQUIER TEXTO ORIGINAL DENTRO DEL ENLACE */
    ul.m_topmenu > li > a.menuMobileSubItem > *,
    ul.m_topmenu > li > a.menuMobileSubItem span,
    ul.m_topmenu > li > a.menuMobileSubItem div {
        display: none !important;
        visibility: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    ul.m_topmenu > li > a.menuMobileSubItem::before { font-family: 'Oswald', sans-serif !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1 !important; text-transform: uppercase !important; color: #3f3f3f !important; }
    ul.m_topmenu > li > a.menuMobileSubItem::after { font-family: 'Oswald', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .2px !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; color: #6f6f6f !important; }

    ul.m_topmenu > li:nth-child(1) > a::before { content: "S"; }
    ul.m_topmenu > li:nth-child(1) > a::after  { content: "STRAIGHT"; }
    ul.m_topmenu > li:nth-child(2) > a::before { content: "P"; }
    ul.m_topmenu > li:nth-child(2) > a::after  { content: "PARLAY"; }
    ul.m_topmenu > li:nth-child(3) > a::before { content: "T"; }
    ul.m_topmenu > li:nth-child(3) > a::after  { content: "TEASER"; }
    ul.m_topmenu > li:nth-child(4) > a::before { content: "I"; }
    ul.m_topmenu > li:nth-child(4) > a::after  { content: "IF W/P"; }
    ul.m_topmenu > li:nth-child(5) > a::before { content: "I"; }
    ul.m_topmenu > li:nth-child(5) > a::after  { content: "IF WIN"; }
    ul.m_topmenu > li:nth-child(6) > a::before { content: "A"; }
    ul.m_topmenu > li:nth-child(6) > a::after  { content: "REVERSE"; }

    ul.m_topmenu > li > a.menuMobileSubItem.selected, ul.m_topmenu > li > a.menuMobileSubItem.selected:hover { background-color: var(--mp-accent) !important; }
    ul.m_topmenu > li > a.menuMobileSubItem.selected::before, ul.m_topmenu > li > a.menuMobileSubItem.selected::after { color: #ffffff !important; }
    .menuMobileSubItem { color: #4d5053 !important; }

    /* Menú de iconos (Cashier, Sports, Live, More) */
    menu-mobile .menuMoreContainer, menu-mobile .menuMoreContainer .menuTypeItemsWrapper,
    menu-mobile .menuMoreContainer .d-flex.justify-content-between { width: 100% !important; margin: 0 !important; padding: 0 !important; background: #3d4248 !important; }
    menu-mobile .gridMoreItemsContainer { grid-template-columns: 1fr 1fr 1fr 66px !important; gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: #3d4248 !important; }
    menu-mobile .gridMoreItemsContainer.showMoreItems { grid-template-columns: 1fr 1fr 1fr !important; background: #3d4248 !important; }
    menu-mobile .gridMoreItemsContainer .item_square { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
    menu-mobile .gridMoreItemsContainer .item_square.active { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #f4554a !important; }
    menu-mobile .gridMoreItemsContainer .item_square .inner { display: flex !important; flex-direction: column-reverse !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: 100% !important; aspect-ratio: auto !important; min-height: 62px !important; padding: 9px 2px 10px !important; background: transparent !important; background-color: transparent !important; border-radius: 0 !important; font-family: "Roboto", Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .3px !important; text-transform: uppercase !important; color: #9aa5b0 !important; }
    menu-mobile .gridMoreItemsContainer .item_square.active .inner { color: #ffffff !important; }
    menu-mobile .gridMoreItemsContainer .item_square .inner span { line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; }
    menu-mobile .gridMoreItemsContainer .item_square .inner .menu_img { width: 26px !important; height: 26px !important; margin: 0 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; }
    menu-mobile .gridMoreItemsContainer .wrapper-more { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; margin: 0 !important; padding: 9px 2px 10px !important; background: transparent !important; border-radius: 0 !important; }
    menu-mobile .gridMoreItemsContainer.showMoreItems .wrapper-more { margin: 0 !important; height: auto !important; border-radius: 0 !important; background: transparent !important; }
    menu-mobile .gridMoreItemsContainer .more_text, menu-mobile .gridMoreItemsContainer.showMoreItems .more_text { transform: none !important; margin: 0 !important; font-family: "Roboto", Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .3px !important; line-height: 1 !important; text-transform: uppercase !important; color: #ffffff !important; }
    menu-mobile .gridMoreItemsContainer .more_toggle_button, menu-mobile .gridMoreItemsContainer.showMoreItems .more_toggle_button { position: static !important; transform: none !important; margin: 0 !important; width: 22px !important; height: 22px !important; background: none !important; }
    menu-mobile .gridMoreItemsContainer .more_toggle_button::after, menu-mobile .gridMoreItemsContainer.showMoreItems .more_toggle_button::after { content: '' !important; display: block !important; width: 22px !important; height: 22px !important; border-radius: 0 !important; background: radial-gradient(#ffffff 42%, transparent 44%) !important; background-size: 7.4px 7.4px !important; background-position: 0 0 !important; }

    .mobile_choose_odds { display: flex !important; width: max-content !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; box-sizing: border-box !important; }
    .mobile_choose_odds > a, .mobile_choose_odds > a:hover, .mobile_choose_odds > a:visited { display: flex !important; flex: 1 0 76px !important; align-items: center !important; justify-content: center !important; min-height: 50px !important; margin: 0 -2px 0 0 !important; padding: 8px 6px !important; background-color: #ffffff !important; background-image: none !important; border: 2px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; color: #6f6f6f !important; font-family: 'Oswald', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .2px !important; line-height: 1.15 !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; white-space: normal !important; word-break: normal !important; }
    .mobile_choose_odds > a:last-child { margin-right: 0 !important; }
    .mobile_choose_odds > a.active, .mobile_choose_odds > a.active:hover { background-color: var(--mp-accent) !important; border-color: #000000 !important; color: #ffffff !important; font-weight: 700 !important; }
    .mobile_choose_odds { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
    .mobile_choose_odds::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }

    /* Marca de agua al desplegar un deporte */
    .panel-group.sports .panel-collapse { background-color: #ffffff !important; }
    .panel-group.sports .panel-collapse .panel-body, .panel-group.sports .panel-collapse sport-sub-types-list,
    .panel-group.sports .panel-collapse ul.list-one, .panel-group.sports .panel-collapse ul.list-one > li,
    .panel-group.sports .panel-collapse ul.list-one > li > div, .panel-group.sports .panel-collapse .d-flex { background-color: transparent !important; }
    .panel-group.sports ul.list-one > li:hover { background-color: var(--mp-accent) !important; }
    .panel-group.sports ul.list-one > li.selected { background-color: var(--mp-accent) !important; }
    .panel-group.sports .panel-collapse { position: relative !important; overflow: hidden !important; }
    /* estilo de fondo de imagenes del accordion opacidad */
    .panel-group.sports .panel-collapse::before { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 70% !important; padding-bottom: 70% !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; opacity: 8 !important; pointer-events: none !important; z-index: 0 !important; }
      /* fin estilo de fondo de imagenes del accordion opacidad */
    .panel-group.sports .panel-collapse > * { position: relative !important; z-index: 1 !important; }
/* imagenes de fondo accordion desplegable */
    #sp_Baseball::before { background-image: url('/assets/img/img_icons/baseball.png') !important; }
    #sp_Football::before { background-image: url('/assets/img/img_icons/football.png') !important; }
    #sp_Basketball::before { background-image: url('/assets/img/img_icons/basketball.png') !important; }
    #sp_Hockey::before { background-image: url('/assets/img/img_icons/hockey.png') !important; }
    #sp_Soccer::before { background-image: url('/assets/img/img_icons/soccer.png') !important; }
    #sp_Tennis::before { background-image: url('/assets/img/img_icons/tennis.png') !important; }
    #sp_Golf::before { background-image: url('/assets/img/img_icons/golf.png') !important; }
    #sp_AutoRacing::before { background-image: url('/assets/img/img_icons/autoracing.png') !important; }
    #sp_Fighting::before { background-image: url('/assets/img/img_icons/fighting.png') !important; }
    #sp_MartialArts::before { background-image: url('/assets/img/img_icons/martialarts.png') !important; }
    #sp_Boxing::before { background-image: url('/assets/img/img_icons/boxing.png') !important; }
    #sp_Politics::before { background-image: url('/assets/img/img_icons/politics.png') !important; }
    #sp_Cricket::before { background-image: url('/assets/img/img_icons/cricket.png') !important; }
    #sp_RugbyLeague::before { background-image: url('/assets/img/img_icons/rugbyleague.png') !important; }
    #sp_RugbyUnion::before { background-image: url('/assets/img/img_icons/rugbyunion.png') !important; }
    #sp_Lacrosse::before { background-image: url('/assets/img/img_icons/lacrosse.png') !important; }
    #sp_TableTennis::before { background-image: url('/assets/img/img_icons/tabletennis.png') !important; }
/* fin de imagenes de accordion desplegable*/
    .panel-group.sports a.sportIcon { display: flex !important; align-items: center !important; gap: 10px !important; padding-left: 0 !important; margin-left: 0 !important; text-indent: 0 !important; }
    .panel-group.sports a.sportIcon::before { flex: 0 0 auto !important; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; position: relative !important; top: 2px !important; }
}

/* =========================================================
   OSWALD EN TODO EL SITIO
   ========================================================= */
* { font-family: 'Oswald', sans-serif !important; }
html, body, body#body_bg, input, select, textarea, button, a, p, span, div, li,
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif !important; }

ul.m_topmenu > li > a.menuMobileSubItem, ul.m_topmenu > li > a.menuMobileSubItem:hover,
ul.m_topmenu > li > a.menuMobileSubItem:visited, ul.m_topmenu > li > a.menuMobileSubItem::before,
ul.m_topmenu > li > a.menuMobileSubItem::after, .mobile_choose_odds > a, .mobile_choose_odds > a:hover,
.mobile_choose_odds > a:visited, menu-mobile .gridMoreItemsContainer .item_square .inner,
menu-mobile .gridMoreItemsContainer .item_square .inner span,
menu-mobile .gridMoreItemsContainer .more_text, menu-mobile .gridMoreItemsContainer.showMoreItems .more_text,
#menu_header_ul > li .header_menu_item, #menu_header_ul > li .header_menu_item span,
#menu_header_ul .dropdown-item, .panel-heading.sportType h3.panel-title,
.panel-heading.sportType h3.panel-title span, .btn-period-group .btn.btn-period,
.searchPanel input.search-query, button.btn-betlines p, .btn-betline-container .btn p,
.line-rot-num, .line_titles .title span { font-family: 'Oswald', sans-serif !important; }

.fa, .fas, .far, .fab, [class^="icon-"], [class*=" icon-"], [class^="ui_icon"], [class*=" ui_icon"], .more_toggle_button::after, i { font-family: inherit; }
i.fa, i.fas, i.far, i.fab, [class^="icon-"], [class*=" icon-"] { font-family: "FontAwesome", "ui_icons" !important; }
.dropdown-toggle::after, .dropdown-toggle::before, .caret, .caret::after, .arrow-left, .arrow-right, .arrow-up, .arrow-down, [class^="arrow-"], [class*=" arrow-"], .more_toggle_button, .more_toggle_button::after { font-family: "ui_icons", "FontAwesome" !important; }

.tik-msg-err .tik-head, .tik-msg-err .tik-body,.tik-msg-err .tik-head span{ color:#000; }
.btn-print-ticket{ background: var(--secondary-color)!important; }

/* BLOQUE COMPLETO DE ESTILOS - DISEÑO IDÉNTICO A REFERENCIA */
.panel-group.sports .panel-collapse { background-color: #ffffff !important; position: relative !important; overflow: hidden !important; }
.panel-group.sports .panel-collapse .panel-body, .panel-group.sports .panel-collapse sport-sub-types-list,
.panel-group.sports .panel-collapse ul.list-one, .panel-group.sports .panel-collapse ul.list-one > li,
.panel-group.sports .panel-collapse ul.list-one > li > div, .panel-group.sports .panel-collapse .d-flex { background-color: transparent !important; }
.panel-group.sports .panel-collapse > * { position: relative !important; z-index: 1 !important; }
/* style de imagenes para acordion desplegable version deskptop opacidad*/  
.panel-group.sports .panel-collapse::before { content: '' !important; position: absolute !important; top: 40% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 80% !important; padding-bottom: 80% !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; opacity: 8 !important; pointer-events: none !important; z-index: 0 !important; }
/* fin style de imagenes para acordion desplegable version deskptop opacidad*/  
/* fondo de imagenes para acordion desplegable version deskptop*/  
#sp_Baseball::before { background-image: url('/assets/img/img_icons/baseball.png') !important; }
    #sp_Football::before { background-image: url('/assets/img/img_icons/football.png') !important; }
    #sp_Basketball::before { background-image: url('/assets/img/img_icons/basketball.png') !important; }
    #sp_Hockey::before { background-image: url('/assets/img/img_icons/hockey.png') !important; }
    #sp_Soccer::before { background-image: url('/assets/img/img_icons/soccer.png') !important; }
    #sp_Tennis::before { background-image: url('/assets/img/img_icons/tennis.png') !important; }
    #sp_Golf::before { background-image: url('/assets/img/img_icons/golf.png') !important; }
    #sp_AutoRacing::before { background-image: url('/assets/img/img_icons/autoracing.png') !important; }
    #sp_Fighting::before { background-image: url('/assets/img/img_icons/fighting.png') !important; }
    #sp_MartialArts::before { background-image: url('/assets/img/img_icons/martialarts.png') !important; }
    #sp_Boxing::before { background-image: url('/assets/img/img_icons/boxing.png') !important; }
    #sp_Politics::before { background-image: url('/assets/img/img_icons/politics.png') !important; }
    #sp_Cricket::before { background-image: url('/assets/img/img_icons/cricket.png') !important; }
    #sp_RugbyLeague::before { background-image: url('/assets/img/img_icons/rugbyleague.png') !important; }
    #sp_RugbyUnion::before { background-image: url('/assets/img/img_icons/rugbyunion.png') !important; }
    #sp_Lacrosse::before { background-image: url('/assets/img/img_icons/lacrosse.png') !important; }
    #sp_TableTennis::before { background-image: url('/assets/img/img_icons/tabletennis.png') !important; }
/* fin  fondo de imagenes para acordion desplegable version deskptop*/  
/* Estilos del menú móvil que también se aplican a desktop si no se sobreescriben */
ul.m_topmenu { display: flex !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: #212121 !important; border-bottom: 2px solid var(--mp-border, #1a1a1a) !important; }
ul.m_topmenu > li { display: flex !important; flex: 1 !important; height: 55px !important; margin: 0 -1px 0 0 !important; background: #333333 !important; border: 1px solid #1a1a1a !important; }
ul.m_topmenu > li > a, ul.m_topmenu > li > a.menuMobileSubItem { display: flex !important; flex-direction: column-reverse !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; padding: 6px 2px !important; color: #b0bec5 !important; font-family: 'Oswald', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; text-decoration: none !important; }
ul.m_topmenu > li:has(> a.selected), ul.m_topmenu > li > a.selected, ul.m_topmenu > li > a.menuMobileSubItem.selected { background-color: var(--mp-accent, #ff3b30) !important; border-color: var(--mp-accent, #ff3b30) !important; color: #ffffff !important; }

.btn-refresh, button[ng-click*="refresh"], .action-btn-refresh, ul.m_topmenu > li:has(button[ng-click*="refresh"]) { background-color: #007bff !important; border-color: #007bff !important; color: #ffffff !important; }
.btn-continue, button[ng-click*="continue"], .action-btn-continue, ul.m_topmenu > li:has(button[ng-click*="continue"]) { background-color: #28a745 !important; border-color: #28a745 !important; color: #ffffff !important; }

.league-header, .panel-heading.sportType.active-league { background-color: var(--mp-accent, #ff3b30) !important; color: #ffffff !important; }

/* CORRECCIÓN DEFINITIVA PARA EL MENÚ MÓVIL */
@media (max-width: 991.98px) {
    /* Ocultar texto directo dentro del enlace */
    ul.m_topmenu > li > a.menuMobileSubItem {
        font-size: 0 !important;
        color: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Ocultar cualquier etiqueta hija (spans, divs, etc.) */
    ul.m_topmenu > li > a.menuMobileSubItem > * {
        display: none !important;
        visibility: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
        height: 0 !important;
        width: 0 !important;
        position: absolute !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Mostrar los pseudo-elementos con tamaño forzado */
    ul.m_topmenu > li > a.menuMobileSubItem::before,
    ul.m_topmenu > li > a.menuMobileSubItem::after {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 21px !important;
        line-height: 1 !important;
        color: #3f3f3f !important;
        position: relative !important;
    }

    ul.m_topmenu > li > a.menuMobileSubItem::after {
        font-size: 11px !important;
        color: #6f6f6f !important;
        margin-top: 2px !important;
    }

    /* Estado seleccionado */
    ul.m_topmenu > li > a.menuMobileSubItem.selected::before,
    ul.m_topmenu > li > a.menuMobileSubItem.selected::after {
        color: #ffffff !important;
    }
}

/* =========================================================
   MENÚ DE ICONOS MÓVIL (CASHIER, SPORTS, BET BUILDER, MORE)
   ========================================================= */
@media (max-width: 991.98px) {
    /* Quitar cualquier ocultamiento anterior */
    menu-mobile,
    menu-mobile .menuMoreContainer,
    menu-mobile .gridMoreItemsContainer,
    menu-mobile .item_square,
    menu-mobile .inner,
    menu-mobile .menu_img,
    menu-mobile .inner span {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Contenedor principal */
    menu-mobile .menuMoreContainer {
        background: #3a3d40 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    menu-mobile .gridMoreItemsContainer {
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        background: #3a3d40 !important;
        padding: 5px 0 !important;
        width: 100% !important;
    }

    /* Cada ítem cuadrado */
    menu-mobile .item_square {
        flex: 1 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 60px !important;
        background: transparent !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    /* Ítem activo (naranja) */
    menu-mobile .item_square.active {
        background-color: #f4554a !important;
        border-radius: 4px !important;
    }

    /* Contenido interno (ícono arriba, texto abajo) */
    menu-mobile .inner {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 4px !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Ícono */
    menu-mobile .menu_img {
        width: 26px !important;
        height: 26px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        filter: brightness(0) invert(1); /* Hace los íconos blancos */
    }

    /* Texto */
    menu-mobile .inner span {
        color: #b0bec5 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: .5px !important;
    }

    /* Texto en ítem activo */
    menu-mobile .item_square.active .inner span {
        color: #ffffff !important;
    }

    /* Botón "More" */
    menu-mobile .wrapper-more {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        height: 60px !important;
        background: transparent !important;
        cursor: pointer !important;
    }

    menu-mobile .more_text {
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
    }

    menu-mobile .more_toggle_button {
        width: 22px !important;
        height: 22px !important;
        background: radial-gradient(circle, #ffffff 3px, transparent 4px) !important;
        background-size: 6px 6px !important;
        background-position: center !important;
        margin-top: 4px !important;
    }
}

/* =========================================================
   MENÚ DE ICONOS MÓVIL - 3 ÍTEMS + BOTÓN MORE EN LA MISMA FILA
   ========================================================= */
@media (max-width: 991.98px) {
    /* Contenedor principal */
    menu-mobile .menuMoreContainer {
        background: #3a3d40 !important;
        width: 100% !important;
        padding: 8px 0 !important;
        margin: 0 !important;
    }

    /* Cuadrícula: 4 columnas (3 ítems + More) */
    menu-mobile .gridMoreItemsContainer {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 4px !important;
        background: #3a3d40 !important;
        padding: 0 8px !important;
        width: 100% !important;
    }

    /* Cuando se expande (showMoreItems) -> mostramos todos en 3 columnas */
    menu-mobile .gridMoreItemsContainer.showMoreItems {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    /* Cada ítem */
    menu-mobile .item_square {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 60px !important;
        background: transparent !important;
        border-radius: 4px !important;
        margin: 0 !important;
    }

    /* Ítem activo (naranja) */
    menu-mobile .item_square.active {
        background-color: #f4554a !important;
    }

    /* Contenido interno (ícono arriba, texto abajo) */
    menu-mobile .inner {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 3px !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Ícono */
    menu-mobile .menu_img {
        width: 26px !important;
        height: 26px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        filter: brightness(0) invert(1); /* blanco */
    }

    /* Texto */
    menu-mobile .inner span {
        color: #b0bec5 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: .5px !important;
        text-align: center !important;
    }

    /* Texto en ítem activo */
    menu-mobile .item_square.active .inner span {
        color: #ffffff !important;
    }

    /* Botón MORE (ocupa la 4ª columna) */
    menu-mobile .wrapper-more {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        height: 60px !important;
        background: transparent !important;
        cursor: pointer !important;
        margin: 0 !important;
    }

    /* Cuando se expande, el botón pasa a ser CLOSE y ocupa todo el ancho */
    menu-mobile .gridMoreItemsContainer.showMoreItems .wrapper-more {
        grid-column: 1 / -1; /* Ocupa toda la fila inferior */
        height: 50px !important;
    }

    menu-mobile .more_text {
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: .5px !important;
    }

    menu-mobile .more_toggle_button {
        width: 22px !important;
        height: 22px !important;
        background: radial-gradient(circle, #ffffff 3px, transparent 4px) !important;
        background-size: 6px 6px !important;
        background-position: center !important;
        margin-top: 3px !important;
    }
}