/* DanliPagos · portal.css · v3.7.133 (03/11/2026)
   Fusión de las 30 hojas del portal en su mismo orden, sin las reglas cuyas clases no existen en el código.
   Las hojas que cargan los módulos por su cuenta (casino-lobby, site-blocks, site-information, payment-dialog…) siguen aparte. */

/* ===== styles.css ===== */
:root{font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; font-synthesis: none; color-scheme: dark; --bg: #12161b; --topbar: #12161b; --sidebar: #242a31; --card: #17181b; --card2: #181c23; --soft: #1e232c; --muted: #98a2b3; --text: #eef1f6; --line: #242934; --orange: #f0923e; --orange2: #ffb968; --orangedark: #c96a1f; --blue: #4b8ff5; --green: #36d39a; --shadow: 0 18px 44px #0008; --faint: #171a21;}
:root[data-theme="light"]{color-scheme: light; --bg: #f6f7f9; --sidebar: #fff; --card: #fff; --card2: #f7f8fa; --soft: #eef1f5; --muted: #5c6572; --text: #1b1f27; --line: #e4e7ec; --orange: #e07d26; --orange2: #f0923e; --orangedark: #b4611c; --blue: #2f6fe0; --green: #0f9b6c; --shadow: 0 14px 36px #1a1f2712; --faint: #f2f4f7;}
*{box-sizing: border-box;}
html{scroll-behavior: smooth;}
body{margin: 0px; background: var(--bg); color: var(--text); font-size: 15px;}
button,input,select{font: inherit;}
button{cursor: pointer;}
a{color: inherit; text-decoration: none;}
h1,h2,h3,p{margin-top: 0px;}
h1{font-size: 34px; line-height: 1.16; margin-bottom: 8px; letter-spacing: -1.2px;}
h2{font-size: 19px; line-height: 1.3; margin: 0px;}
h3{font-size: 16px;}
p{color: var(--muted); line-height: 1.55;}
small{font-size: 12px;}
input,select{color: var(--text); background: var(--card2); border: 1px solid var(--line); border-radius: 10px; min-height: 44px; padding: 11px 12px; outline: none; width: 100%;}
input:focus,select:focus{border-color: var(--orange); box-shadow: rgba(250, 115, 33, 0.125) 0px 0px 0px 3px;}
input[type="checkbox"]{width: 18px; height: 18px; min-height: 18px; accent-color: var(--orange); box-shadow: none;}
label{display: flex; flex-direction: column; gap: 7px; font-weight: 550; font-size: 13px;}
label small{font-weight: 400; color: var(--muted);}
::selection{background: rgba(255, 114, 11, 0.5); color: rgb(255, 255, 255);}
.loading{padding: 100px; text-align: center;}
.topbar{height: 80px; background: var(--topbar,var(--bg)); border-bottom: 0px; display: flex; align-items: center; gap: 20px; padding: 0px 29px 0px 22px; position: sticky; top: 0px; z-index: 10;}
.brand-header{width: 224px; flex-shrink: 0; display: block;}
.logo{display: block; width: 100%; max-width: 100%;}
.logo img{width: 100%; height: 56px; object-fit: contain; display: block;}
.top-search{height: 42px; display: flex; align-items: center; gap: 10px; padding: 0px 16px; background: var(--card2); border: 1px solid var(--line); border-radius: 12px; color: var(--muted); max-width: 510px; flex: 1 1 0%; min-width: 0px;}
.top-search::first-letter{font-size: 26px;}
.spacer{flex: 1 1 0%;}
.theme-toggle,.icon-btn{background: var(--card2); border: 1px solid var(--line); color: var(--text); border-radius: 13px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 12px;}
.theme-toggle:hover,.icon-btn:hover{border-color: var(--orange);}
.theme-toggle{color: var(--orange); font-weight: 750; white-space: nowrap;}
.layout{display: flex; min-height: calc(-80px + 100vh);}
.sidebar{width: 244px; flex: 0 0 244px; background: var(--sidebar); border-right: 1px solid var(--line); padding: 22px 12px; display: flex; flex-direction: column; min-height: calc(-80px + 100vh);}
.menu-title{font-size: 10px; letter-spacing: 1.8px; color: var(--muted); padding: 13px 19px;}
.sidebar nav{display: grid; gap: 4px;}
.nav-entry{display: flex; gap: 14px; align-items: center; min-height: 49px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: left; border-radius: 10px; padding: 9px 15px; background: transparent; color: var(--muted); font-size: 14px;}
.nav-entry:hover,.nav-entry.active{color: var(--text); background: var(--faint);}
.nav-entry.active{background: linear-gradient(90deg, rgba(239, 91, 20, 0.17), transparent); border-left: 3px solid var(--orange); padding-left: 12px; color: var(--orange); font-weight: 700;}
.nav-icon{width: 25px; display: grid; place-items: center; font-size: 21px; flex-shrink: 0;}
.side-bottom{margin-top: auto; border-top: 1px solid var(--line); padding: 12px 0px;}
.side-bottom button{width: 100%;}
.main{flex: 1 1 0%; min-width: 0px; padding: 28px 32px 65px; max-width: 1900px;}
.card{background: var(--card); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow);}
.padded{padding: 21px;}
.mt{margin-top: 18px;}
.btn{display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 43px; padding: 10px 20px; border-radius: 11px; border: 1px solid transparent; font-size: 14px; font-weight: 700; transition: background 0.18s, transform 0.18s, border-color 0.18s;}
.btn:hover{transform: translateY(-1px);}
.btn-primary{color: rgb(255, 255, 255); background: linear-gradient(95deg,var(--orange),var(--orangedark)); box-shadow: rgba(212, 75, 17, 0.133) 0px 7px 16px;}
.btn-outline{color: var(--text); background: var(--card2); border: 1px solid var(--line);}
.btn-outline:hover{border-color: var(--orange);}
.btn.mini{padding: 9px 13px; min-height: 36px; white-space: nowrap; font-size: 12px;}
.btn.full{width: 100%;}
.text-link{color: var(--orange); font-size: 13px; font-weight: 750; white-space: nowrap;}
.section-head{display: flex; gap: 15px; align-items: center; justify-content: space-between; margin-bottom: 18px;}
.section-head p{font-size: 13px; margin: 3px 0px 0px;}
.eyebrow{font-weight: 750; letter-spacing: 1.6px; color: var(--orange); font-size: 11px; margin-bottom: 9px;}
.page-heading{margin-bottom: 22px;}
.page-heading p{margin: 0px;}
.operators-grid{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 11px;}
.operator-tile{background: var(--card2); color: var(--text); min-height: 116px; border: 1px solid var(--line); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 13px 8px; gap: 8px; transition: border 0.15s, transform 0.15s;}
.operator-tile:hover{border-color: var(--orange); transform: translateY(-2px);}
.operator-tile.selected{border: 2px solid var(--orange); background: linear-gradient(135deg,#eb641318,var(--card2));}
.operator-tile img{max-width: 100%; height: 54px; width: 102px; object-fit: contain;}
.operator-tile strong{font-size: 13px; font-weight: 600;}
.op-abbrev{font-size: 21px; font-weight: 700;}
.dashboard-grid{display: grid; grid-template-columns: minmax(0px, 1.7fr) minmax(270px, 0.85fr); gap: 18px; margin-top: 17px;}
.side-stack{display: grid; gap: 17px; align-content: start;}
.side-stack .card > p{font-size: 13px;}
.side-stack .btn{margin-top: 10px;}
.table-scroll{overflow: auto; max-width: 100%;}
table{border-collapse: collapse; width: 100%; text-align: left; white-space: nowrap; font-size: 12px;}
th{color: var(--muted); background: var(--faint); font-weight: 600; padding: 12px 11px;}
td{padding: 12px 11px; border-bottom: 1px solid var(--line);}
tr:last-child td{border-bottom: 0px;}
.status{border-radius: 15px; padding: 5px 9px; font-size: 11px; white-space: nowrap;}
.status.success{background: rgba(10, 165, 118, 0.133); color: rgb(22, 214, 141);}
.status.warning{background: rgba(240, 160, 0, 0.137); color: rgb(234, 178, 57);}
.status.danger{background: rgba(240, 68, 81, 0.125); color: rgb(255, 99, 114);}
.empty{padding: 35px 18px; display: grid; justify-items: center; text-align: center; gap: 9px; color: var(--muted);}
.empty > span{font-size: 31px; color: var(--orange);}
.empty strong,.empty h2{color: var(--text);}
.empty p{margin: 0px 0px 12px; max-width: 450px; font-size: 13px;}
.empty .btn{margin-top: 10px;}
.quick-list{display: grid; gap: 9px; margin: 14px 0px;}
.quick-list a{display: flex; align-items: center; justify-content: space-between; padding: 13px; background: var(--card2); border: 1px solid var(--line); border-radius: 9px; font-size: 13px;}
.quick-list a:hover{border-color: var(--orange);}
.helper{font-size: 12px; color: var(--muted); margin: 15px 0px 0px;}
.chip{padding: 5px 10px; border: 1px solid var(--line); border-radius: 25px; color: var(--orange); font-weight: 750;}
form{display: grid; gap: 16px;}
.summary{margin: 5px 0px; background: var(--card2); padding: 17px; border: 1px solid var(--line); border-radius: 12px;}
.summary h3{margin: 0px 0px 12px;}
.summary > div{display: flex; justify-content: space-between; gap: 12px; font-size: 13px; border-bottom: 1px solid var(--line); padding: 9px 0px;}
.summary > div:last-child{border: 0px;}
.summary span{color: var(--muted);}
.notice{font-size: 13px; border-radius: 11px; padding: 16px; background: rgba(249, 135, 30, 0.07); border: 1px solid rgba(249, 135, 30, 0.333); color: var(--text); line-height: 1.6;}
.notice.subtle{background: var(--faint); border-color: var(--line); color: var(--muted);}
.recharge-form{align-self: start;}
.dot{margin-left: auto; border-radius: 50%; height: 9px; width: 9px; background: rgb(89, 110, 136);}
.dot.on{background: var(--green);}
.form-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
.form-subhead{display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 16px; border-top: 1px solid var(--line); margin-top: 9px;}
.form-subhead h3{margin: 0px;}
.switch-label{flex-direction: row; gap: 8px; align-items: center; color: var(--text); font-size: 12px;}
.auth-surface{min-height: calc(-210px + 100vh); display: flex; align-items: center; justify-content: center; padding: 25px;}
.auth-card{width: 100%; max-width: 455px; padding: 30px;}
.auth-card h1{margin-bottom: 8px;}
.auth-card p{font-size: 14px;}
.auth-card form{margin-top: 23px;}
.auth-logo{width: 190px; margin: 0px 0px 20px;}
.auth-logo img{height: 57px;}
.auth-links{display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap; font-size: 12px; margin-top: 21px; color: var(--orange);}
.account-fields{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 17px; margin-bottom: 22px;}
.account-fields > div{display: grid; gap: 6px; padding: 16px; background: var(--card2); border: 1px solid var(--line); border-radius: 12px;}
.account-fields small{color: var(--muted);}
.mobile-trigger{display: none;}
.overlay{display: none;}
#toast{opacity: 0; pointer-events: none; position: fixed; right: 22px; bottom: 20px; padding: 13px 19px; background: rgb(6, 60, 49); color: rgb(255, 255, 255); border: 1px solid rgb(10, 147, 106); border-radius: 11px; box-shadow: rgba(0, 0, 0, 0.333) 0px 12px 40px; z-index: 30; transition: opacity 0.2s; max-width: 400px;}
#toast.visible{opacity: 1;}
#toast.error{background: rgb(91, 23, 36); border-color: rgb(232, 76, 84);}
@media (max-width: 1180px){
.sidebar{width: 210px; flex-basis: 210px;}
.main{padding: 24px;}
.topbar{gap: 10px; padding: 0px 15px;}
.brand-header{width: 190px;}
.dashboard-grid{grid-template-columns: minmax(0px, 1.45fr) minmax(250px, 0.9fr);}
.operators-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.top-search{max-width: 260px;}
}
@media (max-width: 930px){
.top-search{display: none;}
.sidebar{position: fixed; z-index: 20; top: 70px; bottom: 0px; left: 0px; transform: translateX(-100%); transition: transform 0.2s; width: 260px; min-height: 0px; box-shadow: rgba(0, 0, 0, 0.267) 20px 0px 45px;}
.sidebar.open{transform: none;}
.overlay{display: block; position: fixed; inset: 70px 0px 0px; background: rgba(0, 0, 0, 0.467); z-index: 15;}
.topbar{height: 70px;}
.mobile-trigger{display: flex;}
.brand-header{width: 180px;}
.main{padding: 20px;}
.layout{min-height: calc(-70px + 100vh);}
.dashboard-grid{grid-template-columns: 1fr;}
}
@media (max-width: 680px){
.topbar{padding: 0px 12px; gap: 8px;}
.brand-header{width: 138px;}
.logo img{height: 46px;}
.topbar .mini{display: none;}
.theme-toggle{padding: 7px 9px;}
.theme-toggle span{display: none;}
.main{padding: 15px 12px 40px;}
h1{font-size: 27px;}
.page-heading{margin-bottom: 18px;}
.section-head{align-items: flex-start; gap: 9px;}
.section-head p{font-size: 11px;}
.padded{padding: 15px;}
.operators-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px;}
.operator-tile{min-height: 94px; padding: 9px 4px;}
.operator-tile img{height: 43px; width: 75px;}
.operator-tile strong{font-size: 11px;}
.form-grid,.account-fields{grid-template-columns: 1fr;}
.table-scroll{margin: 0px -2px;}
.auth-surface{padding: 10px 0px;}
.auth-card{padding: 20px;}
.section-head h2,h2{font-size: 17px;}
.topbar{position: sticky;}
}
.recharge-result{padding: 13px 15px; border-radius: 12px; border: 1px solid rgb(210, 148, 51); background: rgba(221, 153, 38, 0.1); display: grid; gap: 5px;}
.recharge-result p,.recharge-result small{margin: 0px; line-height: 1.5; overflow-wrap: anywhere;}
.recharge-result p{font-size: 13px;}
.recharge-result small{font-size: 11px; color: var(--muted);}
.recharge-result.success{border-color: rgb(22, 169, 118); background: rgba(22, 169, 118, 0.09);}
.recharge-result.failed{border-color: rgb(226, 90, 105); background: rgba(226, 90, 105, 0.09);}
#recharge-form button:disabled{opacity: 0.55; cursor: not-allowed; filter: grayscale(0.35);}
.status-reason{display: block; margin-top: 4px; font-size: 11px; color: var(--muted); white-space: normal; max-width: 280px; line-height: 1.35;}
.dp-tabs{display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0px 18px; border-bottom: 1px solid var(--line); padding-bottom: 12px;}
.dp-tab{background: var(--card2); border: 1px solid var(--line); color: var(--muted); border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 650; white-space: nowrap;}
.dp-tab:hover{border-color: var(--orange); color: var(--text);}
.dp-tab.active{background: linear-gradient(95deg,var(--orange),var(--orangedark)); border-color: transparent; color: rgb(255, 255, 255);}
.dp-tab .tab-count{display: inline-block; margin-left: 7px; background: rgba(255, 255, 255, 0.157); border-radius: 999px; padding: 1px 7px; font-size: 11px;}
.cell-actions{display: flex; flex-wrap: wrap; gap: 6px; white-space: normal;}
.svc-actions-bar{display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap;}
td.svc-cell{white-space: normal;}
.svc-route{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.svc-route select{min-width: 150px; width: auto;}
.user-credit-form{display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; margin: 10px 0px;}
.user-credit-form label{flex: 1 1 0%; min-width: 140px;}
.user-impersonate-note{font-size: 12px; color: var(--muted); margin-top: 8px;}
.dp-modal textarea,.dp-modal input{width: 100%;}
.dp-cfg-links{display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0px;}
.user-credit{border-top: 1px solid var(--line); margin-top: 16px; padding-top: 14px;}
.user-credit h3{margin-bottom: 6px;}
.ref-code-box{display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; background: var(--card2); border: 1px solid var(--line); border-radius: 12px; padding: 16px; margin-bottom: 16px;}
.ref-code-box .rcb-code strong{font-size: 26px; color: var(--orange); display: block;}
.ref-code-box .rcb-link{display: grid; gap: 6px;}
.ref-code-box .rcb-link small{color: var(--muted);}
.ref-code-box .rcb-link input{font-size: 12px;}
.ref-code-box small{color: var(--muted);}
@media (max-width: 620px){
.ref-code-box{grid-template-columns: 1fr;}
}
.g-signin-sep{display: flex; align-items: center; gap: 12px; margin: 18px 0px 14px; color: var(--muted); font-size: 12px;}
.g-signin-sep::before,.g-signin-sep::after{content: ""; height: 1px; background: var(--line); flex: 1 1 0%;}
.g-signin{display: flex; justify-content: center;}
.balance-mini{display: flex; gap: 24px; flex-wrap: wrap; padding-bottom: 14px; margin-bottom: 6px; border-bottom: 1px solid var(--line);}
.balance-mini small{color: var(--muted); display: block;}
.balance-mini strong{font-size: 22px; color: var(--orange2,#ff9d3f);}
.legal{max-width: 70ch; line-height: 1.7;}
.legal h3{margin: 18px 0px 6px; font-size: 15px;}
.legal p{font-size: 14px; margin: 0px 0px 6px;}
.legal a{color: var(--orange); font-weight: 700;}
.faq details{border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; margin-bottom: 10px; background: var(--card2);}
.faq summary{cursor: pointer; font-weight: 650;}
.faq p{margin: 8px 0px 0px; font-size: 13px; color: var(--muted);}
.faq a{color: var(--orange); font-weight: 700;}
.dp-footer{margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between;}
.dpf-copy{font-size: 12px; color: var(--muted);}
@media (max-width: 620px){
.dp-footer{flex-direction: column; align-items: flex-start; gap: 10px;}
}
.retiros-cfg{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: var(--faint); border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; margin-bottom: 14px; font-size: 13px;}
.retiros-cfg .switch-label{margin-left: auto;}
.help-guide{display: grid; gap: 14px;}
.help-item{display: flex; gap: 14px; align-items: flex-start; padding: 14px; background: var(--card2); border: 1px solid var(--line); border-radius: 12px;}
.help-item .help-ic{flex-shrink: 0; width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: var(--faint); color: var(--orange);}
.help-item strong{display: block; margin-bottom: 3px;}
.help-item p{font-size: 13px; margin: 0px;}
.help-item a{color: var(--orange); font-weight: 700;}
.ap-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
.ap-field{flex-direction: row; align-items: center; gap: 13px; background: var(--card2); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; cursor: pointer;}
.ap-field .ap-sw{width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--line2); flex: 0 0 auto;}
.ap-field .ap-tx{display: grid; gap: 2px; flex: 1 1 0%; min-width: 0px; font-weight: 400;}
.ap-field .ap-tx b{font-size: 13.5px; font-weight: 700; color: var(--text);}
.ap-field .ap-tx small{color: var(--muted); font-size: 11.5px;}
.ap-field input[type="color"]{width: 46px; height: 38px; min-height: 38px; padding: 2px; border: 1px solid var(--line); border-radius: 9px; background: var(--card2); cursor: pointer; flex: 0 0 auto;}
.ap-actions{grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap;}
@media (max-width: 620px){
.ap-grid{grid-template-columns: 1fr;}
}
.logs-filters{display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin-bottom: 18px;}
.logs-filters .lf-field{display: flex; flex-direction: column; gap: 6px; min-width: 150px;}
.logs-filters .lf-field.lf-grow{flex: 1 1 240px; min-width: 200px;}
.logs-filters .lf-field label{font-size: 12px; color: var(--muted); font-weight: 600;}
.logs-filters .lf-field input,.logs-filters .lf-field select{min-height: 42px;}
.logs-filters .lf-actions{display: flex; gap: 8px; align-items: flex-end;}
.logs-filters .lf-actions .btn{min-height: 42px;}
@media (max-width: 680px){
.logs-filters .lf-field,.logs-filters .lf-field.lf-grow{min-width: 100%; flex-basis: 100%;}
.logs-filters .lf-actions{width: 100%;}
.logs-filters .lf-actions .btn{flex: 1 1 0%;}
}
.logs-table td.nowrap{white-space: nowrap;}
.logs-table td.num{text-align: right; font-variant-numeric: tabular-nums;}
.logs-table .empty-cell{text-align: center; color: var(--muted); padding: 26px;}
.log-detail{margin: 0px; white-space: pre-wrap; word-break: break-word; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11px; color: var(--muted); max-width: 620px; max-height: 150px; overflow: auto; background: var(--card2); border: 1px solid var(--line); border-radius: 8px; padding: 8px;}
.cron-cmd code{font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11.5px; color: var(--text); white-space: normal; word-break: break-all;}
td.cron-cmd{white-space: normal; max-width: 360px;}
.cron-presets{display: flex; flex-wrap: wrap; gap: 7px; margin: -6px 0px 2px;}
.cron-sugs{display: grid; gap: 10px;}
.cron-sug{border: 1px solid var(--line); background: var(--card2); border-radius: 12px; padding: 13px 15px;}
.cron-sug-h{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
.cron-sug-h strong{display: block;}
.cron-sug-h small{display: block; color: var(--muted); font-size: 12px; margin-top: 2px;}
.cron-last{font-size: 12px; color: var(--muted); margin-top: 8px;}
.nbadge{display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0px 5px; margin-left: auto; background: var(--orange); color: rgb(255, 255, 255); font-size: 11px; font-weight: 800; border-radius: 999px; line-height: 1;}
.nav-entry.active .nbadge{background: rgb(255, 255, 255); color: var(--orange);}
.prov-table td{vertical-align: middle;}
.prov-name{display: flex; align-items: center; gap: 11px;}
.prov-ava{width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; font-weight: 800; font-size: 16px; color: rgb(255, 255, 255); background: linear-gradient(140deg,var(--orange),var(--orangedark)); box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 14px; flex-shrink: 0;}
.prov-name strong{display: block; font-size: 13.5px;}
.prov-name small{color: var(--muted); font-size: 11px;}
.prov-chips{display: flex; gap: 5px; flex-wrap: wrap;}
.prov-table code{font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11.5px; color: var(--text); background: var(--card2); border: 1px solid var(--line); border-radius: 6px; padding: 2px 7px; display: inline-block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.dp-tabs{border-bottom: 0px !important; padding-bottom: 0px !important; margin-bottom: 12px !important;}
.swal2-container{z-index: 2147483000 !important;}
.anim-express{margin: 0px 0px 12px; border-radius: 12px; background: var(--card,#18212c); padding: 9px 11px; min-width: 0px; max-width: 100%;}
@media (max-width: 600px){
.anim-express{padding: 8px; margin-bottom: 10px;}
}
.anim-heading-row{display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; min-width: 0px; margin-bottom: 12px;}
.anim-heading-main{flex: 1 0 340px; min-width: 0px;}
.anim-heading-row .dp-tabs{margin-bottom: 0px;}
.anim-heading-row > .anim-express{flex: 1 1 960px; max-width: 960px; min-width: 0px; align-self: center; margin: 0px; border: 1px solid rgba(255, 125, 24, 0.48); background: var(--card,#18212c); box-shadow: rgba(0, 0, 0, 0.12) 0px 7px 22px;}
.anim-all-hours{display: none;}
.tri-progress-ticket{border: 1px solid var(--line); border-radius: 14px; background: var(--card2,#17202c); padding: 16px; margin-bottom: 10px;}
.tri-ticket-progress > div:first-child{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
.tri-ticket-animals{display: flex; gap: 14px; flex-wrap: wrap; min-width: 0px;}
.tri-ticket-animal{min-width: 70px; display: flex; align-items: center; flex-direction: column; gap: 3px; font-size: 13px;}
.tri-ticket-animal small{font-size: 11px; color: var(--muted);}
.tri-animal-round{display: grid; place-items: center; position: relative; width: 62px; height: 62px; border: 2px solid var(--line); border-radius: 50%; background: var(--card); overflow: visible;}
.tri-ticket-animal.hit .tri-animal-round{border-color: rgb(255, 132, 30); box-shadow: rgba(255, 106, 0, 0.21) 0px 0px 12px;}
.tri-match-pic{width: 50px; height: 50px; display: grid; place-items: center;}
.tri-match-pic img{max-width: 100%; max-height: 100%; object-fit: contain;}
.tri-hit-check{position: absolute; right: -6px; top: -5px; width: 23px; height: 23px; border-radius: 50%; background: rgb(255, 121, 23); color: rgb(255, 255, 255); display: grid; place-items: center; font-weight: 800;}
.tri-ticket-progress{flex: 1 1 280px; min-width: 160px;}
.tri-ticket-progress > div:first-child b{font-size: 17px;}
.tri-ticket-progress > div:first-child span{color: var(--muted); font-size: 12px;}
.tri-ticket-progress > small{font-size: 11px; color: var(--muted);}
@media (max-width: 899px){
.anim-heading-row{display: block;}
.anim-heading-row > .anim-express{max-width: 100%; margin: 10px 0px 12px;}
.anim-board-wrap .anim-col-left .anim-sorteos{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 6px;}
.anim-board-wrap .anim-col-left .anim-sorteo{padding: 9px 2px; font-size: 10px; min-width: 0px; text-align: center; white-space: normal;}
.anim-all-hours{display: block; width: 100%; padding: 10px; border-radius: 10px; background: var(--orange,#ff6a00); border: 0px; color: rgb(255, 255, 255); font-weight: 700; margin: 9px 0px;}
.tri-ticket-progress{flex-basis: auto;}
}
.anim-all-hours.selected{background: rgb(201, 88, 4); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset;}
.dep-coupon{background: rgb(21, 27, 36); border: 1px solid rgb(42, 54, 70); border-radius: 15px;}
.dep-coupon{padding: 16px;}
.dep-category{display: flex; align-items: center; gap: 12px; background: transparent; color: rgb(216, 222, 234); border: 0px; width: 100%; text-align: left; padding: 11px 9px; border-radius: 8px; cursor: pointer; font-weight: 600;}
.dep-category:hover,.dep-category.active{background: rgba(255, 118, 25, 0.16); color: rgb(255, 142, 57);}
.dep-market-empty{text-align: center; padding: 38px 18px; color: rgb(194, 203, 216);}
.dep-market-empty h3{color: rgb(255, 255, 255);}
.dep-market-empty p{max-width: 570px; margin: 10px auto 20px; line-height: 1.6;}
.dep-market-empty #dep-current-filter{display: inline-block; background: rgb(39, 49, 65); padding: 8px 16px; border-radius: 20px; font-size: 12px;}
.dep-coupon h2{font-size: 17px; margin: 4px 0px 17px;}
.dep-coupon-empty{text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 54px 4px; color: rgb(185, 197, 211);}
.dep-coupon-empty span{font-size: 38px;}
.dep-coupon-empty strong{color: rgb(255, 255, 255);}
.dep-category[hidden]{display: none !important;}
@media (max-width: 1100px){
.dep-coupon{grid-column: 1 / -1;}
}
@media (max-width: 700px){
.dep-coupon{width: 100%; box-sizing: border-box;}
.dep-category{width: auto; white-space: nowrap; border: 1px solid rgb(53, 66, 84); padding: 8px 11px;}
}
.dep-feed-meta{padding: 12px 16px; font-size: 12px; color: rgb(153, 169, 189); border-bottom: 1px solid rgb(41, 51, 68);}
.dep-match{padding: 15px; border-bottom: 1px solid rgb(42, 53, 68);}
.dep-match-meta{display: flex; justify-content: space-between; gap: 10px; color: rgb(169, 184, 202); font-size: 12px; margin-bottom: 12px;}
.dep-match-meta .dep-live{color: rgb(255, 142, 59); font-weight: 800;}
.dep-match-row{display: flex; gap: 15px; align-items: center; justify-content: space-between;}
.dep-teams{display: flex; flex-direction: column; gap: 4px; min-width: 0px;}
.dep-teams strong{font-size: 13px; overflow-wrap: anywhere;}
.dep-teams span{color: rgb(140, 156, 173); font-size: 11px;}
.dep-odds{display: flex; gap: 6px;}
.dep-odd{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 54px; padding: 9px 7px; border: 1px solid rgb(53, 70, 91); background: rgb(34, 47, 64); color: rgb(255, 255, 255); border-radius: 8px; cursor: pointer;}
.dep-odd:hover{border-color: rgb(255, 142, 56); background: rgb(58, 47, 43);}
.dep-odd small{color: rgb(156, 173, 193);}
.dep-odd strong{font-size: 15px; color: rgb(255, 192, 139);}
.dep-unavailable{opacity: 0.45; cursor: default;}
.dep-retry{background: rgb(255, 120, 27); border: 0px; border-radius: 8px; padding: 10px 16px; color: rgb(255, 255, 255); cursor: pointer;}
.dep-slip-item{display: flex; gap: 8px; padding: 12px 0px; border-bottom: 1px solid rgb(41, 53, 69);}
.dep-slip-item > button{color: rgb(255, 148, 99); background: none; border: 0px; cursor: pointer;}
.dep-slip-item div{display: flex; flex-direction: column; gap: 5px;}
.dep-slip-item strong{font-size: 12px;}
.dep-slip-item small{font-size: 11px; color: rgb(174, 188, 205);}
.dep-slip-total{display: flex; justify-content: space-between; padding: 14px 0px; color: rgb(219, 225, 236);}
.dep-slip-note{font-size: 12px; color: rgb(153, 170, 187);}
.dep-category{overflow-wrap: anywhere;}
@media (max-width: 700px){
.dep-match-row{flex-direction: column; align-items: stretch;}
.dep-odds{width: 100%;}
.dep-odd{flex: 1 1 0%;}
}
.dp-native-deportes{min-width: 0px; width: 100%; overflow: visible;}
.dp-native-deportes .fbx{--primary: #ff6a00; --u: 1px; width: 100%; max-width: 100%;}
body[data-role="usuario"] .home75-hero{position: relative !important; isolation: isolate !important; overflow: hidden !important;}
body[data-role="usuario"] .home75-hero > .home82-hero-art{display: block !important; position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; z-index: 0 !important; pointer-events: none !important;}
body[data-role="usuario"] .home75-hero > .home75-kicker,body[data-role="usuario"] .home75-hero > h1,body[data-role="usuario"] .home75-hero > p,body[data-role="usuario"] .home75-hero > .home75-hero-cta{position: relative !important; z-index: 1 !important;}
body[data-role="usuario"] .home75-shortcut{position: relative !important; isolation: isolate !important; overflow: hidden !important;}
body[data-role="usuario"] .home75-shortcut > strong,body[data-role="usuario"] .home75-shortcut > .home79-arrow{position: relative; z-index: 1 !important;}
@media (min-width: 901px){
body[data-role="usuario"] .topbar{border-bottom: 0px !important; box-shadow: none !important;}
}
@media (min-width: 901px) and (max-width: 1250px){
.anim-heading-row{flex-wrap: wrap;}
.anim-heading-row > .anim-express{flex-basis: 100%; max-width: 100%;}
}
@media (min-width: 961px){
body[data-role="usuario"] .main,body[data-session="public"] .main{padding-top: 16px;}
}
.home-native-coupon{width: min(520px, -24px + 100vw); max-height: 90dvh; padding: 0px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg); color: var(--text); overflow: auto; box-shadow: rgba(0, 0, 0, 0.533) 0px 20px 80px;}
.home-native-coupon::backdrop{background: rgba(0, 0, 0, 0.6);}
.home-native-coupon > header{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--line);}
.home-native-coupon > header button{background: none; color: var(--text); border: 0px; font-size: 26px; cursor: pointer;}
.home-native-coupon-body{padding: 12px;}
.home-native-coupon .fbx__top,.home-native-coupon .fbx__sportbar,.home-native-coupon .fbx__sports,.home-native-coupon .fbx__content,.home-native-coupon .fbx-slipbar,.home-native-coupon .fbx-slip-backdrop,.home-native-coupon .sb3-top,.home-native-coupon .sb3-left,.home-native-coupon .sb3-center,.home-native-coupon .sb3-widgets,.home-native-coupon .sb3-backdrop,.home-native-coupon .sb3-mbar{display: none !important;}
.home-native-coupon .fbx__grid,.home-native-coupon .sb3-layout{display: block !important; padding: 0px !important;}
.home-native-coupon .fbx__slip,.home-native-coupon .sb3-right,.home-native-coupon .sb3-dock{display: block !important; position: static !important; width: 100% !important; max-width: none !important; max-height: none !important; transform: none !important; visibility: visible !important; opacity: 1 !important;}
.home-native-coupon .fbx,.home-native-coupon .sb3{min-width: 0px !important; width: 100% !important;}
.home-native-coupon .fbx-slip-close,.home-native-coupon .sb3-slip__close{display: none !important;}
.home79-odd{cursor: pointer; color: inherit; font: inherit;}
.home79-odd:hover,.home79-odd:focus-visible{border-color: var(--orange) !important; background: rgba(240, 146, 62, 0.14) !important;}
.layout > .main,.topbar{background: var(--card);}
.home-native-coupon{position: fixed; background: var(--card);}
.home-native-coupon > header{position: absolute; right: 10px; top: 8px; padding: 0px; border: 0px; z-index: 20; background: transparent;}
.home-native-coupon > header > strong{display: none;}
.home-native-coupon > header > button{width: 32px; height: 32px; line-height: 1; border-radius: 6px; background: var(--card);}
.home-native-coupon-body{padding: 0px;}
.home-native-coupon .dp-b3.b3x{padding: 0px !important; background: transparent !important;}
.home-native-coupon .b3-slip-card,.home-native-coupon .fbx-slipbox,.home-native-coupon .sb3-slip{border: 0px !important; border-radius: 0px !important; box-shadow: none !important; margin: 0px !important;}
.home-native-coupon .b3-panel-head,.home-native-coupon .fbx-slipbox > header,.home-native-coupon .sb3-slip__head{padding-right: 50px !important;}
.home-native-coupon .home-b3-coupon{background: transparent;}
.home-native-coupon .dp-b3,.home-native-coupon .sb3,.home-native-coupon .fbx{min-height: 0px !important;}
.home-native-coupon:has(.b3x-rc-overlay) > header,.home-native-coupon:has(.sb3-rc) > header,.home-native-coupon:has(.fbx-ticket-modal-layer:not([hidden])) > header{display: none;}
html body[data-role="usuario"] .sidebar .nav-entry .nav-icon,html body[data-role="usuario"] .sidebar .nav-entry .nav-icon .ico,html body[data-role="usuario"] .sidebar .nav-entry .nav-icon .brand-icon{color: var(--text) !important;}
html body[data-role="usuario"] .sidebar .nav-entry .nav-icon svg [stroke]:not([stroke="none"]){stroke: currentcolor !important;}
.animal-demo-form{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin: 18px 0px;}
.animal-demo-form label{display: grid; gap: 7px; font-size: 14px;}
.animal-demo-form input,.animal-demo-form select{width: 100%; padding: 10px; border-radius: 9px; border: 1px solid var(--line); background: var(--card); color: var(--text);}
#animalitos-demo-host table{width: 100%; border-collapse: collapse; font-size: 13px;}
#animalitos-demo-host th,#animalitos-demo-host td{padding: 10px; border-bottom: 1px solid var(--line); text-align: left;}
#animalitos-demo-host p{line-height: 1.6;}
.practice-module .dp-tabs{margin: 18px 0px;}
.practice-heading{display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; margin: 14px 0px;}
.practice-heading h2,.practice-heading h3{margin: 0px;}
.practice-row-actions{display: flex; gap: 7px; flex-wrap: wrap;}
.practice-table{overflow: auto; margin: 16px 0px;}
.practice-table table{width: 100%; border-collapse: collapse; font-size: 13px;}
.practice-table td,.practice-table th{padding: 11px 9px; border-bottom: 1px solid var(--line); text-align: left;}
.practice-table small{display: block; color: var(--muted); font-size: 11px;}
.practice-explanation{padding: 10px 15px; border-left: 3px solid var(--accent,#ff6a00); margin: 18px 0px;}
.practice-explanation p{margin: 6px 0px;}
.practice-explanation small{color: var(--muted);}
.practice-module p{line-height: 1.6;}
.practice-module .animal-demo-form{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
.practice-editor .animal-demo-form{margin: 12px 0px; gap: 12px;}
.strategy-lotteries{min-width: 0px; margin: 12px 0px; padding: 12px; border: 1px solid var(--line); border-radius: 10px;}
.strategy-lotteries legend{padding: 0px 6px; font-weight: 600;}
.strategy-lottery-options{display: flex; gap: 10px 20px; flex-wrap: wrap;}
.strategy-lottery-options label{display: flex; align-items: center; gap: 8px; cursor: pointer;}
.strategy-lottery-options input[type="checkbox"]{width: 18px; height: 18px; flex: 0 0 18px; margin: 0px; accent-color: var(--accent,#ff6a00);}
.practice-method-info{margin: 12px 0px;}
.practice-method-info summary{cursor: pointer; color: var(--muted);}
.practice-demo-note,.practice-editor small{color: var(--muted); font-size: 13px;}
.practice-editor .animal-demo-form{align-items: start;}
.practice-editor .animal-demo-form label{align-content: start;}
.practice-editor .animal-demo-form input:not([type="hidden"]),.practice-editor .animal-demo-form select{height: 44px; min-height: 44px; box-sizing: border-box;}
.practice-editor .strategy-lottery-options label{display: inline-flex; flex-direction: row; align-items: center; gap: 8px; margin: 0px;}
.practice-editor .strategy-lottery-options input[type="checkbox"]{width: 18px; height: 18px; min-height: 18px; margin: 0px;}
.practice-module .practice-heading{margin: 8px 0px;}
.practice-module .dp-tabs{margin: 12px 0px;}
.practice-editor .strategy-lotteries{margin: 12px 0px;}
.practice-editor .practice-method-info{margin: 10px 0px;}
.practice-stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; margin: 12px 0px;}
.practice-stats > div{padding: 12px; border: 1px solid var(--line); border-radius: 8px;}
.practice-stats small,.practice-stats strong{display: block;}
.practice-stats strong{font-size: 22px; margin-top: 6px;}
.practice-table details{margin-top: 6px;}
.practice-table summary{cursor: pointer; color: var(--muted);}

/* ===== visual-v201.css ===== */
:root{--orange: #ff6a00; --orangedark: #e65f00; --blue: #126bea; --line: #26364c; --bg: #070f1c; --sidebar: #081625; --card: #0b192b; --card2: #0c1c31; --soft: #12243b; --muted: #a6b5ca; --text: #f7f9fe; --faint: #11253c; --shadow: 0 18px 55px #0002;}
:root[data-theme="light"]{--bg: #f3f7fd; --sidebar: #fff; --card: #fff; --card2: #fff; --soft: #eef4fc; --muted: #5d708d; --text: #10254a; --faint: #f0f5fc; --line: #dfe7f1; --shadow: 0 14px 42px #36537d0e;}
body{font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 14px;}
.topbar{height: 73px; background: var(--sidebar); gap: 19px; padding: 0px 34px; border-bottom-color: var(--line);}
.brand-header{width: 222px;}
.brand-header .logo img{height: 55px; object-position: left center;}
.top-search{height: 46px; border-radius: 12px; max-width: 560px; color: var(--muted);}
.top-public-nav{display: flex; align-items: center; gap: 40px; margin-left: 45px; height: 100%; font-weight: 650; font-size: 14px;}
.top-public-nav a{height: 100%; display: flex; align-items: center; position: relative;}
.top-public-nav a.on{color: var(--orange);}
.top-public-nav a.on::after{content: ""; position: absolute; bottom: 11px; left: 0px; right: 0px; height: 3px; border-radius: 4px; background: var(--orange);}
.theme-toggle{background: var(--soft); border-radius: 60px; display: flex; align-items: center; gap: 9px; min-width: 83px; height: 41px; padding: 0px 10px; box-shadow: none;}
.theme-toggle .theme-sun{color: rgb(255, 167, 0); font-size: 20px;}
.theme-toggle .theme-moon{color: rgb(76, 108, 154); font-size: 18px;}
.btn{border-radius: 12px;}
.btn-primary{background: linear-gradient(105deg, rgb(255, 134, 28), rgb(255, 84, 13)); border-color: rgb(255, 108, 18); color: white;}
.btn-outline{border-color: rgb(181, 204, 232);}
.topbar .btn.mini{padding: 9px 18px; font-size: 13px; min-height: 39px;}
.topbar .btn-primary{border-radius: 27px;}
.topbar .btn-outline{background: transparent; border-color: var(--line);}
.topbar .theme-toggle{order: 4;}
.layout{min-height: calc(-73px + 100vh);}
.main{padding: 26px 28px 60px;}
.sidebar{width: 238px; flex: 0 0 238px; min-height: calc(-73px + 100vh); background: var(--sidebar);}
.nav-entry.active{background: linear-gradient(90deg, rgba(255, 99, 11, 0.176), transparent 90%); border-left: 4px solid var(--orange);}
body[data-session="public"] .sidebar{display: none;}
body[data-session="public"] .main{padding: 0px; max-width: none; width: 100%; overflow: hidden;}
body[data-session="public"] .layout{display: block;}
body[data-session="public"] .top-search{display: none;}
body[data-session="public"] .topbar{z-index: 15;}
body[data-session="public"] .brand-header{width: 235px;}
.operators-grid{grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 12px;}
.operator-tile{min-height: 89px; flex-direction: row; justify-content: space-between; gap: 10px; align-items: center; padding: 15px 12px; border-radius: 13px; background: var(--card); border: 1px solid var(--line);}
.operator-tile strong{font-size: 13px; color: var(--text); font-weight: 700;}
.operator-logo-box{flex: 0 1 auto; min-width: 38px; display: flex; align-items: center; justify-content: center; max-width: 70px;}
.operator-logo-box img{max-width: 70px; width: 100%; height: 44px; object-fit: contain;}
.operator-mark{width: 56px; height: 42px; object-fit: contain; flex-shrink: 0;}
.mark-movilnet{width: 52px;}
.operator-wordmark{font-size: clamp(14px, 1.4vw, 25px); font-weight: 850; letter-spacing: -1.8px; white-space: nowrap;}
.operator-wordmark.digitel{color: rgb(237, 8, 121); letter-spacing: -1px; font-weight: 800;}
.operator-wordmark.inter{color: rgb(8, 121, 234); font-style: italic; font-size: 29px;}
.operator-wordmark.cantv{color: rgb(20, 74, 180); font-style: italic; font-size: 24px; position: relative;}
.operator-wordmark.cantv i{position: absolute; display: block; background: linear-gradient(90deg, rgb(249, 191, 28), rgb(217, 34, 65), rgb(33, 138, 255)); height: 3px; border-radius: 8px; width: 100%; bottom: -4px; transform: rotate(-9deg);}
.operator-simple{background: rgb(17, 140, 234); width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; color: rgb(255, 255, 255); font-weight: 850; font-size: 28px;}
body[data-session="public"] .main > .auth-surface{min-height: calc(-73px + 100vh);}
body[data-session="auth"][data-role="usuario"] .main{padding: 20px 25px 60px; max-width: none;}
:root[data-theme="light"] body[data-role="usuario"] .sidebar{display: none;}
:root[data-theme="light"] body[data-role="usuario"] .main{padding-left: 2.6vw; padding-right: 2.6vw;}
body[data-role="usuario"] .dashboard-grid{grid-template-columns: minmax(0px, 2fr) minmax(260px, 0.8fr);}
body[data-role="usuario"] .dashboard-grid .padded{padding: 22px;}
body[data-role="usuario"] .dashboard-grid .operators-grid{grid-template-columns: repeat(6, minmax(0px, 1fr));}
body[data-role="usuario"] .dashboard-grid .operator-tile{min-height: 125px; flex-direction: column; justify-content: center; gap: 11px; text-align: center;}
body[data-role="usuario"] .dashboard-grid .operator-mark{width: 70px; height: 55px;}
:root[data-theme="light"] .status.success{color: rgb(3, 124, 87); background: rgb(217, 251, 236);}
:root[data-theme="light"] .status.warning{color: rgb(146, 91, 0); background: rgb(255, 240, 204);}
:root[data-theme="light"] .status.danger{color: rgb(197, 62, 77); background: rgb(255, 239, 240);}
@media (max-width: 1250px){
.top-public-nav{margin-left: 15px; gap: 22px;}
.operator-tile{flex-direction: column; min-height: 92px;}
.operator-logo-box{min-height: 43px;}
}
@media (max-width: 1000px){
body[data-session="public"] .top-public-nav{display: none;}
.operators-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.operator-tile{flex-direction: row;}
}
@media (max-width: 700px){
.topbar{height: 64px; padding: 0px 12px; gap: 8px;}
.brand-header{width: 145px !important;}
.brand-header .logo img{height: 39px;}
.topbar .btn.mini{min-height: 31px; padding: 7px 9px; font-size: 11px;}
.topbar .btn-outline{display: none;}
.topbar .theme-toggle{min-width: 55px; height: 33px; gap: 3px; padding: 3px;}
.topbar .theme-toggle .theme-sun,.topbar .theme-toggle .theme-moon{font-size: 14px;}
.operators-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px;}
.operator-tile{flex-direction: column; min-height: 90px; padding: 9px 5px;}
.operator-logo-box{height: 38px;}
.operator-wordmark{font-size: 17px;}
body[data-role="usuario"] .dashboard-grid{display: block;}
body[data-role="usuario"] .dashboard-grid .side-stack{margin-top: 14px;}
body[data-role="usuario"] .dashboard-grid .operators-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
body[data-role="usuario"] .dashboard-grid .operator-tile{min-height: 100px;}
}
body[data-session="public"] .sidebar.open{display: flex; position: fixed; left: 0px; top: 64px; bottom: 0px; width: 270px; z-index: 30; box-shadow: rgba(0, 0, 0, 0.333) 24px 0px 70px;}
body[data-role="admin"] .page-heading h1{font-size: 32px;}
@media (min-width: 1001px){
body[data-session="public"] .mobile-trigger{display: none !important;}
}
@media (max-width: 680px){
body[data-session="public"] .topbar .btn-primary.mini{display: inline-flex; font-size: 10px; min-height: 32px; padding: 6px 9px; border-radius: 20px;}
body[data-session="public"] .topbar .brand-header{width: 132px !important;}
body[data-session="public"] .topbar .theme-toggle{min-width: 42px;}
body[data-session="public"] .topbar{gap: 5px; padding: 0px 9px;}
.theme-toggle .theme-sun,.theme-toggle .theme-moon{display: inline !important;}
body[data-session="public"] .sidebar.open{top: 64px;}
}

/* ===== reference-v210.css ===== */
:root{--ref-bg: #05101e; --ref-panel: #07182b; --ref-panel2: #0b2037; --ref-border: #19334d; --ref-orange: #ff6a00; --ref-purple: #b232fa; --ref-gold: #ffc436; --ref-text: #f6f7ff; --ref-muted: #b9c6db;}
:root[data-theme="light"]{--ref-bg: #f1f5fb; --ref-panel: #ffffff; --ref-panel2: #f8faff; --ref-border: #dce5f2; --ref-text: #182540; --ref-muted: #697890;}
body{background: var(--ref-bg); color: var(--ref-text);}
.topbar{height: 76px; background: linear-gradient(110deg, rgb(6, 26, 50), rgb(3, 13, 30)); border-bottom: 1px solid rgb(23, 44, 69); padding: 0px 24px; gap: 17px;}
:root[data-theme="light"] .topbar{background: rgb(255, 255, 255); border-bottom: 1px solid rgb(227, 234, 250);}
.brand-header{width: 238px !important;}
.brand-header .logo img{height: 62px; object-fit: contain; object-position: left center;}
:root[data-theme="light"] .topbar .top-public-nav a{color: rgb(21, 43, 74);}
.sidebar{width: 211px; flex-basis: 211px; background: linear-gradient(rgb(5, 22, 45), rgb(6, 22, 42) 68%, rgb(4, 17, 38)); border-color: rgb(19, 40, 64); padding: 12px 8px;}
:root[data-theme="light"] .sidebar{background: rgb(255, 255, 255); border-color: rgb(220, 229, 242);}
.sidebar .nav-entry{height: 52px; border-radius: 9px; margin: 1px 0px; font-size: 14px; font-weight: 550;}
.sidebar .nav-entry.active{background: linear-gradient(90deg, rgba(245, 116, 30, 0.224), rgba(245, 116, 30, 0.086)); border-left: 4px solid rgb(255, 136, 34); color: rgb(255, 161, 42);}
.sidebar .nav-icon{font-size: 21px;}
.main{padding: 16px 18px 45px; max-width: none;}
.layout{min-height: calc(-76px + 100vh);}
.ref-shell{color: var(--ref-text); max-width: 1740px; margin: 0px auto;}
.ref-shell *{box-sizing: border-box;}
.ref-shell h1,.ref-shell h2,.ref-shell h3{color: var(--ref-text);}
.ref-shell p{color: var(--ref-muted);}
.ref-shell .ref-eyebrow{font-size: 13px; letter-spacing: 0.25em; font-weight: 800; color: rgb(250, 153, 23);}
.ref-button,.ref-outline{font-size: 14px; font-weight: 800; min-height: 43px; border-radius: 10px; padding: 11px 21px; display: inline-flex; justify-content: center; align-items: center; gap: 7px; cursor: pointer; transition: transform 0.15s;}
.ref-button{border: 1px solid rgb(255, 151, 26); background: linear-gradient(98deg, rgb(239, 78, 18), rgb(168, 51, 243)); box-shadow: rgba(182, 60, 105, 0.18) 0px 6px 17px; color: white !important;}
.ref-outline{color: var(--ref-text); background: transparent; border: 1px solid rgb(115, 78, 167);}
.ref-button:hover,.ref-outline:hover{transform: translateY(-1px);}
.ref-button.full{width: 100%; font-size: 17px; min-height: 54px;}
.ref-panel{background: var(--ref-panel); border: 1px solid var(--ref-border); border-radius: 15px; box-shadow: rgba(1, 9, 21, 0.14) 0px 12px 23px; padding: 15px; min-width: 0px;}
.ref-panel-head{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px;}
.ref-panel-head h2{margin: 0px; font-size: 20px;}
.ref-panel-head a{color: rgb(220, 115, 255); font-size: 13px; font-weight: 700;}
.ref-panel-head p{font-size: 13px; margin: 4px 0px 0px;}
.ref-panel-head small{font-size: 11px; color: var(--ref-muted);}
.ref-recharge-content{display: grid; grid-template-columns: 1.58fr 1fr; gap: 15px; align-items: start;}
.ref-recharge-left{display: grid; gap: 15px;}
.ref-recharge-left > .ref-panel{padding: 14px 16px;}
.ref-recharge-left .operators-grid{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 11px;}
.ref-recharge-left .operator-tile{background: rgb(4, 17, 34); border: 1px solid rgb(35, 49, 77); border-radius: 13px; min-height: 119px; display: flex; flex-direction: column; gap: 4px; color: rgb(253, 252, 255);}
.ref-recharge-left .operator-tile.selected{border: 2px solid rgb(213, 66, 250); background: linear-gradient(155deg, rgb(40, 16, 71), rgb(7, 25, 42)); box-shadow: rgb(166, 38, 194) 0px 0px 0px 1px, rgba(204, 40, 224, 0.173) 0px 0px 14px;}
.ref-recharge-left .operator-logo-box{width: 100%; min-height: 58px; display: flex; justify-content: center; align-items: center;}
.ref-recharge-left .operator-mark{height: 56px; width: 83px;}
.ref-recharge-left .operator-wordmark{font-size: 29px;}
.ref-recharge-left .operator-tile strong{font-size: 16px; font-weight: 550;}
.ref-recharge-right{padding: 0px 17px 15px;}
.ref-selected{margin: 0px -17px 17px; padding: 15px 17px; display: flex; align-items: center; gap: 18px; background: linear-gradient(105deg, rgb(44, 7, 73) 0%, rgb(100, 44, 66) 45%, rgb(25, 10, 49) 100%); border-radius: 14px 14px 0px 0px; min-height: 76px; color: white;}
.ref-selected h2{color: white; font-size: 23px; margin: 0px;}
.ref-selected p{font-size: 13px; color: rgb(214, 213, 233); margin: 0px;}
.ref-selected-logo{width: 87px; display: flex; align-items: center; justify-content: center;}
.ref-selected-logo svg{width: 76px;}
.ref-selected > span{margin-left: auto; color: rgb(232, 106, 255); border: 1px solid rgb(183, 66, 238); border-radius: 15px; padding: 6px 10px; font-size: 11px; white-space: nowrap;}
.ref-recharge-right form{display: grid; gap: 15px;}
.ref-recharge-right label{font-size: 14px; color: var(--ref-text); gap: 7px;}
.ref-recharge-right input{background: var(--ref-panel2); border: 1px solid var(--ref-border); border-radius: 10px; min-height: 44px; color: var(--ref-text);}
.ref-summary{margin-top: 1px; border: 1px solid var(--ref-border); border-radius: 11px; overflow: hidden; background: var(--ref-panel);}
.ref-summary h3{font-size: 15px; padding: 12px 15px; margin: 0px; background: var(--ref-panel2);}
.ref-summary div{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 15px; border-top: 1px solid rgba(21, 45, 69, 0.243);}
.ref-summary .total{padding: 14px 15px; border-top: 1px solid rgb(202, 84, 230); color: rgb(226, 84, 242); font-weight: 800; font-size: 19px;}
.ref-caution{font-size: 11px; line-height: 1.45; margin: 0px !important;}
.ref-privacy{min-height: 135px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 7px; padding: 8px 12px;}
.ref-privacy p{font-size: 13px; margin: 0px;}
.ref-privacy .ref-outline{min-height: 34px; padding: 8px 16px;}
.ref-shell table{color: var(--ref-text);}
.ref-shell .table-scroll{max-height: 360px;}
.ref-shell td,.ref-shell th{font-size: 12px;}
.ref-shell .empty{background: transparent;}
.ref-admin-hero{position: relative; min-height: 225px; background: radial-gradient(at 85% 35%, rgb(97, 34, 111), rgb(26, 12, 59) 43%, rgb(11, 16, 44) 88%); border: 1px solid rgb(65, 25, 94); border-radius: 14px; display: flex; align-items: center; overflow: hidden; padding: 14px 27px;}
.ref-admin-title{position: relative; z-index: 2; width: 48%; min-width: 410px; text-shadow: rgba(0, 0, 0, 0.467) 0px 2px 11px;}
.ref-admin-title h1{font-style: italic; font-size: clamp(37px, 3.7vw, 58px); line-height: 1; letter-spacing: -1.5px; font-weight: 950; color: rgb(255, 255, 255); margin: 6px 0px 11px;}
.ref-admin-title h1 em{font-style: italic; color: rgb(255, 186, 57); text-shadow: rgba(255, 121, 34, 0.467) 0px 0px 17px;}
.ref-admin-title h3{font-size: 18px; color: rgb(255, 255, 255); margin: 0px;}
.ref-admin-title p{color: rgb(255, 255, 255); font-size: 14px; margin: 6px 0px 0px;}
.ref-admin-art{position: absolute; inset: 0px 0px 0px 29%; background-image: linear-gradient(90deg, rgb(13, 16, 56), transparent 32%), url("/frontend/assets/reference-admin-art.webp"); background-size: 100% 100%; background-position: right center; opacity: 0.96;}
.ref-admin-advantages{position: absolute; z-index: 3; right: 13px; top: 13px; bottom: 13px; width: 235px; display: flex; flex-direction: column; justify-content: space-around; gap: 6px; padding: 13px; background: rgba(3, 10, 29, 0.72); border-radius: 13px; color: rgb(255, 255, 255); font-size: 12px; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px);}
.ref-metrics{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 13px; margin: 13px 0px;}
.ref-metric{min-height: 107px; border-radius: 11px; padding: 15px; display: flex; align-items: center; gap: 14px; position: relative; overflow: hidden; background: linear-gradient(115deg, rgb(27, 14, 64), rgb(5, 14, 44)); border: 1px solid rgb(81, 33, 110); color: rgb(209, 67, 249);}
.ref-metric.blue{color: rgb(8, 162, 255); background: linear-gradient(110deg, rgb(6, 28, 56), rgb(6, 19, 48)); border-color: rgb(11, 82, 146);}
.ref-metric.orange{color: rgb(255, 159, 24); background: linear-gradient(110deg, rgb(56, 23, 6), rgb(21, 14, 20)); border-color: rgb(112, 64, 8);}
.ref-metric.green{color: rgb(34, 217, 157); background: linear-gradient(110deg, rgb(3, 52, 41), rgb(5, 26, 28)); border-color: rgb(7, 102, 78);}
.ref-metric > span{width: 51px; height: 51px; flex-shrink: 0; border-radius: 50%; border: 2px solid; display: grid; place-items: center; font-size: 28px; box-shadow: currentcolor 0px 0px 20px;}
.ref-metric small{display: block; color: rgb(240, 237, 252); font-size: 12px;}
.ref-metric strong{display: block; color: rgb(255, 255, 255); font-size: 26px; margin: 2px 0px;}
.ref-metric label{font-size: 10px; color: rgb(148, 162, 189);}
.metric-spark{position: absolute; right: -9px; bottom: -16px; border-radius: 50%; width: 100px; height: 43px; transform: rotate(-18deg); border-top: 2px solid; opacity: 0.66;}
.ref-admin-links{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; margin: 12px 0px;}
.ref-linktile{background: linear-gradient(110deg, rgb(9, 35, 60), rgb(7, 21, 38)); border: 1px solid rgb(22, 74, 114); border-radius: 13px; min-height: 113px; display: flex; align-items: center; gap: 18px; padding: 13px 18px; color: rgb(242, 247, 255);}
.ref-linktile.orange{background: linear-gradient(110deg, rgb(48, 25, 15), rgb(23, 15, 19)); border-color: rgb(125, 64, 14);}
.ref-linktile.purple{background: linear-gradient(110deg, rgb(43, 13, 63), rgb(11, 16, 46)); border-color: rgb(103, 34, 138);}
.ref-linktile .tile-visual{font-size: 53px; color: rgb(26, 164, 255); text-shadow: rgba(22, 127, 255, 0.61) 0px 0px 13px;}
.ref-linktile.orange .tile-visual{color: rgb(255, 184, 48);}
.ref-linktile.purple .tile-visual{color: rgb(191, 84, 243);}
.ref-linktile h3{font-size: 19px; color: rgb(255, 255, 255); margin: 0px;}
.ref-linktile p{font-size: 12px; color: rgb(200, 203, 230); margin: 4px 0px 9px;}
.ref-linktile b{color: rgb(232, 193, 251); font-size: 12px;}
.ref-admin-links-small .ref-linktile{min-height: 90px;}
.ref-admin-links-small .tile-visual{font-size: 41px;}
.ref-admin-tables{display: grid; grid-template-columns: 1.6fr 1fr; gap: 13px; margin-top: 12px;}
.ref-pending-count{font-size: 38px; color: rgb(255, 171, 34);}
.ref-admin-tables .ref-panel > p{margin: 3px 0px 17px; font-size: 13px;}
:root[data-theme="light"] .ref-admin-hero{color: white;}
:root[data-theme="light"] .ref-panel{background: rgb(255, 255, 255); border-color: rgb(223, 230, 241); box-shadow: rgba(20, 36, 61, 0.063) 0px 8px 27px;}
:root[data-theme="light"] .ref-recharge-left .operator-tile{background: rgb(250, 253, 255); color: rgb(23, 36, 65); border-color: rgb(218, 225, 239);}
:root[data-theme="light"] .ref-recharge-left .operator-tile.selected{background: rgb(255, 246, 255); border-color: rgb(183, 61, 226);}
:root[data-theme="light"] .ref-selected{background: linear-gradient(110deg, rgb(52, 17, 79), rgb(123, 54, 108), rgb(50, 23, 82));}
:root[data-theme="light"] .ref-summary h3,:root[data-theme="light"] .ref-recharge-right input{background: rgb(247, 249, 252); color: rgb(24, 48, 79);}
:root[data-theme="light"] .ref-metric small,:root[data-theme="light"] .ref-metric strong,:root[data-theme="light"] .ref-metric label{color: rgb(255, 255, 255);}
.route-provider{min-width: 135px; width: 100%; font-size: 12px;}
.ref-recharge .operator-tile[hidden]{display: none !important;}
@media (max-width: 1200px){
.ref-recharge-content{grid-template-columns: 1.35fr 1fr;}
.ref-admin-title{width: 57%;}
.ref-admin-advantages{width: 205px;}
.ref-admin-title h1{font-size: 43px;}
.ref-metric strong{font-size: 22px;}
.ref-linktile{gap: 12px; padding: 12px;}
.ref-admin-links h3{font-size: 17px;}
}
@media (max-width: 990px){
.ref-recharge-content{grid-template-columns: 1fr;}
.ref-recharge-left{order: 1;}
.ref-recharge-right{order: 2;}
.ref-admin-hero{min-height: 215px;}
.ref-admin-title{min-width: 0px; width: 62%;}
.ref-admin-advantages{display: none;}
.ref-metrics{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.ref-admin-links{grid-template-columns: 1fr 1fr;}
.ref-admin-tables{grid-template-columns: 1fr;}
}
@media (max-width: 680px){
.topbar{height: 64px; padding: 0px 12px;}
.brand-header{width: 155px !important;}
.brand-header .logo img{height: 43px;}
.layout{min-height: calc(-64px + 100vh);}
.main{padding: 11px 10px 30px;}
.ref-recharge-left .operators-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.ref-recharge-left .operator-tile{min-height: 100px;}
.ref-recharge-left .operator-logo-box{min-height: 45px;}
.ref-recharge-right{order: 2;}
.ref-selected > span{display: none;}
.ref-admin-hero{padding: 20px; min-height: 190px;}
.ref-admin-title{width: 100%;}
.ref-admin-title h1{font-size: 36px;}
.ref-admin-title h3{font-size: 13px;}
.ref-admin-title p{font-size: 12px;}
.ref-admin-art{opacity: 0.26; left: 0px;}
.ref-metrics{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px;}
.ref-metric{min-height: 91px; padding: 10px; gap: 10px;}
.ref-metric > span{width: 36px; height: 36px; font-size: 18px;}
.ref-metric small{font-size: 10px;}
.ref-metric strong{font-size: 20px;}
.ref-admin-links,.ref-admin-links-small{grid-template-columns: 1fr; gap: 9px;}
.ref-linktile{min-height: 87px;}
.ref-linktile .tile-visual{font-size: 35px;}
.ref-admin-tables{gap: 10px;}
.ref-panel-head small{display: none;}
}
:root[data-theme="dark"] .brand-header .logo img{object-fit: contain; object-position: left center;}

/* ===== strict-v220.css ===== */
:root[data-theme="dark"]{--bg: #101419; --sidebar: #1c222a; --card: #151c25; --card2: #1a2330; --soft: #222b35; --line: #303a49; --faint: #202a36; --muted: #b2bed0; --ref-bg: #101419; --ref-panel: #151c25; --ref-panel2: #1a2330; --ref-border: #303a49; --ref-muted: #b2bed0;}
:root[data-theme="dark"] body{background: rgb(16, 20, 25); color: rgb(245, 247, 255);}
:root[data-theme="dark"] .topbar{background: rgb(17, 22, 28); border-bottom: 1px solid rgb(45, 53, 65);}
:root[data-theme="dark"] .sidebar{background: rgb(29, 35, 43); border-right: 1px solid rgb(44, 53, 64);}
:root[data-theme="dark"] .sidebar .nav-entry.active{background: linear-gradient(95deg, rgba(255, 87, 28, 0.23), rgba(255, 87, 28, 0.07)); border-left: 4px solid rgb(255, 100, 28); color: rgb(255, 255, 255);}
:root[data-theme="dark"] .nav-entry:hover{background: rgb(51, 59, 71);}
:root[data-theme="dark"] .top-search{background: rgb(29, 37, 48); border: 1px solid rgb(56, 68, 84); color: rgb(191, 205, 221);}
:root[data-theme="dark"] .ref-panel{background: rgb(23, 30, 39); border-color: rgb(54, 67, 84);}
:root[data-theme="dark"] .ref-recharge-left .operator-tile{background: rgb(15, 24, 37); border-color: rgb(50, 67, 91);}
:root[data-theme="dark"] .ref-recharge-right input{background: rgb(32, 43, 57);}
:root[data-theme="dark"] .ref-recharge-left .operator-tile.selected{background: linear-gradient(145deg, rgb(53, 20, 73), rgb(20, 28, 45)); border-color: rgb(221, 65, 238);}
:root[data-theme="dark"] .ref-admin-hero{box-shadow: rgba(5, 9, 18, 0.44) 0px 14px 36px;}
:root[data-theme="dark"] .ref-metric{box-shadow: rgba(249, 103, 19, 0.063) 0px 0px 35px inset;}
:root[data-theme="dark"] .ref-linktile{background: linear-gradient(120deg, rgb(23, 37, 50), rgb(17, 25, 35));}
:root[data-theme="dark"] .ref-recharge-right .ref-selected{background: linear-gradient(110deg, rgb(84, 19, 83), rgb(112, 48, 68) 48%, rgb(28, 23, 52));}
:root[data-theme="dark"] .ref-button.full{background: linear-gradient(90deg, rgb(255, 99, 25), rgb(181, 44, 237)); border-color: rgb(211, 104, 231);}
:root[data-theme="light"] .sidebar{display: block !important;}
body[data-session="public"] .sidebar{display: block !important;}
body[data-session="public"] .layout{display: flex !important;}
body[data-session="public"] .main{flex: 1 1 0%; width: calc(100% - 238px) !important; padding: 16px 20px 40px !important;}
body[data-session="public"] .sidebar{width: 238px; flex-basis: 238px;}
:root[data-theme="light"] body[data-role="usuario"] .main{padding-left: 20px; padding-right: 20px;}
:root[data-theme="light"] body[data-role="usuario"] .sidebar{display: block !important;}
:root[data-theme="light"] .ref-shell .ref-panel{background: rgb(255, 255, 255);}
.mobile-bottom-nav{display: none;}
@media (max-width: 760px){
body[data-session="public"] .main{padding: 10px 11px 90px !important; width: 100% !important;}
body[data-session="public"] .layout{display: block !important;}
body[data-session="public"] .sidebar{width: min(320px, 88vw); flex-basis: auto; display: flex !important;}
:root[data-theme="light"] body[data-role="usuario"] .sidebar{display: flex !important;}
.topbar{padding: 0px 9px !important; gap: 8px !important; height: 62px !important;}
.brand-header{width: 158px !important; min-width: 120px !important;}
.brand-header .logo img{max-width: 155px; height: 44px !important;}
.top-public-nav,.top-search{display: none !important;}
.theme-toggle{min-width: 54px !important; padding: 0px 5px !important; gap: 2px !important;}
.topbar .btn.mini{padding: 8px !important; font-size: 11px !important;}
.main,body[data-role="usuario"] .main{padding: 10px 10px 90px !important;}
.ref-recharge-content{display: flex; flex-direction: column;}
.ref-recharge-left,.ref-recharge-right{width: 100%;}
.ref-recharge-left .operators-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
.ref-recharge-left .operator-tile{min-height: 112px;}
.ref-admin-title h1{font-size: 34px !important;}
.ref-admin-title{min-width: 0px;}
.ref-admin-links{grid-template-columns: 1fr !important;}
.ref-metrics{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
.ref-admin-tables{grid-template-columns: 1fr;}
.mobile-bottom-nav{display: flex; position: fixed; bottom: 0px; left: 0px; right: 0px; height: 68px; z-index: 45; background: var(--sidebar); border-top: 1px solid var(--line); justify-content: space-around; align-items: stretch; padding-bottom: env(safe-area-inset-bottom);}
.mobile-bottom-nav a{display: flex; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; color: var(--muted); font-size: 11px; gap: 3px;}
.mobile-bottom-nav a b{font-size: 22px; font-weight: 500;}
.mobile-bottom-nav a.active{color: rgb(255, 140, 52); background: rgba(255, 115, 32, 0.063); border-top: 2px solid rgb(255, 123, 28);}
.sidebar.open{z-index: 55 !important; box-shadow: rgba(0, 0, 0, 0.6) 20px 0px 50px;}
}
.ref-recharge{padding-top: 0px;}
.contact-panel{margin-top: 14px;}
.contact-panel .ref-panel-head{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.contact-list{display: grid; gap: 7px; margin-top: 10px;}
.contact-row{display: flex; align-items: center; gap: 7px; padding: 8px; border-radius: 12px; background: var(--card2); border: 1px solid var(--line);}
.contact-select{flex: 1 1 0%; text-align: left; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; color: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 3px; min-width: 0px; font: inherit;}
.contact-select small{color: var(--muted);}
.contact-icon{border: 1px solid var(--line); border-radius: 9px; padding: 7px 10px; background: transparent; color: inherit; cursor: pointer;}
.contact-icon.danger{color: rgb(228, 95, 96);}
.contact-empty{padding: 12px; color: var(--muted);}
.contact-form{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; margin: 12px 0px;}
.contact-form label{display: flex; flex-direction: column; gap: 5px; font-size: 13px;}
.contact-form label:first-of-type{grid-column: 1 / -1;}
.contact-form input,.contact-form select{padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--card2); color: inherit; min-width: 0px;}
.contact-controls{grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px;}
.contact-controls button{font-size: 13px;}
.consult-rule{display: grid; grid-template-columns: minmax(175px, 1fr) auto minmax(100px, 160px) auto; gap: 12px; padding: 15px 0px; border-bottom: 1px solid var(--line); align-items: center;}
.consult-rule > div{display: flex; flex-direction: column; gap: 4px;}
.consult-rule small{color: var(--muted);}
.consult-rule label{font-size: 13px; display: flex; align-items: center; gap: 7px;}
.consult-rule label input[type="number"]{width: 60px; padding: 8px; background: var(--card2); border: 1px solid var(--line); border-radius: 8px; color: inherit;}
@media (max-width: 760px){
.contact-form{grid-template-columns: 1fr;}
.contact-form label:first-of-type{grid-column: auto;}
.consult-rule{grid-template-columns: 1fr 1fr;}
.consult-rule > div{grid-column: 1 / -1;}
.consult-rule button{grid-column: 1 / -1;}
}
.contact-search-label{display: flex; flex-direction: column; gap: 5px; color: var(--muted); font-size: 12px; margin: 12px 0px 5px;}
.contact-search-label input{background: var(--card2); border: 1px solid var(--line); border-radius: 10px; padding: 11px; color: inherit;}
.contact-row[hidden]{display: none !important;}
.phone-contacts-input{display: flex; width: 100%; align-items: stretch; gap: 8px; min-width: 0px;}
.phone-contacts-input > input{flex: 1 1 0%; min-width: 0px; width: 1px;}
.contact-book-button{width: 48px; min-width: 48px; border-radius: 10px; border: 1px solid var(--ref-border,var(--line)); background: var(--ref-panel2,var(--card2)); color: rgb(255, 147, 44); display: grid; place-items: center; cursor: pointer; transition: background 0.15s, border-color 0.15s;}
.contact-book-button:hover,.contact-book-button:focus-visible{border-color: rgb(241, 138, 48); background: rgba(255, 136, 41, 0.12); outline-offset: 2px;}
.contact-modal-overlay{position: fixed; inset: 0px; z-index: 100; display: flex; align-items: center; justify-content: center; background: rgba(4, 9, 20, 0.78); padding: 16px; overflow: auto;}
.contact-dialog{width: min(570px, 100%); max-height: min(85vh, 760px); overflow: auto; box-shadow: rgba(0, 0, 0, 0.45) 0px 24px 90px; border-radius: 16px;}
.contact-dialog > .contact-panel{border: 1px solid var(--ref-border,var(--line)); padding: 19px; margin: 0px !important;}
.contact-dialog .contact-list{max-height: 38vh; overflow: auto; overscroll-behavior: contain;}
.contact-heading-actions{display: flex; align-items: center; gap: 8px;}
.contact-close{width: 36px; height: 36px; min-width: 36px; border-radius: 9px; border: 1px solid var(--ref-border,var(--line)); color: var(--text); background: var(--ref-panel2,var(--card2)); font-size: 24px; line-height: 1; cursor: pointer;}
@media (max-width: 680px){
.contact-modal-overlay{align-items: flex-end; padding: 0px;}
.contact-dialog{width: 100%; max-height: 88dvh; border-radius: 18px 18px 0px 0px;}
.contact-dialog > .contact-panel{padding: 15px;}
.contact-book-button{width: 44px; min-width: 44px;}
}
.user-search{display: flex; gap: 12px; align-items: end; margin-bottom: 18px;}
.user-search label{flex: 1 1 0%; min-width: 0px;}
.user-pagination,.user-actions{display: flex; gap: 12px; align-items: center; margin: 15px 0px; flex-wrap: wrap;}
.user-modal{position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.75); z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 14px;}
.user-dialog{width: min(960px, 100%); max-height: 94vh; overflow: auto; background: var(--panel,#19232f); border: 1px solid var(--border,#384659);}
.user-dialog textarea{width: 100%; min-height: 72px; background: var(--input,#202c3a); color: inherit; padding: 10px; border-radius: 8px;}
.user-dialog .side-stack{margin-top: 18px;}
.user-dialog section h3{margin: 16px 0px 8px;}
.user-dialog table{font-size: 12px;}
@media (max-width: 680px){
.user-search{flex-direction: column; align-items: stretch;}
.user-dialog{padding: 14px;}
.user-dialog .form-grid{grid-template-columns: 1fr;}
}

/* ===== chat.css ===== */
.danli-chat-trigger{position: fixed; right: 20px; bottom: 23px; z-index: 1300; border: 0px; border-radius: 24px; padding: 14px 19px; background: linear-gradient(120deg, rgb(255, 140, 43), rgb(239, 89, 21)); color: white; font: 700 14px system-ui; box-shadow: rgba(0, 0, 0, 0.333) 0px 10px 28px; cursor: pointer;}
.danli-chat-panel{position: fixed; right: 20px; bottom: 82px; z-index: 1301; width: min(370px, -28px + 100vw); height: min(555px, 100dvh - 120px); border-radius: 17px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.6) 0px 18px 65px; display: flex; flex-direction: column; background: rgb(20, 34, 54); color: rgb(248, 250, 252); border: 1px solid rgb(64, 80, 106); font: 14px system-ui;}
.danli-chat-panel[hidden],.danli-chat-panel form[hidden],.danli-chat-name-row[hidden]{display: none !important;}
.danli-chat-head{display: flex; justify-content: space-between; align-items: center; background: linear-gradient(110deg, rgb(239, 105, 29), rgb(140, 76, 255)); padding: 17px; color: white;}
.danli-chat-head strong,.danli-chat-head small{display: block;}
.danli-chat-head small{font-size: 11px; opacity: 0.88; margin-top: 3px;}
.danli-chat-head button{font-size: 25px; background: transparent; color: white; border: 0px; cursor: pointer;}
.danli-chat-alert{color: rgb(253, 182, 161); font-size: 12px; padding: 0px 13px;}
.danli-chat-alert:empty{display: none;}
.danli-chat-content{flex: 1 1 0%; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px;}
.danli-chat-bubble{max-width: 87%; padding: 9px 12px; border-radius: 13px; background: rgb(35, 54, 80); align-self: flex-start; overflow-wrap: anywhere;}
.danli-chat-bubble.customer{align-self: flex-end; background: rgb(112, 70, 185);}
.danli-chat-bubble p{margin: 3px 0px 0px; white-space: pre-wrap;}
.danli-chat-bubble small{opacity: 0.7; font-size: 10px;}
.danli-chat-name-row{padding: 18px;}
.danli-chat-name-row label{display: grid; gap: 8px;}
.danli-chat-panel input{width: 100%; box-sizing: border-box; padding: 11px; background: rgb(10, 21, 37); color: inherit; border: 1px solid rgb(82, 97, 122); border-radius: 9px; font: inherit;}
.danli-chat-name-row button,.danli-chat-panel form button,.danli-chat-admin-form button{padding: 11px; border: 0px; border-radius: 9px; background: rgb(253, 124, 47); color: white; font-weight: 700; cursor: pointer;}
.danli-chat-name-row button{margin-top: 10px; width: 100%;}
.danli-chat-panel form{display: flex; gap: 8px; padding: 10px; border-top: 1px solid rgb(53, 70, 96);}
.danli-chat-panel form input{min-width: 0px;}
.danli-chat-note{font-size: 10px; text-align: center; opacity: 0.7; padding: 5px 10px 10px;}
.danli-chat-admin{display: grid; grid-template-columns: minmax(160px, 260px) 1fr; gap: 15px; min-height: 420px;}
.danli-chat-admin-list{display: flex; flex-direction: column; max-height: 520px; overflow-y: auto; gap: 8px;}
.danli-chat-admin-list button{display: grid; gap: 3px; text-align: left; padding: 11px; border-radius: 10px; border: 1px solid rgba(126, 137, 154, 0.333); background: transparent; color: inherit; cursor: pointer;}
.danli-chat-admin-list small{opacity: 0.7;}
.danli-chat-admin-convo{min-width: 0px; display: flex; flex-direction: column; gap: 10px;}
.danli-chat-admin-convo > div{height: 360px; overflow-y: auto; padding: 12px; border: 1px solid rgba(137, 148, 164, 0.267); border-radius: 10px; display: flex; flex-direction: column; gap: 12px;}
.danli-chat-admin-convo article{max-width: 85%; border-radius: 12px; background: rgba(126, 137, 154, 0.145); padding: 10px; overflow-wrap: anywhere;}
.danli-chat-admin-convo article.support{align-self: flex-end; background: rgba(187, 108, 54, 0.145);}
.danli-chat-admin-convo article p{margin: 3px 0px; white-space: pre-wrap;}
.danli-chat-admin-convo form{display: flex; gap: 8px; flex-wrap: wrap;}
.danli-chat-admin-convo input{min-width: 160px; flex: 1 1 0%; padding: 10px; border: 1px solid rgba(137, 148, 164, 0.333); border-radius: 8px; background: transparent; color: inherit;}
@media (max-width: 600px){
.danli-chat-trigger{bottom: 78px; right: 12px; padding: 13px;}
.danli-chat-panel{bottom: 135px; right: 9px; max-height: calc(100dvh - 160px);}
.danli-chat-admin{grid-template-columns: 1fr;}
.danli-chat-admin-list{max-height: 170px;}
.danli-chat-admin-convo > div{height: 260px;}
}
body[data-role="admin"] #danli-chat-widget{display: none;}
.admin-chat-bell{position: relative; font-size: 22px; min-width: 42px;}
.admin-chat-count{display: inline-flex; align-items: center; justify-content: center; min-width: 19px; height: 19px; padding: 0px 5px; border-radius: 30px; background: rgb(233, 64, 53); color: white; font-size: 11px; font-weight: 800; vertical-align: middle;}
.admin-chat-bell .admin-chat-count{position: absolute; top: -4px; right: -5px;}
.admin-chat-count[hidden]{display: none !important;}
.log-detail{max-width: 640px; white-space: pre-wrap; overflow-wrap: anywhere; font: 12px ui-monospace, monospace; padding: 12px; background: rgb(23, 34, 52); color: rgb(238, 243, 251); border-radius: 9px;}
html body #danli-chat-widget .danli-chat-panel{color-scheme: light; background: rgb(247, 248, 250) !important; color: rgb(37, 50, 67) !important; border-color: rgb(212, 218, 227) !important;}
html body #danli-chat-widget .danli-chat-content{background: rgb(247, 248, 250) !important; color: rgb(37, 50, 67) !important;}
html body #danli-chat-widget .danli-chat-bubble{background: rgb(232, 237, 243) !important; color: rgb(37, 50, 67) !important;}
html body #danli-chat-widget .danli-chat-bubble.customer{background: rgb(255, 240, 229) !important; color: rgb(101, 56, 18) !important;}
html body #danli-chat-widget .danli-chat-bubble p{color: inherit !important;}
html body #danli-chat-widget .danli-chat-panel input{background: rgb(255, 255, 255) !important; color: rgb(37, 50, 67) !important; border-color: rgb(203, 211, 223) !important;}
html body #danli-chat-widget .danli-chat-panel input::placeholder{color: rgb(105, 120, 141) !important;}
html body #danli-chat-widget .danli-chat-panel form{background: rgb(255, 255, 255) !important; border-color: rgb(217, 224, 232) !important;}
html body #danli-chat-widget .danli-chat-note{opacity: 1; background: rgb(255, 255, 255) !important; color: rgb(82, 98, 120) !important;}
html body #danli-chat-widget .danli-chat-alert{color: rgb(167, 52, 35) !important;}
html body #danli-chat-widget .danli-chat-name-row label{color: rgb(37, 50, 67) !important;}

/* ===== home-cms.css ===== */
.cms-header-name{font-weight: 800; font-size: 13px; letter-spacing: 0.035em; max-width: 165px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cms-home{display: grid; gap: 25px; width: 100%; max-width: 1280px; margin: 0px auto 24px;}
.cms-banner{display: grid; grid-template-columns: minmax(0px, 1.08fr) minmax(0px, 0.92fr); align-items: center; min-height: 350px; border: 1px solid var(--line); border-radius: 26px; overflow: hidden; position: relative; background: radial-gradient(circle at 80% 20%, rgba(238, 107, 20, 0.19), transparent 45%), linear-gradient(125deg, rgb(16, 33, 55), rgb(27, 28, 51) 65%, rgb(38, 28, 50)); box-shadow: rgba(0, 0, 0, 0.133) 0px 16px 45px;}
.cms-banner-copy{padding: clamp(28px, 5vw, 62px); position: relative; z-index: 1;}
.cms-eyebrow{display: block; text-transform: uppercase; color: rgb(255, 171, 99); font-size: 11px; letter-spacing: 0.15em; font-weight: 800; margin-bottom: 12px;}
.cms-banner h1{font-size: clamp(32px, 4vw, 60px); line-height: 1.03; letter-spacing: -0.035em; color: rgb(255, 255, 255); margin: 0px 0px 18px; overflow-wrap: anywhere;}
.cms-banner p{color: rgb(200, 216, 237); font-size: 16px; line-height: 1.6; max-width: 550px; margin: 0px 0px 23px;}
.cms-cta{display: inline-flex; align-items: center; gap: 9px; padding: 12px 22px; border-radius: 999px; background: linear-gradient(120deg, rgb(255, 141, 48), rgb(236, 84, 40)); color: rgb(255, 255, 255); font-size: 14px; font-weight: 800; box-shadow: rgba(250, 96, 44, 0.267) 0px 9px 24px;}
.cms-banner-art{display: flex; align-items: center; justify-content: center; height: 100%; max-height: 430px; padding: 16px; overflow: hidden;}
.cms-banner-art img{max-width: 100%; width: 100%; height: 100%; object-fit: contain; max-height: 400px; filter: drop-shadow(rgba(4, 12, 25, 0.314) 0px 22px 26px);}
.cms-section{display: grid; gap: 15px;}
.cms-section-head{display: flex; justify-content: space-between; align-items: end; gap: 18px;}
.cms-section-head h2{font-size: 24px; margin: 0px 0px 3px;}
.cms-section-head p{color: var(--muted); margin: 0px; font-size: 14px;}
.cms-section-link{font-weight: 750; color: var(--orange); white-space: nowrap;}
.cms-carousel{display: flex; gap: 17px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px 2px 20px; scrollbar-width: thin;}
.cms-carousel .cms-card{flex: 0 0 clamp(225px, 25vw, 300px); scroll-snap-align: start;}
.cms-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 17px;}
.cms-card{min-width: 0px; background: var(--card); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.067) 0px 9px 20px;}
.cms-card-image{width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; background: var(--soft);}
.cms-card-copy{padding: 19px; display: grid; align-content: start; gap: 9px; flex: 1 1 0%;}
.cms-card h3{font-size: 18px; margin: 0px;}
.cms-card p{font-size: 13px; color: var(--muted); line-height: 1.5; margin: 0px;}
.cms-card-link{color: var(--orange); font-weight: 750; align-self: end; margin-top: auto; padding-top: 10px;}
.cms-empty{color: var(--muted);}
.cms-textblock{display: grid; grid-template-columns: 1fr minmax(0px, 0.8fr); gap: 24px; align-items: center; border: 1px solid var(--line); background: var(--card); padding: clamp(20px, 4vw, 42px); border-radius: 23px;}
.cms-textblock h2{font-size: clamp(25px, 3vw, 38px);}
.cms-textblock p{color: var(--muted); line-height: 1.65;}
.cms-textblock img{width: 100%; max-height: 310px; object-fit: contain;}
:root[data-theme="light"] .cms-banner{background: linear-gradient(125deg, rgb(24, 54, 94), rgb(25, 47, 83) 58%, rgb(58, 36, 85));}
.cms-editor{max-width: 1280px; margin: 0px auto; display: grid; gap: 20px;}
.cms-titlebar{display: flex; align-items: center; justify-content: space-between; gap: 18px;}
.cms-titlebar h1{margin: 0px 0px 5px; font-size: 31px;}
.cms-titlebar p{color: var(--muted); margin: 0px; max-width: 680px; line-height: 1.5;}
.cms-form-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 13px;}
.cms-field{display: flex; flex-direction: column; min-width: 0px; gap: 7px; color: var(--text); font-size: 13px;}
.cms-field span{font-weight: 700;}
.cms-field input,.cms-add-controls select{width: 100%; background: var(--soft); color: var(--text); border: 1px solid var(--line); border-radius: 11px; padding: 12px 13px; min-height: 44px; outline-offset: 2px;}
.cms-form-grid .wide,.cms-media-field.wide{grid-column: 1 / -1;}
.cms-brand-editor h2{margin-bottom: 18px;}
.cms-media-field{display: grid; gap: 8px;}
.cms-media-actions{display: flex; align-items: center; gap: 12px;}
.cms-media-actions input{display: block; min-width: 0px; max-width: 100%; font-size: 12px;}
.cms-image-preview{width: 110px; height: 65px; object-fit: contain; border-radius: 9px; background: var(--soft); border: 1px solid var(--line);}
.cms-block-list{display: grid; gap: 16px;}
.cms-block-editor{border: 1px solid var(--line); border-radius: 17px; background: var(--card); padding: 20px; display: grid; gap: 17px;}
.cms-block-editor h3{font-size: 20px; margin: 4px 0px 0px;}
.cms-block-editor small{color: var(--muted);}
.cms-editor-row{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
.cms-editor-actions{display: flex; gap: 7px; align-items: center; flex-wrap: wrap;}
.cms-editor-actions button{background: var(--soft); border: 1px solid var(--line); border-radius: 9px; padding: 9px 13px; color: var(--text); min-height: 36px;}
.cms-editor-actions button.danger{color: rgb(237, 117, 123);}
.cms-checkbox{font-size: 13px; display: flex; align-items: center; gap: 7px; white-space: nowrap;}
.cms-checkbox input{width: 17px; height: 17px; accent-color: var(--orange);}
.cms-items-editor{display: grid; gap: 12px; border-top: 1px solid var(--line); padding-top: 14px;}
.cms-card-editor{border-radius: 12px; border: 1px solid var(--line); background: var(--card2); padding: 15px; display: grid; gap: 12px;}
.cms-add-row{border: 1px dashed var(--line); border-radius: 15px; background: var(--card); padding: 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
.cms-add-controls{display: flex; gap: 12px; align-items: center; flex-wrap: wrap;}
.cms-add-controls select{width: min(250px, 100%);}
.cms-toolbar{display: flex; justify-content: flex-end; gap: 12px; position: sticky; bottom: 8px; z-index: 2; padding: 15px; background: var(--card); border: 1px solid var(--line); border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 30px;}
.cms-preview-top{display: flex; justify-content: space-between; align-items: center; gap: 15px; background: var(--card2); border: 1px solid var(--line); border-radius: 12px; padding: 15px 20px; margin-bottom: 18px; flex-wrap: wrap;}
@media (max-width: 930px){
.cms-header-name{display: none;}
.cms-banner{grid-template-columns: 1fr 1fr;}
.cms-banner-copy{padding: 25px;}
.cms-banner h1{font-size: 35px;}
.cms-banner-art{max-height: 310px;}
.cms-carousel .cms-card{flex-basis: 260px;}
}
@media (max-width: 680px){
.cms-banner{grid-template-columns: 1fr;}
.cms-banner-copy{padding: 30px 23px 10px;}
.cms-banner h1{font-size: 36px;}
.cms-banner-art{max-height: 240px; padding: 4px;}
.cms-banner-art img{max-height: 235px;}
.cms-section-head h2{font-size: 22px;}
.cms-form-grid{grid-template-columns: 1fr;}
.cms-titlebar{align-items: start; flex-direction: column;}
.cms-editor-row{align-items: start;}
.cms-block-editor{padding: 14px;}
.cms-toolbar{bottom: 4px;}
.cms-toolbar .btn{flex: 1 1 0%;}
.cms-textblock{grid-template-columns: 1fr;}
}

/* ===== danli-v3.css ===== */
:root{--bg: #0d0e10; --sidebar: #0b0c0e; --topbar: #101114; --card: #17181b; --card2: #1e2024; --soft: #282b31; --muted: #8c929e; --text: #f1f3f7; --line: #2a2d34; --faint: #17181b; --orange: #ff6a00; --orangedark: #e65f00; --accent-2: #ff9a44; --blue: #2f8bff; --green: #27ee77; --green-2: #00a344; --shadow: 0 18px 44px #0009; --ref-bg: #0d0e10; --ref-panel: #17181b; --ref-panel2: #1e2024; --ref-border: #2a2d34; --ref-orange: #ff6a00; --ref-purple: #ff6a00; --ref-gold: #e6b24c; --ref-text: #f1f3f7; --ref-muted: #8c929e; --dp-sidebar-w: 244px;}
:root[data-theme="light"]{--bg: #eef1f6; --sidebar: #ffffff; --topbar: #ffffff; --card: #ffffff; --card2: #f5f7fb; --soft: #eef1f6; --muted: #5e6a7a; --text: #121821; --line: #e4e8f0; --faint: #f5f7fb; --green: #1f9d55; --green-2: #17864a; --shadow: 0 12px 30px #1a2a4012; --ref-bg: #eef1f6; --ref-panel: #ffffff; --ref-panel2: #f5f7fb; --ref-border: #e4e8f0; --ref-orange: #ff6a00; --ref-purple: #ff6a00; --ref-gold: #c8a24a; --ref-text: #121821; --ref-muted: #5e6a7a;}
body{background: var(--bg); color: var(--text);}
.ico{width: 22px; height: 22px; stroke: currentcolor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.ico-sm{width: 18px; height: 18px;}
.topbar{height: 68px; background: var(--topbar); border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 13px; padding: 0px 20px; position: sticky; top: 0px; z-index: 30;}
.brand-header{display: flex; align-items: center; width: auto; flex: 0 0 auto; margin-right: 4px;}
.brand-header .logo{display: flex; align-items: center;}
.brand-header .logo img{height: 30px; width: auto; display: block;}
.brand-header .logo .l-light{display: none;}
:root[data-theme="light"] .brand-header .logo .l-light{display: block;}
:root[data-theme="light"] .brand-header .logo .l-dark{display: none;}
.dp-chips{display: flex; align-items: center; gap: 8px;}
.dp-chip{width: 42px; height: 42px; border-radius: 13px; background: var(--card); border: 1px solid var(--line); color: var(--muted); display: flex; align-items: center; justify-content: center;}
.dp-chip:hover{color: var(--text); border-color: var(--line);}
.dp-chip.active{background: linear-gradient(135deg,var(--orange),var(--accent-2)); color: rgb(255, 255, 255); border-color: transparent; box-shadow: rgba(242, 106, 31, 0.267) 0px 6px 16px;}
.dp-search{width: 44px; height: 44px; border-radius: 50%; background: var(--card); border: 1px solid var(--line); color: var(--muted); display: flex; align-items: center; justify-content: center;}
.dp-search:hover{color: var(--text);}
.dp-saldo{display: flex; flex-direction: column; align-items: flex-end; line-height: 1.1; padding: 0px 4px;}
.dp-saldo small{font-size: 11px; color: var(--muted); font-weight: 600;}
.dp-saldo b{font-size: 14px; font-weight: 700; color: var(--text);}
.dp-deposit{display: flex; align-items: center; gap: 8px; height: 44px; padding: 0px 18px; border-radius: 13px; background: linear-gradient(135deg,var(--green),var(--green-2)); color: rgb(255, 255, 255); font-weight: 700; font-size: 13.5px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(34, 192, 106, 0.2) 0px 8px 18px;}
.dp-deposit:hover{filter: brightness(1.06);}
.dp-ticon{width: 44px; height: 44px; border-radius: 13px; background: var(--card); border: 1px solid var(--line); color: var(--muted); display: flex; align-items: center; justify-content: center; position: relative;}
.dp-ticon:hover{color: var(--text);}
.theme-toggle{width: 44px; height: 44px; border-radius: 13px; background: var(--card); border: 1px solid var(--line); color: var(--muted); display: flex; align-items: center; justify-content: center;}
.theme-toggle .theme-moon{display: none;}
:root[data-theme="light"] .theme-toggle .theme-sun{display: none;}
:root[data-theme="light"] .theme-toggle .theme-moon{display: inline;}
.dp-avatar{width: 44px; height: 44px; border-radius: 50%; background: var(--card2); border: 2px solid var(--orange); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; color: var(--text);}
.mobile-trigger{display: none;}
.dp-badge{position: absolute; top: -4px; right: -4px; min-width: 17px; height: 17px; padding: 0px 4px; border-radius: 9px; background: var(--orange); color: rgb(255, 255, 255); font-size: 10px; font-weight: 800; display: flex; align-items: center; justify-content: center;}
.layout{display: grid; grid-template-columns: var(--dp-sidebar-w) 1fr; min-height: calc(-68px + 100vh); transition: grid-template-columns 0.22s;}
:root[data-collapsed] .layout{grid-template-columns: 76px 1fr;}
.sidebar{background: var(--sidebar); border-right: 1px solid var(--line); position: relative; display: flex; flex-direction: column; padding: 14px 12px; gap: 3px; min-width: 0px; width: auto; flex: 0 0 auto;}
.dp-collapse{position: absolute; top: 20px; right: -13px; width: 26px; height: 26px; border-radius: 50%; background: var(--card2); border: 1px solid var(--line); color: var(--muted); display: flex; align-items: center; justify-content: center; z-index: 31;}
.dp-collapse:hover{color: var(--orange); border-color: var(--orange);}
.dp-collapse .ico{transition: transform 0.22s;}
:root[data-collapsed] .dp-collapse .ico{transform: rotate(180deg);}
.menu-title{font-size: 11px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); opacity: 0.7; padding: 10px 12px 5px;}
.sidebar nav{display: flex; flex-direction: column; gap: 2px;}
.nav-entry{display: flex; align-items: center; gap: 13px; height: 44px; padding: 0px 12px; border-radius: 11px; color: var(--muted); font-weight: 600; font-size: 13.5px; position: relative; white-space: nowrap; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; width: 100%; text-align: left; cursor: pointer;}
.nav-entry:hover{background: var(--card); color: var(--text);}
.nav-entry.active{background: var(--card2); color: var(--text);}
.nav-entry.active::before{content: ""; position: absolute; left: 0px; top: 11px; bottom: 11px; width: 3px; border-radius: 0px 3px 3px 0px; background: var(--orange);}
.nav-entry.active .ico{color: var(--orange);}
.nav-icon{display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.nav-entry .admin-chat-count{margin-left: auto; background: var(--orange); color: rgb(255, 255, 255); font-size: 10.5px; font-weight: 700; padding: 2px 7px; border-radius: 999px;}
.side-bottom{margin-top: auto; display: flex; flex-direction: column; gap: 9px; padding-top: 10px;}
.dp-pc{display: flex; align-items: center; gap: 11px; padding: 11px; border-radius: 13px; background: var(--card); border: 1px solid var(--line);}
.dp-pc .pc-ico{width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg,var(--orange),var(--accent-2)); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); flex: 0 0 auto;}
.dp-pc .pc-txt{min-width: 0px;}
.dp-pc .pc-txt strong{display: block; font-size: 12.5px; font-weight: 700;}
.dp-pc .pc-txt span{font-size: 11px; color: var(--muted);}
.dp-pc .chev{margin-left: auto; color: var(--muted);}
.dp-support{display: flex; align-items: center; gap: 13px; padding: 4px 10px; color: var(--muted); font-size: 12.5px; font-weight: 600;}
.dp-support .badge247{background: var(--green); color: rgb(6, 18, 11); font-size: 10px; font-weight: 800; padding: 2px 6px; border-radius: 6px;}
.dp-support .lang{margin-left: auto; font-weight: 700;}
:root[data-collapsed] .menu-title,:root[data-collapsed] .nav-entry > span.lbl,:root[data-collapsed] .nav-entry .admin-chat-count,:root[data-collapsed] .dp-pc .pc-txt,:root[data-collapsed] .dp-pc .chev,:root[data-collapsed] .dp-support .lbl,:root[data-collapsed] .dp-support .lang,:root[data-collapsed] .dp-support .badge247{display: none;}
:root[data-collapsed] .nav-entry{justify-content: center; gap: 0px; padding: 0px;}
:root[data-collapsed] .dp-pc,:root[data-collapsed] .dp-support{justify-content: center; padding: 10px;}
.main{padding: 22px; max-width: 1340px;}
.operators-grid{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px;}
.operator-tile{background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 22px 12px 16px; display: flex; flex-direction: column; align-items: center; gap: 12px; transition: 0.15s; color: var(--muted);}
.operator-tile:hover{border-color: var(--orange); background: var(--card2); transform: translateY(-2px);}
.operator-tile.selected{border-color: var(--orange); background: var(--card2);}
.operator-tile strong{font-size: 13px; font-weight: 600; color: var(--muted);}
.operator-logo-box{height: 38px; display: flex; align-items: center; justify-content: center;}
.operator-logo-box img{height: 34px; max-width: 84px; object-fit: contain;}
@media (max-width: 1040px){
.operators-grid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 860px){
.layout{grid-template-columns: 1fr;}
.sidebar{position: fixed; left: 0px; top: 68px; bottom: 0px; width: 260px; z-index: 40; transform: translateX(-100%); transition: transform 0.2s;}
.sidebar.open{transform: none;}
.dp-collapse{display: none;}
.mobile-trigger{display: flex;}
.dp-chips{display: none;}
}
.logo .l-light{display: none;}
.logo .l-dark{display: block;}
:root[data-theme="light"] .logo .l-light{display: block;}
:root[data-theme="light"] .logo .l-dark{display: none;}
.logo img{max-height: 42px; width: auto;}
.ref-button{background: linear-gradient(135deg,var(--orange),var(--accent-2)) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: rgba(242, 106, 31, 0.2) 0px 8px 18px !important; color: rgb(255, 255, 255) !important;}
.ref-recharge-right .ref-selected{background: linear-gradient(120deg, rgb(32, 42, 55), rgb(22, 29, 38) 55%, rgb(16, 21, 28)) !important;}
:root[data-theme="light"] .ref-recharge-right .ref-selected{background: linear-gradient(120deg, rgb(34, 48, 70), rgb(26, 36, 51)) !important;}
.ref-recharge-left .operator-tile.selected,:root[data-theme="dark"] .ref-recharge-left .operator-tile.selected,:root[data-theme="light"] .ref-recharge-left .operator-tile.selected{border: 2px solid var(--orange) !important; background: var(--card2) !important; box-shadow: 0 0 0 1px var(--orange) !important;}
.total span{color: var(--text) !important;}
.total b{color: var(--orange) !important;}
.ref-recharge-right .ref-selected > span{border-color: var(--orange) !important; color: var(--orange) !important; background: rgba(242, 112, 29, 0.12) !important;}
.ref-outline{border: 1px solid var(--line) !important; color: var(--text) !important; background: transparent !important;}
.ref-outline:hover{border-color: var(--orange) !important; color: var(--orange) !important;}
.total{border-top: 1px solid var(--line) !important;}
.ref-admin-hero{background: radial-gradient(120% 140% at 85% 20%, rgb(29, 49, 72) 0%, rgb(18, 26, 36) 45%, rgb(12, 17, 24) 100%) !important; border: 1px solid var(--line) !important;}
:root[data-theme="light"] .ref-admin-hero{background: radial-gradient(120% 140% at 85% 20%, rgb(34, 48, 70), rgb(26, 36, 51)) !important;}
.ref-admin-art{display: none !important;}
.ref-admin-title{width: auto; min-width: 0px;}
.ref-admin-title h1 em{color: var(--accent-2) !important; text-shadow: rgba(255, 121, 34, 0.267) 0px 0px 16px !important;}
.ref-admin-advantages{background: rgba(11, 14, 20, 0.753) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important;}
.ref-metric,.ref-metric.blue,.ref-metric.orange,.ref-metric.green{background: var(--card) !important; border: 1px solid var(--line) !important; box-shadow: none !important; color: var(--orange) !important;}
.ref-metric.blue{color: rgb(58, 160, 232) !important;}
.ref-metric.green{color: var(--green) !important;}
.ref-metric > span{box-shadow: none !important; background: rgba(255, 255, 255, 0.04) !important;}
:root[data-theme="light"] .ref-metric > span{background: rgba(0, 0, 0, 0.04) !important;}
.ref-metric h2,.ref-metric strong{color: var(--text) !important;}
.ref-linktile,.ref-linktile.orange,.ref-linktile.purple{background: var(--card) !important; border: 1px solid var(--line) !important;}
.ref-linktile .tile-visual{color: var(--orange) !important; text-shadow: none !important;}
.ref-linktile.purple .tile-visual{color: rgb(58, 160, 232) !important;}
.ref-linktile h3{color: var(--text) !important;}
.ref-linktile p{color: var(--muted) !important;}
.ref-linktile b{color: var(--orange) !important;}
.text-link{color: var(--orange) !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px !important;}
.table-scroll table thead th{color: var(--muted);}
.table-scroll table{color: var(--text);}
.ref-panel-head a{color: var(--orange) !important;}
.dp-modal-ov{position: fixed; inset: 0px; background: rgba(6, 10, 16, 0.8); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 9999; opacity: 0; transition: opacity 0.15s; padding: 20px; -webkit-backdrop-filter: blur(4px);}
.dp-modal-ov.show{opacity: 1;}
.dp-modal{background: var(--card); border: 1px solid var(--line); border-radius: 18px; max-width: 430px; width: 100%; padding: 28px; text-align: center; box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 70px; transform: translateY(10px); transition: transform 0.16s;}
.dp-modal-ov.show .dp-modal{transform: none;}
.dp-modal-ic{width: 56px; height: 56px; border-radius: 16px; margin: 0px auto 16px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,var(--orange),var(--accent-2)); color: rgb(255, 255, 255);}
.dp-modal-ic.danger{background: linear-gradient(135deg, rgb(240, 112, 138), rgb(226, 65, 92));}
.dp-modal h3{margin: 0px 0px 8px; font-size: 19px; font-weight: 800; color: var(--text);}
.dp-modal p{margin: 0px 0px 22px; color: var(--muted); font-size: 14px; line-height: 1.5;}
.dp-modal-actions{display: flex; gap: 10px;}
.dp-modal-actions button{flex: 1 1 0%; height: 46px; border-radius: 12px; font-weight: 700; font-size: 14px; cursor: pointer;}
.dp-btn-ghost{background: var(--card2); border: 1px solid var(--line); color: var(--text);}
.dp-btn-ghost:hover{border-color: var(--muted);}
.dp-btn-primary{background: linear-gradient(135deg,var(--orange),var(--accent-2)); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none;}
.dp-btn-primary.danger{background: linear-gradient(135deg, rgb(226, 65, 92), rgb(198, 47, 71));}
.ref-admin-hero{display: none !important;}
body[data-role="admin"] .main{max-width: none;}
.log-detail{white-space: pre-wrap; word-break: break-word; background: var(--card2); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; margin: 0px; font-size: 11.5px; line-height: 1.5; color: var(--muted); max-width: 720px;}
.rf-ico{width: 46px; min-width: 46px; display: grid; place-items: center; border-radius: 12px; background: var(--card2); border: 1px solid var(--line); color: var(--muted);}
.rf-ico .ico{width: 19px; height: 19px;}
.rf-money{display: flex; align-items: stretch; background: var(--card2); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; transition: border-color 0.15s;}
.rf-money:focus-within{border-color: var(--orange);}
.rf-money .rf-bs{display: flex; align-items: center; padding: 0px 14px; font-weight: 800; font-size: 14px; color: var(--orange); background: color-mix(in srgb,var(--orange) 12%,transparent);}
.rf-money input{flex: 1 1 0%; min-width: 0px; font-size: 16px; font-weight: 700; color: var(--text); border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: transparent !important; padding: 13px 14px !important; margin: 0px !important; box-shadow: none !important;}
.rf-money input:focus{outline: none !important;}
.rf-chips{display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin: 11px 0px 4px;}
.rf-chip{padding: 12px 0px; border-radius: 13px; background: var(--card2); border: 1.5px solid var(--line); color: var(--text); font-weight: 800; font-size: 15px; cursor: pointer; transition: border-color 0.15s, color 0.15s, background 0.15s;}
.rf-chip:hover{border-color: var(--orange);}
.rf-chip.active{border-color: var(--orange); color: var(--orange); background: color-mix(in srgb,var(--orange) 14%,transparent);}
.ref-brandcard{align-items: center; gap: 14px; box-shadow: rgba(0, 0, 0, 0.4) 0px 14px 30px; display: flex !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 18px !important; color: rgb(255, 255, 255) !important; padding: 15px 17px !important; margin: 0px 0px 16px !important; min-height: 0px !important;}
.ref-brandcard .ref-selected-tx{min-width: 0px;}
.ref-brandcard h2{color: rgb(255, 255, 255) !important; font-size: 24px !important; margin: 0px 0px 2px !important;}
.ref-brandcard p{color: rgba(255, 255, 255, 0.92) !important; margin: 0px !important; font-size: 13px !important;}
.ref-brandcard .ref-selected-logo{width: 64px !important; height: 50px !important; min-width: 64px !important; min-height: 50px !important; flex: 0 0 auto !important; background: rgb(255, 255, 255) !important; border-radius: 13px !important; padding: 6px 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px !important; overflow: hidden !important; box-sizing: border-box !important;}
.ref-brandcard .ref-selected-logo svg,.ref-brandcard .ref-selected-logo .operator-mark{width: 46px !important; height: 34px !important; max-width: 100% !important; max-height: 100% !important; display: block !important; margin: auto !important;}
.ref-brandcard .ref-selected-logo img,.ref-brandcard .ref-selected-logo .op-logo-img{width: 100% !important; height: 100% !important; max-width: 48px !important; max-height: 36px !important; object-fit: contain !important; display: block !important; margin: auto !important;}
.ref-brandcard .ref-selected-logo .operator-wordmark{font-size: 16px !important; font-weight: 800 !important; color: rgb(26, 26, 26) !important;}
.anim-card{margin-bottom: 16px;}
.anim-step{display: flex; align-items: center; gap: 9px; font-size: 16px; margin: 0px 0px 12px;}
.anim-step i{width: 24px; height: 24px; border-radius: 50%; background: var(--orange); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 13px; font-style: normal; font-weight: 800;}
.anim-step.mt{margin-top: 20px;}
.anim-lots{display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px;}
.anim-lot{display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 10px; border-radius: 14px; background: var(--card2); border: 1.5px solid var(--line); color: var(--text); cursor: pointer; transition: border-color 0.15s, background 0.15s;}
.anim-lot.on{border-color: var(--orange); background: color-mix(in srgb,var(--orange) 10%,var(--card2));}
.anim-lot-ic{width: 40px; height: 40px; display: grid; place-items: center; color: var(--orange);}
.anim-lot-ic img{max-width: 40px; max-height: 40px;}
.anim-lot b{font-size: 13px;}
.anim-lot small{color: var(--muted); font-size: 11px;}
.anim-sorteos{display: flex; flex-wrap: wrap; gap: 8px;}
.anim-sorteo{padding: 9px 15px; border-radius: 999px; background: var(--card2); border: 1px solid var(--line); color: var(--text); font-weight: 700; font-size: 13px; cursor: pointer;}
.anim-sorteo.on{background: var(--orange); border-color: var(--orange); color: rgb(255, 255, 255);}
.anim-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: 10px 6px;}
.anim-fig{display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 2px 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--text); cursor: pointer;}
.anim-fig .anim-fig-emo{width: 100%; aspect-ratio: 1 / 1; height: auto; border-radius: 12px; background: rgb(255, 255, 255); border: 2px solid transparent; overflow: hidden; display: grid; place-items: center; margin: 0px; transition: outline 0.12s, box-shadow 0.12s;}
.anim-fig:hover .anim-fig-emo{box-shadow: 0 0 0 2px color-mix(in srgb,var(--orange) 45%,transparent);}
.anim-fig.on .anim-fig-emo{outline: 3px solid var(--green); outline-offset: 2px; box-shadow: 0 0 0 4px color-mix(in srgb,var(--green) 22%,transparent);}
.anim-fig b{font-size: 14px; font-weight: 800; color: var(--orange);}
.anim-fig small{font-size: 9px; color: var(--muted); text-align: center; line-height: 1.05;}
.anim-money{margin-top: 4px;}
.anim-tickets{display: flex; flex-direction: column; gap: 9px;}
.anim-ticket{display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--card2); border-radius: 12px; padding: 12px 14px;}
.anim-ticket .d b{font-size: 15px;}
.anim-ticket .d small{display: block; color: var(--muted); font-size: 12px;}
.anim-ticket .m{text-align: right; display: flex; flex-direction: column; gap: 4px; align-items: flex-end;}
.anim-royal .anim-step i,.anim-royal .anim-sorteo.on{background: rgb(185, 137, 43);}
.anim-royal .anim-fig b,.anim-royal .anim-lot-ic{color: rgb(224, 178, 76);}
.anim-royal .anim-fig.on,.anim-royal .anim-lot.on,.anim-royal .anim-sorteo.on{border-color: rgb(224, 178, 76);}
.anim-royal .anim-fig.on,.anim-royal .anim-lot.on{background: color-mix(in srgb, rgb(224, 178, 76) 14%, transparent);}
.anim-royal .ref-button{box-shadow: rgba(224, 178, 76, 0.227) 0px 10px 24px; background: linear-gradient(135deg, rgb(224, 178, 76), rgb(156, 107, 20)) !important;}
.anim-fig-emo{font-size: 26px; line-height: 1; display: grid; place-items: center;}
.anim-fig-emo img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.anim-lot-ic img{border-radius: 8px; object-fit: contain;}
.anim-adminbar{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 10px 0px 2px; padding: 10px 14px; border-radius: 14px; background: color-mix(in srgb,var(--accent) 12%,var(--card)); border: 1px solid color-mix(in srgb,var(--accent) 35%,transparent);}
.anim-adminbar span{font-weight: 700; color: var(--accent);}
.adm-form{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px 14px; align-items: end;}
.adm-form label{display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; color: var(--muted);}
.adm-form select,.adm-form input{width: 100%; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--card2); color: var(--ink); font-size: 15px;}
.adm-form .btn{grid-column: 1 / -1;}
.adm-lots{display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px;}
.adm-lot{border: 1px solid var(--line); border-radius: 16px; padding: 14px; background: var(--card2); display: flex; flex-direction: column; gap: 12px;}
.adm-lot-h{display: flex; align-items: center; gap: 10px;}
.adm-lot-h b{flex: 1 1 0%; font-size: 15px;}
.adm-lot-h .anim-lot-ic.sm{width: 34px; height: 28px; display: grid; place-items: center;}
.adm-lot-h .anim-lot-ic.sm img{width: 34px; height: 28px; object-fit: contain; border-radius: 7px;}
.adm-sw{display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--muted);}
.adm-lot-f{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px;}
.adm-lot-f label{display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--muted);}
.adm-lot-f input{width: 100%; padding: 8px 9px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); color: var(--ink); font-size: 14px;}
@media (max-width: 620px){
.adm-form{grid-template-columns: 1fr;}
}
.anim-tabs{margin: 12px 0px 4px;}
.anim-board-head{display: flex; align-items: center; gap: 12px; padding: 4px 0px 2px;}
.anim-board-head .anim-lot-ic.lg{width: 52px; height: 44px; display: grid; place-items: center;}
.anim-board-head .anim-lot-ic.lg img{width: 52px; height: 44px; object-fit: contain; border-radius: 10px;}
.anim-board-head b{font-size: 19px; display: block;}
.anim-board-head small{color: var(--muted); font-size: 12px;}
.anim-fig{position: relative;}
.anim-fig-chk{position: absolute; top: 4px; right: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--orange); color: rgb(17, 17, 17); font-size: 11px; font-weight: 900; display: grid; place-items: center;}
.anim-royal .anim-fig-chk{background: rgb(224, 178, 76);}
.anim-cupon{margin-top: 12px;}
.anim-cupon-list{display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px;}
.anim-cupon-row{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--card2); border: 1px solid var(--line);}
.anim-cupon-row .d b{font-size: 15px; color: var(--orange); display: block;}
.anim-cupon-row .d small{color: var(--muted); font-size: 11.5px;}
.anim-cupon-row .m{display: flex; align-items: center; gap: 10px;}
.anim-cupon-row .m b{font-size: 15px;}
.anim-del{width: 28px; height: 28px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: color-mix(in srgb, rgb(255, 99, 114) 18%, transparent); color: rgb(255, 99, 114); font-size: 13px; font-weight: 800; cursor: pointer; flex: 0 0 auto;}
.anim-del:hover{background: rgb(255, 99, 114); color: rgb(255, 255, 255);}
.anim-cupon-tot{display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: 12px; background: color-mix(in srgb,var(--orange) 8%,var(--card2)); margin-bottom: 12px;}
.anim-cupon-tot > div{display: flex; justify-content: space-between; align-items: center;}
.anim-cupon-tot span{color: var(--muted); font-size: 13px;}
.anim-cupon-tot b{font-size: 18px;}
.anim-cupon-tot b.win{color: rgb(22, 214, 141);}
.dp-sheet-ov{position: fixed; inset: 0px; z-index: 3200; background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(2px); display: flex; align-items: flex-end; justify-content: center; animation: 0.15s ease 0s 1 normal none running dpfade; -webkit-backdrop-filter: blur(2px);}
@keyframes dpfade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.dp-sheet{width: 100%; max-width: 520px; background: var(--card); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 20px 20px 0px 0px; padding: 18px 18px calc(18px + env(safe-area-inset-bottom)); box-shadow: rgba(0, 0, 0, 0.4) 0px -12px 40px; animation: 0.2s ease 0s 1 normal none running dpslide;}
@keyframes dpslide { 
  0% { transform: translateY(40px); opacity: 0.6; }
  100% { transform: translateY(0px); opacity: 1; }
}
@media (min-width: 720px){
.dp-sheet-ov{align-items: center;}
.dp-sheet{border-radius: 20px; border-bottom: 1px solid var(--line);}
}
.dp-sheet-h{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px;}
.dp-sheet-h b{font-size: 18px; color: var(--orange);}
.dp-sheet-x{width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--line); background: var(--card2); color: var(--text); font-size: 13px; cursor: pointer;}
.dp-sheet .helper{margin: 0px 0px 12px;}
.anim-ticket-sheet{text-align: left;}
.anim-ticket-top{text-align: center; padding: 4px 0px 12px;}
.anim-ticket-ok{display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: color-mix(in srgb, rgb(22, 214, 141) 20%, transparent); color: rgb(22, 214, 141); font-size: 26px; font-weight: 900; margin-bottom: 8px;}
.anim-ticket-top h3{margin: 0px; font-size: 19px;}
.anim-ticket-top p{margin: 4px 0px 0px; color: var(--muted); font-size: 12.5px;}
.anim-ticket-body{display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: 12px; background: var(--card2); border: 1px dashed var(--line); margin-bottom: 12px;}
.anim-ticket-line{display: flex; justify-content: space-between; gap: 10px; font-size: 14px;}
.anim-ticket-line span{color: var(--text);}
.anim-ticket-tot{display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px;}
.anim-ticket-tot > div{display: flex; justify-content: space-between;}
.anim-ticket-tot span{color: var(--muted); font-size: 13px;}
.anim-ticket-tot b{font-size: 17px;}
.anim-ticket-tot b.win{color: rgb(22, 214, 141);}
.anim-datein{background: var(--card2); border: 1px solid var(--line); color: var(--ink); border-radius: 10px; padding: 8px 10px; font-size: 13px;}
.adm-res-lot{display: block; font-weight: 700; font-size: 13px; margin-bottom: 6px;}
.adm-lotpick{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px;}
.adm-lotpick-b{border: 1px solid var(--line); background: var(--card2); color: var(--ink); border-radius: 999px; padding: 7px 14px; font-size: 13px; font-weight: 600; cursor: pointer;}
.adm-lotpick-b.on{background: var(--orange); border-color: var(--orange); color: rgb(17, 17, 17);}
.adm-figs{display: flex; flex-direction: column; gap: 8px;}
.adm-fig{display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 11px; padding: 8px; background: var(--card2); flex-wrap: wrap;}
.adm-fig-img{width: 34px; height: 34px; display: grid; place-items: center; font-size: 20px; flex: 0 0 auto;}
.adm-fig-img img{width: 34px; height: 34px; object-fit: contain; border-radius: 7px;}
.adm-fig input{padding: 8px 9px; border-radius: 9px; border: 1px solid var(--line); background: var(--card); color: var(--ink); font-size: 13px; min-width: 0px;}
.adm-fig input[data-field="nombre"]{flex: 1 1 90px;}
.adm-fig input[data-field="imagen"]{flex: 2 1 150px;}
.adm-fig .w3{width: 48px; flex: 0 0 auto; text-align: center;}
.adm-fig-act{display: flex; gap: 6px; margin-left: auto;}
.adm-lot-f2{display: flex; flex-direction: column; gap: 8px;}
.adm-lot-f2 label{display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--muted);}
.adm-lot-f2 select,.adm-lot-f2 input{padding: 9px 10px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); color: var(--ink); font-size: 14px;}
.pwd-actions{display: flex; gap: 10px; flex-wrap: wrap;}
.pwd-actions > button{flex: 1 1 140px;}
.pwd-result{display: flex; align-items: center; gap: 10px; justify-content: space-between; background: var(--card2); border: 1px dashed var(--line); border-radius: 12px; padding: 12px 14px; margin-bottom: 14px;}
.pwd-result code{font-size: 18px; font-weight: 700; color: var(--orange); letter-spacing: 0.04em; word-break: break-all;}
.tri-count{display: inline-block; margin-left: 8px; font-size: 12px; font-weight: 800; color: var(--muted); background: var(--card2); border: 1px solid var(--line); border-radius: 999px; padding: 2px 10px;}
.tri-count.ok{color: rgb(22, 214, 141); border-color: color-mix(in srgb, rgb(22, 214, 141) 45%, transparent);}
.fin-filtros{margin-bottom: 12px;}
.fin-ranges{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px;}
.fin-daterow{display: grid; grid-template-columns: 1fr 1fr 1.4fr auto; gap: 10px; align-items: end;}
.fin-daterow label{display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted); font-weight: 600;}
.fin-daterow input,.fin-daterow select{background: var(--card2); border: 1px solid var(--line); border-radius: 10px; color: var(--text); padding: 9px 10px; font-size: 14px;}
.fin-apply{align-self: stretch; white-space: nowrap;}
.fin-kpis{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px;}
.fin-kpi{background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; gap: 3px;}
.fin-kpi span{font-size: 11.5px; color: var(--muted); font-weight: 600; letter-spacing: 0.01em;}
.fin-kpi b{font-size: 19px; font-weight: 800; color: var(--text);}
.fin-kpi.main{background: linear-gradient(135deg,color-mix(in srgb,var(--orange) 22%,var(--card)),var(--card)); border-color: color-mix(in srgb,var(--orange) 40%,transparent);}
.fin-kpi.main b{color: var(--orange);}
.fin-kpi.win b{color: rgb(22, 214, 141);}
.fin-kpi.out b{color: rgb(255, 99, 114);}
.fin-xlsx{white-space: nowrap; background: rgb(31, 143, 77) !important; border-color: rgb(31, 143, 77) !important; color: rgb(255, 255, 255) !important;}
.fin-xlsx:hover{background: rgb(23, 121, 63) !important;}
.fin-table th:nth-child(2),.fin-table td:nth-child(2){text-align: center;}
.fin-tag{display: inline-block; font-size: 10.5px; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: var(--card2); color: var(--muted); border: 1px solid var(--line);}
.fin-tag.in{color: rgb(22, 214, 141); border-color: color-mix(in srgb, rgb(22, 214, 141) 40%, transparent);}
.fin-tag.out{color: rgb(255, 99, 114); border-color: color-mix(in srgb, rgb(255, 99, 114) 40%, transparent);}
.fin-tag.caja{color: rgb(74, 163, 255); border-color: color-mix(in srgb, rgb(74, 163, 255) 40%, transparent);}
@media (max-width: 640px){
.fin-kpis{grid-template-columns: repeat(2, 1fr);}
.fin-daterow{grid-template-columns: 1fr 1fr;}
.fin-daterow label:nth-child(3){grid-column: 1 / -1;}
.fin-apply{grid-column: 1 / -1;}
.fin-kpi b{font-size: 17px;}
}
.auth-error{display: flex; gap: 12px; align-items: flex-start; background: color-mix(in srgb,#ff6372 12%,var(--card)); border: 1px solid color-mix(in srgb, rgb(255, 99, 114) 45%, transparent); border-radius: 13px; padding: 13px 15px; margin-bottom: 16px;}
.auth-error-ic{flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(255, 99, 114); color: rgb(255, 255, 255); font-weight: 900; display: grid; place-items: center; font-size: 16px;}
.auth-error strong{display: block; font-size: 14px; color: var(--ink); margin-bottom: 2px;}
.auth-error p{margin: 0px; font-size: 13px; color: var(--muted); line-height: 1.45;}
.auth-error-cod{display: inline-block; margin-top: 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.04em; color: rgb(255, 99, 114); background: color-mix(in srgb, rgb(255, 99, 114) 15%, transparent); border-radius: 6px; padding: 2px 8px;}
.unlock-methods{display: grid; gap: 10px;}
.unlock-methods .btn{justify-content: flex-start; text-align: left; padding: 14px 16px;}
.anim-board-wrap{display: block;}
.anim-cierre{font-size: 11px; margin-top: 9px;}
@media (min-width: 900px){
.anim-board-wrap{display: grid; grid-template-columns: 248px minmax(0px, 1fr) 340px; gap: 16px; align-items: start;}
.anim-board-wrap .anim-col-cupon{position: sticky; top: 92px;}
.anim-board-wrap .anim-col-left .anim-sorteos{flex-direction: column;}
.anim-board-wrap .anim-col-left .anim-sorteo{text-align: left;}
.anim-board-wrap .anim-cupon{margin-top: 0px;}
}
.anim-cupon-bar{display: none;}
@media (max-width: 899px){
.anim-board-wrap .anim-col-cupon{display: none;}
.anim-cupon-bar{display: flex; position: fixed; left: 10px; right: 10px; bottom: 74px; z-index: 65; align-items: center; justify-content: space-between; gap: 10px; background: var(--orange); color: rgb(26, 18, 5); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 14px; padding: 12px 16px; box-shadow: rgba(255, 106, 0, 0.5) 0px 10px 26px; font-weight: 700;}
.anim-cupon-bar .l{display: flex; align-items: center; gap: 10px; min-width: 0px;}
.anim-cupon-bar .cnt{flex: 0 0 auto; background: rgb(26, 18, 5); color: var(--orange); width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 13px;}
.anim-cupon-bar .tx{font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.anim-cupon-bar .r{display: flex; align-items: center; gap: 10px; flex: 0 0 auto;}
.anim-cupon-bar .r b{font-size: 15px;}
.anim-cupon-bar .see{font-size: 12px; font-weight: 800;}
.anim-cupon-sheet{position: relative; max-height: 86vh; overflow: auto; padding-top: 34px;}
.anim-cupon-sheet .dp-sheet-x{position: absolute; top: 8px; right: 12px; z-index: 2;}
.anim-cupon-sheet .anim-cupon{margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; background: transparent; padding: 4px 2px;}
.anim-shell{padding-bottom: 64px;}
}
.tri-board-wrap{display: block;}
@media (min-width: 900px){
.tri-board-wrap{display: grid; grid-template-columns: minmax(0px, 1fr) 344px; gap: 16px; align-items: start;}
.tri-board-wrap .tri-col-cupon{position: sticky; top: 92px;}
.tri-board-wrap .anim-cupon{margin-top: 0px;}
}
.res-empty{color: var(--muted); font-size: 12px; padding: 6px 2px;}
.adm-restbl{display: flex; flex-direction: column; gap: 12px;}
.adm-restbl-row{background: var(--card2); border: 1px solid var(--line); border-radius: 12px; padding: 11px 12px;}
.adm-restbl-lot{display: flex; align-items: center; gap: 8px; margin-bottom: 9px;}
.adm-restbl-lot .anim-lot-ic.sm{width: 24px; height: 24px; border-radius: 6px; overflow: hidden; background: rgb(255, 255, 255); display: grid; place-items: center; flex: 0 0 auto;}
.adm-restbl-lot .anim-lot-ic.sm img{width: 100%; height: 100%; object-fit: cover;}
.adm-restbl-lot b{font-size: 14px;}
.adm-restbl-cells{display: flex; gap: 10px; overflow-x: auto; padding-bottom: 3px;}
.adm-rcell{flex: 0 0 auto; width: 94px; text-align: center; background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 7px;}
.adm-rcell .h{display: block; font-size: 10px; color: var(--muted); font-weight: 700; margin-bottom: 4px; white-space: nowrap;}
.adm-rcell .ed{display: flex; gap: 4px; align-items: center;}
.adm-rcell .ares-num{width: 100%; min-width: 0px; background: var(--card2); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); padding: 5px; font-size: 13px; text-align: center;}
.adm-rcell .ares-save{flex: 0 0 auto; background: var(--orange); color: rgb(26, 18, 5); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 7px; font-weight: 800; font-size: 12px; padding: 5px 9px; cursor: pointer;}
.adm-sortbl-wrap{overflow-x: auto; margin-top: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--card2);}
.adm-sortbl{width: 100%; border-collapse: collapse; min-width: 760px;}
.adm-sortbl thead th{text-align: left; padding: 9px 10px; color: var(--muted); font-weight: 700; font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid var(--line); white-space: nowrap; background: var(--card);}
.adm-sortbl tbody td{padding: 5px 8px; border-bottom: 1px solid var(--line); vertical-align: middle;}
.adm-sortbl tbody tr:last-child td{border-bottom: 0px;}
.adm-sortbl input,.adm-sortbl select{width: 100%; padding: 6px 8px; background: var(--card); border: 1px solid var(--line); border-radius: 8px; color: var(--ink); font-size: 13px; min-width: 0px;}
.adm-sortbl input.w5{width: 66px;}
.adm-sortbl input.w4{width: 54px;}
.adm-sortbl select.w4{width: 66px;}
.adm-sortbl td.ta-c{text-align: center;}
.adm-sortbl .adm-sortbl-act{white-space: nowrap;}
.adm-sortbl .adm-sortbl-act .btn.mini{padding: 5px 8px; margin-right: 3px;}
.adm-res-tools{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end;}
.adm-rval{display: block; font-weight: 800; font-size: 13px; color: var(--ink); white-space: nowrap;}
.adm-rval.empty{color: var(--muted); font-weight: 500;}
.adm-restbl:not(.editing) .adm-rcell{width: auto; min-width: 72px; padding: 8px 11px;}
.adm-restbl.editing .adm-rval{margin-bottom: 6px;}
.adm-restbl.editing .adm-rval.empty{opacity: 0.7;}
.dp-processing-overlay{position: fixed; inset: 0px; z-index: 20000; display: grid; place-items: center; background: rgba(6, 10, 17, 0.72); backdrop-filter: blur(6px); padding: 20px; animation: 0.2s ease-out 0s 1 normal none running dp-proc-fade; -webkit-backdrop-filter: blur(6px);}
.dp-processing-card{background: var(--card, #121820); color: var(--text, #f1f5f9); border: 1px solid var(--line, #263444); box-shadow: rgba(0, 0, 0, 0.55) 0px 25px 65px, rgba(255, 106, 0, 0.12) 0px 0px 0px 1px; border-radius: 20px; padding: 28px 24px; width: min(420px, 100%); text-align: center; font-family: inherit; animation: 0.24s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running dp-proc-pop; box-sizing: border-box;}
.dp-processing-card h2{font-size: 20px; font-weight: 800; margin: 16px 0px 6px; color: var(--text, #f1f5f9); letter-spacing: -0.3px;}
.dp-processing-card p{font-size: 13.5px; color: var(--muted, #94a3b8); line-height: 1.5; margin: 0px 0px 18px;}
.dp-processing-card > div{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0px; border-bottom: 1px solid var(--line, #263444); font-size: 13.5px;}
.dp-processing-card > div:last-of-type{border-bottom: 1px solid var(--line, #263444); margin-bottom: 4px;}
.dp-processing-card > div span{color: var(--muted, #94a3b8); font-weight: 500;}
.dp-processing-card > div strong{color: var(--text, #f1f5f9); font-weight: 700;}
.dp-processing-card > small{display: block; margin-top: 16px; color: var(--muted, #94a3b8); font-size: 11.5px; line-height: 1.45; opacity: 0.9;}
.dp-processing-spinner{display: block; margin: 0px auto; width: 48px; height: 48px; border-width: 4px; border-style: solid; border-color: rgba(255, 106, 0) rgba(255, 106, 0, 0.18) rgba(255, 106, 0, 0.18); border-image: none; border-radius: 50%; animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running dp-processing-spin;}
@keyframes dp-proc-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes dp-proc-pop { 
  0% { opacity: 0; transform: scale(0.92) translateY(8px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}

/* ===== mobile-v30.css ===== */
.ref-mobile-back{display: none;}
.drawer-theme{display: none;}
.dp-drawer-close{display: none; position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 11px; background: var(--card2); border: 1px solid var(--line); color: var(--text); align-items: center; justify-content: center; z-index: 3; cursor: pointer;}
.dp-drawer-close:hover{border-color: var(--orange); color: var(--orange);}
@media (max-width: 860px){
html,body{overflow-x: hidden;}
.topbar{height: 58px !important; gap: 9px !important; padding: 0px 12px !important;}
.mobile-trigger{display: none !important;}
.topbar .dp-chips{display: none !important;}
.topbar .dp-deposit{display: none !important;}
.topbar .dp-search{display: none !important;}
.topbar .theme-toggle{display: none !important;}
.brand-header{flex: 0 1 auto; min-width: 0px; margin-right: auto;}
.brand-header .logo img{height: 30px;}
.topbar .dp-saldo{flex-direction: column; align-items: flex-end; gap: 0px; line-height: 1.08; flex: 0 0 auto; display: flex !important;}
.topbar .dp-saldo small{font-size: 9px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em;}
.topbar .dp-saldo b{font-size: 14px; font-weight: 800; color: var(--text);}
.topbar .admin-chat-bell{flex: 0 0 auto;}
.topbar .dp-avatar{flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; place-items: center; background: color-mix(in srgb,var(--orange) 16%,var(--card2)); border: 1.5px solid var(--orange); color: var(--orange); font-size: 0px; display: grid !important;}
.drawer-theme{display: flex !important; width: 100%;}
.main{padding-bottom: 86px !important; overflow-x: hidden;}
.mobile-bottom-nav{position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 60; height: 64px; background: var(--sidebar); border-top: 1px solid var(--line); justify-content: space-around; align-items: center; padding: 5px 4px calc(5px + env(safe-area-inset-bottom,0px)); box-shadow: rgba(0, 0, 0, 0.467) 0px -12px 30px; display: flex !important;}
.mobile-bottom-nav a,.mobile-bottom-nav button{flex-direction: column; align-items: center; justify-content: center; gap: 2px; flex: 1 1 0%; min-width: 0px; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: var(--muted); font-size: 9.5px; font-weight: 700; text-decoration: none; cursor: pointer; white-space: nowrap; display: flex !important;}
.mobile-bottom-nav a b,.mobile-bottom-nav button b{display: grid; place-items: center;}
.mobile-bottom-nav .ico{width: 21px; height: 21px;}
.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color: var(--orange);}
.mobile-bottom-nav a.active b,.mobile-bottom-nav button.active b{background: color-mix(in srgb,var(--orange) 16%,transparent); border-radius: 11px; padding: 2px 10px;}
.mobile-bottom-nav .bn-menu{color: var(--text);}
.operators-grid,.ref-recharge-left .operators-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 9px !important;}
.operator-tile{min-width: 0px; min-height: 88px !important; padding: 12px 7px !important;}
.operator-tile strong{font-size: 11px !important;}
.operator-logo-box{display: flex; align-items: center; justify-content: center; padding: 4px; min-height: 44px !important;}
.operator-logo-box img,.operator-logo-box svg{max-width: 84%; max-height: 40px; width: auto; height: auto; object-fit: contain;}
.anim-grid{grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; gap: 6px !important;}
.anim-fig{padding: 7px 3px !important; border-width: 1.2px !important;}
.anim-fig b{font-size: 13px !important;}
.anim-fig small{font-size: 8px !important; line-height: 1.05 !important;}
.anim-fig-emo{height: 30px !important; font-size: 19px !important; margin-bottom: 1px !important;}
.anim-fig-emo img{width: 30px !important; height: 30px !important;}
.ref-recharge-content{grid-template-columns: 1fr !important;}
.ref-recharge .ref-recharge-right{display: none;}
.ref-recharge.form-open .ref-recharge-left{display: none;}
.ref-recharge.form-open .ref-recharge-right{display: block;}
.ref-mobile-back{align-items: center; gap: 5px; height: 30px; padding: 0px 11px 0px 7px; margin-bottom: 12px; border-radius: 999px; background: transparent; border: 1px solid var(--line); color: var(--muted); font-weight: 600; font-size: 12.5px; cursor: pointer; display: inline-flex !important;}
.ref-mobile-back:hover{border-color: var(--orange); color: var(--orange);}
#danli-chat-widget .danli-chat-trigger,.danli-chat-trigger{width: 52px; height: 52px; font-size: 21px; line-height: 1; place-items: center; box-shadow: rgba(0, 0, 0, 0.467) 0px 8px 22px; padding: 0px !important; border-radius: 50% !important; display: grid !important; bottom: calc(80px + env(safe-area-inset-bottom,0px)) !important; right: 14px !important;}
#danli-chat-widget .danli-chat-trigger span,.danli-chat-trigger span{display: none !important;}
#danli-chat-widget .danli-chat-panel,.danli-chat-panel{bottom: calc(80px + env(safe-area-inset-bottom,0px)) !important; max-height: 68vh;}
.layout{grid-template-columns: 1fr !important;}
.sidebar{left: 0px; top: 0px; bottom: 0px; max-width: 330px; transform: translateX(-100%); transition: transform 0.22s; overflow-y: auto; border-right: 1px solid var(--soft); box-shadow: rgba(0, 0, 0, 0.933) 26px 0px 90px, rgba(255, 255, 255, 0.07) -1px 0px 0px inset; position: fixed !important; width: 84% !important; z-index: 80 !important; background: var(--card2) !important;}
.sidebar.open{transform: none !important;}
.overlay{position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.533); z-index: 70; display: block !important;}
.overlay ~ .mobile-bottom-nav{display: none !important;}
.dp-collapse{display: none !important;}
.dp-drawer-close{display: flex !important;}
}
@media (max-width: 860px){
.ref-recharge.form-open .ref-recharge-right{padding-bottom: 64px;}
}
@media (max-width: 860px){
.ref-recharge .ref-panel,.ref-recharge .ref-recharge-right,.ref-recharge .ref-recharge-left{background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; padding-left: 0px !important; padding-right: 0px !important;}
.ref-recharge .ref-recharge-right{padding-top: 0px !important;}
.ref-recharge .ref-summary{overflow: hidden; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: var(--card2) !important; border-radius: 14px !important;}
.ref-recharge .ref-summary h3{background: transparent !important;}
.ref-recharge .ref-summary > div{border-top: 1px solid color-mix(in srgb,var(--line) 60%,transparent) !important;}
.ref-recharge .ref-summary .total{border-top: 1px solid var(--line) !important;}
}
@media (max-width: 860px){
html,body{overflow-x: hidden !important;}
#app,.layout,.main{min-width: 0px; max-width: 100%; overflow-x: hidden;}
.main .card,.main .ref-panel,.main section,.main form,.main .ref-shell,.main .dashboard-grid,.main .side-stack,.main .page-heading{min-width: 0px; max-width: 100%; box-sizing: border-box;}
.main input,.main select,.main textarea{box-sizing: border-box; width: 100% !important; max-width: 100% !important; min-width: 0px !important;}
.main .btn,.main button{max-width: 100%; box-sizing: border-box;}
.main img,.main svg{max-width: 100%;}
.main h1,.main h2,.main h3,.main p{overflow-wrap: anywhere; word-break: break-word;}
.form-grid,.account-fields{grid-template-columns: 1fr !important;}
.table-scroll{display: block; width: 100%; max-width: 100%; overflow-x: auto;}
.main .card,.main .ref-panel{border-color: transparent !important; box-shadow: none !important;}
.main .account-fields > div{border-color: transparent !important;}
}
@media (max-width: 860px){
.table-scroll{overflow-x: visible !important;}
.table-scroll table{display: block; width: 100%; border-collapse: collapse; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important;}
.table-scroll tbody{display: block; width: 100%;}
.table-scroll thead{width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important;}
.table-scroll tr{display: block; width: 100%; background: var(--card2); border-radius: 13px; padding: 7px 13px; margin-bottom: 10px; box-shadow: none; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important;}
.table-scroll td{display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 34px; text-align: right; font-size: 13.5px; padding: 6px 0px !important; border-top-width: medium !important; border-right-width: medium !important; border-left-width: medium !important; border-top-style: none !important; border-right-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-left-color: currentcolor !important; border-image: none !important; border-bottom: 1px solid color-mix(in srgb,var(--line) 50%,transparent) !important;}
.table-scroll tr td:last-child{border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important;}
.table-scroll td::before{content: attr(data-label); color: var(--muted); font-weight: 700; text-align: left; flex: 0 0 auto; white-space: nowrap;}
.table-scroll td[data-label=""]::before,.table-scroll td:not([data-label])::before{content: none;}
.table-scroll td.cell-actions{justify-content: flex-end; gap: 8px; flex-wrap: wrap;}
.table-scroll td:empty{display: none;}
}
@keyframes dp-radar { 
  0% { transform: scale(0.4); opacity: 0.95; }
  70% { opacity: 0.14; }
  100% { transform: scale(2); opacity: 0; }
}
@keyframes dp-radarpulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.14); }
}
@media (max-width: 860px){
#danli-chat-widget .danli-chat-trigger,.danli-chat-trigger{display: none !important;}
#danli-chat-widget .danli-chat-panel,.danli-chat-panel{bottom: calc(82px + env(safe-area-inset-bottom,0px)) !important;}
.mobile-bottom-nav a,.mobile-bottom-nav button{font-size: 9px;}
.mobile-bottom-nav .ico{width: 20px; height: 20px;}
}
@media (max-width: 720px){
.dp-sheet-ov,.dp-modal-ov,.contact-modal-overlay{box-sizing: border-box; overflow: hidden; top: var(--dp-vv-top,0px) !important; bottom: auto !important; height: var(--dp-vv-height,100dvh) !important; max-height: var(--dp-vv-height,100dvh) !important;}
.dp-sheet-ov{align-items: flex-end !important;}
.dp-sheet-ov > .dp-sheet{overscroll-behavior: contain; box-sizing: border-box; max-height: calc(var(--dp-vv-height,100dvh) - 8px) !important; overflow-y: auto !important; padding-bottom: max(15px,env(safe-area-inset-bottom)) !important;}
.dp-modal-ov > .dp-modal,.contact-dialog{overscroll-behavior: contain; max-height: calc(var(--dp-vv-height,100dvh) - 16px) !important; overflow-y: auto !important;}
.dp-keyboard-open .dp-sheet-ov > .dp-sheet{scroll-padding-bottom: 12px; animation: auto ease 0s 1 normal none running none !important;}
.dp-keyboard-open .mobile-bottom-nav{visibility: hidden; pointer-events: none;}
.dp-keyboard-open .ref-recharge.form-open .ref-recharge-right{padding-bottom: 16px !important;}
.dp-keyboard-open #recharge-form{scroll-padding-bottom: 12px;}
.dp-sheet-ov .dp-sheet .ref-button{scroll-margin-bottom: 12px;}
.dep-coupon{scroll-margin-bottom: 16px;}
}
@media (max-width: 720px){
.dp-sheet-ov:has(#monto-input) .dp-sheet [data-monto-add]{position: sticky; bottom: 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.17) 0px -8px 18px;}
}

/* ===== premium-v2927.css ===== */
:root[data-theme="dark"] .anim-shell .anim-results,:root[data-theme="dark"] .adm-restbl{border-color: transparent !important; box-shadow: rgba(0, 0, 0, 0.13) 0px 14px 32px !important;}
:root[data-theme="dark"] .anim-results .section-head{border-bottom: 0px !important;}
:root[data-theme="dark"] .adm-restbl-row{border-color: rgba(123, 154, 192, 0.12) !important;}
.dp-results-filters{display: flex; align-items: end; gap: 12px; flex-wrap: wrap; margin-left: auto;}
.dp-results-filters label{display: flex; flex-direction: column; gap: 5px; color: var(--muted); font-size: 12px; font-weight: 650;}
.dp-results-filters .anim-datein{min-height: 42px; min-width: 185px; max-width: 100%; border-radius: 11px; background: rgba(39, 49, 65, 0.9); border: 1px solid rgba(145, 170, 205, 0.19); color: var(--text,#eaf1ff); padding: 8px 12px;}
.dp-results-filters select{cursor: pointer;}
:root[data-theme="light"] .dp-results-filters .anim-datein{background: rgb(255, 255, 255); color: rgb(32, 48, 72);}
.ref-recharge-right{padding: 15px 17px 18px !important;}
.ref-recharge-right .ref-selected.ref-brandcard{overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px; margin: 0px 0px 17px !important; border-radius: 18px !important;}
.dp-premium-svg{overflow: visible; filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 1px 1px) drop-shadow(rgba(67, 155, 255, 0.12) 0px 0px 4px); transition: filter 0.18s, transform 0.18s;}
:is(.sidebar, .topbar, .dp-tabs) :is(a, button):hover .dp-premium-svg{filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 1px 1px) drop-shadow(rgba(255, 127, 31, 0.55) 0px 0px 7px); transform: translateY(-1px) scale(1.08);}
:is(.sidebar, .topbar, .dp-tabs) :is(a.active, button.active, .active) .dp-premium-svg{filter: drop-shadow(rgba(255, 126, 21, 0.55) 0px 0px 5px); color: rgb(255, 157, 69);}
:root[data-theme="dark"] .anim-shell .dp-tab.active{box-shadow: rgba(255, 113, 23, 0.22) 0px 3px 14px;}
@media (max-width: 760px){
.dp-results-filters{width: 100%; margin-left: 0px;}
.dp-results-filters label{flex: 1 1 140px; min-width: 0px;}
.dp-results-filters .anim-datein{width: 100%; min-width: 0px;}
.ref-recharge-right{padding: 12px !important;}
}
@media (prefers-reduced-motion: reduce){
.dp-premium-svg{transition: none !important;}
}

/* ===== deportes-admin.css ===== */
body[data-role="admin"] .dp-chips{display: none;}
.dp-admin-switch{position: relative; z-index: 30;}
.dp-admin-switch-btn{background: rgb(27, 19, 13); color: rgb(255, 139, 38); border: 1px solid rgb(219, 101, 11); border-radius: 12px; padding: 11px 16px; font-weight: 800; display: flex; align-items: center; gap: 8px; cursor: pointer;}
.dp-admin-quick{position: absolute; right: 0px; top: calc(100% + 9px); width: min(355px, 90vw); background: rgb(7, 19, 33); border: 1px solid rgb(221, 115, 29); border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.733) 0px 12px 40px; padding: 15px; z-index: 99; color: white;}
.dp-admin-quick > strong{font-size: 15px;}
.dp-admin-quick-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 13px;}
.dp-admin-quick-grid a{background: rgb(16, 30, 48); color: rgb(223, 234, 250); border: 1px solid rgb(38, 60, 80); text-decoration: none; border-radius: 10px; padding: 12px 5px; display: flex; align-items: center; flex-direction: column; gap: 8px; font-size: 12px;}
.dp-admin-quick-grid a:hover{border-color: rgb(253, 129, 21);}
.dp-admin-view{border: 0px; background: rgb(255, 115, 16); color: white; font-weight: 800; width: 100%; padding: 12px; border-radius: 9px; margin-top: 12px; cursor: pointer;}
body[data-role="admin"] .mobile-bottom-nav{border-top-color: rgb(36, 52, 75);}
.da-page{max-width: 1640px; margin: auto; color: rgb(234, 242, 255); padding: 12px 4px 40px;}
.da-breadcrumb{font-size: 12px; color: rgb(130, 153, 181); margin-bottom: 16px;}
.da-breadcrumb b{color: rgb(232, 243, 255);}
.da-hero{min-height: 220px; border-radius: 13px; position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 30px 32px; background: radial-gradient(at 54% 50%, transparent 0%, rgb(1, 12, 24) 58%), linear-gradient(90deg, rgb(6, 21, 33), rgb(6, 11, 19)); border: 1px solid rgb(26, 76, 85);}
.da-hero::before{content: ""; position: absolute; inset: 0px; background: url("/frontend/assets/deportes-admin-banner.webp?v=2.9.41") center center / auto 100% no-repeat; opacity: 0.92; mask-image: linear-gradient(90deg, transparent 22%, black 46%, black 68%, transparent 90%); pointer-events: none;}
.da-hero-left,.da-hero-right{z-index: 1; position: relative;}
.da-hero-left > span{font-size: 22px; color: rgb(209, 222, 241);}
.da-hero h1{font-size: clamp(38px, 5vw, 58px); line-height: 1; color: rgb(255, 117, 18); margin: 8px 0px 10px;}
.da-hero p{color: rgb(217, 233, 249); font-size: 16px; margin: 0px;}
.da-hero-right{text-align: right; margin-left: auto; max-width: 220px;}
.da-hero-right strong{font-size: 24px; line-height: 1.25; display: block;}
.da-hero-right small{display: block; margin-top: 10px; color: rgb(195, 214, 232);}
.da-hero-tags{display: flex; gap: 8px; margin-top: 22px; flex-wrap: wrap;}
.da-hero-tags > *{background: rgba(4, 21, 35, 0.79); border: 1px solid rgb(41, 69, 91); color: rgb(231, 243, 252); border-radius: 30px; padding: 8px 12px; font-size: 12px; text-decoration: none;}
.da-metrics{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 11px; margin: 12px 0px;}
.da-metric{display: flex; gap: 14px; align-items: center; padding: 17px 14px; border-radius: 12px; background: linear-gradient(115deg, rgb(5, 24, 36), rgb(7, 17, 30)); border: 1px solid rgb(26, 59, 75); min-height: 104px;}
.da-metric > span{border-radius: 13px; padding: 14px; font-size: 23px; color: rgb(255, 255, 255); background: rgb(0, 105, 155);}
.da-metric.green{border-color: rgb(9, 108, 74);}
.da-metric.green > span{background: rgb(0, 142, 90);}
.da-metric.orange > span{background: rgb(221, 87, 6);}
.da-metric.purple > span{background: rgb(117, 41, 185);}
.da-metric small{display: block; font-size: 12px; color: rgb(168, 193, 210);}
.da-metric strong{display: block; font-size: 20px; overflow-wrap: anywhere; margin: 5px 0px;}
.da-panel-grid{display: grid; grid-template-columns: minmax(0px, 1.7fr) minmax(0px, 0.8fr) minmax(0px, 0.8fr); gap: 12px;}
.da-panel{background: rgb(4, 17, 30); border: 1px solid rgb(28, 57, 77); border-radius: 12px; min-width: 0px; overflow: hidden; min-height: 198px;}
.da-panel-events{grid-column: span 1;}
.da-panel header{display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 13px 15px; border-bottom: 1px solid rgb(33, 48, 71);}
.da-panel h2{font-size: 15px; font-weight: 750; margin: 0px;}
.da-panel h2 em{font-style: normal; color: rgb(255, 255, 255); background: rgb(228, 47, 37); padding: 4px 8px; border-radius: 14px; font-size: 10px; margin-left: 6px; white-space: nowrap;}
.da-panel header button{color: rgb(48, 190, 236); background: transparent; border: 0px; cursor: pointer;}
.da-table{width: 100%; border-collapse: collapse; font-size: 12px; white-space: nowrap;}
.da-live-scroll{overflow: auto; max-height: 360px;}
.da-table th{text-align: left; background: rgb(17, 38, 59); color: rgb(169, 190, 211); font-weight: 500; padding: 10px;}
.da-table td{padding: 10px; border-bottom: 1px solid rgb(20, 40, 61);}
.da-table td b{font-weight: 650;}
.da-odd{background: rgb(20, 43, 62); padding: 7px 8px; border-radius: 7px;}
.da-live{color: rgb(255, 86, 72); font-weight: 800;}
.da-unavailable,.da-empty{padding: 28px 16px; color: rgb(174, 194, 209); font-size: 13px; text-align: center;}
.da-unavailable{min-height: 134px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.da-donut{width: 96px; height: 96px; border-radius: 50%; border: 18px solid rgb(36, 55, 81); margin-bottom: 12px;}
.da-panel-summary{grid-column: span 2;}
@media (max-width: 1200px){
.da-panel-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.da-panel-summary{grid-column: span 1;}
.da-metrics{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 750px){
.da-hero{min-height: 235px; padding: 18px;}
.da-hero-right{display: none;}
.da-hero-left > span{font-size: 16px;}
.da-hero p{font-size: 14px;}
.da-hero::before{opacity: 0.5; mask-image: linear-gradient(90deg, transparent 5%, black 60%, transparent 100%);}
.da-panel-grid,.da-metrics{grid-template-columns: 1fr;}
.da-panel-summary{grid-column: span 1;}
.da-page{padding: 10px;}
.da-hero-tags > *{font-size: 11px; padding: 7px;}
.dp-admin-switch-btn{font-size: 11px; padding: 8px;}
.dp-admin-quick{position: fixed; top: 62px; right: 8px;}
}

/* ===== identity-v2967.css ===== */
:root{--dp-brand-blue: #008fff; --dp-brand-orange: #ff6a00;}
.brand-header .logo img{object-fit: contain; object-position: left center; max-width: 220px;}
body[data-session="public"] .brand-header .logo img{max-width: 235px;}
.topbar .brand-header{display: flex; align-items: center;}
@media (max-width: 600px){
.brand-header .logo img{max-width: 160px;}
}

/* ===== brand-ui-v2974.css ===== */
.brand-icon{display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; object-fit: contain; vertical-align: middle;}
.nav-entry .brand-icon{width: 19px; height: 19px;}
.nav-entry.active .brand-icon{color: rgba(255, 106, 0);}
.dp-chips .brand-icon{width: 18px; height: 18px;}
.brand-header .brand-text-only img{height: 25px; width: auto; max-width: 170px; object-fit: contain;}
@media (min-width: 901px){
body[data-role="usuario"] .topbar{padding-left: calc(var(--dp-sidebar-w,244px) + 20px);}
:root[data-collapsed] body[data-role="usuario"] .topbar{padding-left: 96px;}
}
.dp-support-btn{border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; background: transparent; color: inherit; cursor: pointer; display: flex; align-items: center; gap: 11px; width: 100%; text-align: left; font: inherit; padding: 10px 8px; border-top: 1px solid var(--line);}
.dp-support-btn:hover{color: rgba(255, 106, 0);}
.dp-support-btn .badge247{margin-left: auto;}
@media (min-width: 901px){
.layout{min-height: calc(100dvh - 68px);}
.sidebar{height: calc(100dvh - 68px); max-height: calc(100dvh - 68px); overflow: visible; position: sticky; top: 68px; box-sizing: border-box;}
.sidebar nav{min-height: 0px; flex: 1 1 0%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgb(89, 97, 109) transparent;}
.sidebar .side-bottom{flex-shrink: 0; margin-top: 0px; padding-top: 5px; gap: 5px;}
.sidebar .dp-pc{padding: 7px 8px;}
.sidebar .menu-title{flex-shrink: 0;}
body[data-role="usuario"] #danli-chat-trigger{display: none !important;}
}
.dp-processing-overlay{position: fixed; inset: 0px; z-index: 20000; display: grid; place-items: center; background: rgba(6, 10, 17, 0.65); padding: 20px;}
.dp-processing-card{background: var(--card,#1e1e1e); color: var(--text,#fff); border: 1px solid var(--line,#444); box-shadow: rgba(0, 0, 0, 0.6) 0px 25px 65px; border-radius: 20px; padding: 27px; width: min(410px, 100%); text-align: center; font-family: inherit;}
.dp-processing-card h2{font-size: 21px; margin: 14px 0px 7px;}
.dp-processing-card p{font-size: 14px; color: var(--muted); line-height: 1.5; margin: 0px 0px 17px;}
.dp-processing-card > div{display: flex; justify-content: space-between; gap: 12px; padding: 9px 0px; border-bottom: 1px solid var(--line); font-size: 14px;}
.dp-processing-card > div span{color: var(--muted);}
.dp-processing-card > small{display: block; margin-top: 15px; color: var(--muted); font-size: 12px; line-height: 1.5;}
.dp-processing-spinner{display: block; margin: auto; width: 46px; height: 46px; border-width: 4px; border-style: solid; border-color: rgba(255, 106, 0) rgba(255, 106, 0, 0.2) rgba(255, 106, 0, 0.2); border-image: none; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running dp-processing-spin;}
@keyframes dp-processing-spin { 
  100% { transform: rotate(360deg); }
}
@media (max-width: 900px){
.dp-processing-overlay{padding: 14px;}
}
@media (min-width: 901px){
body[data-role="usuario"] .topbar{padding-left: calc(var(--dp-sidebar-w,244px) + 22px) !important;}
:root[data-collapsed] body[data-role="usuario"] .topbar{padding-left: 100px !important;}
.sidebar{height: calc(100dvh - 68px) !important; max-height: calc(100dvh - 68px) !important; min-height: 0px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; position: sticky !important; top: 68px !important;}
.sidebar nav{flex: 1 1 auto !important; overflow: hidden auto !important; min-height: 0px !important; display: block !important;}
.sidebar nav .nav-entry{width: 100%;}
.sidebar .side-bottom{flex: 0 0 auto !important; max-height: 205px !important; overflow: hidden !important; margin-top: auto !important;}
#danli-chat-trigger,.danli-chat-trigger{display: none !important;}
}
.brand-icon{width: 20px; height: 20px; object-fit: contain !important; opacity: 1 !important; background: none !important; mask: none !important;}
.nav-entry .brand-icon{width: 19px; height: 19px;}
.dp-chip .brand-icon{width: 18px; height: 18px;}
.dp-support-btn{display: flex !important; gap: 9px !important; align-items: center !important;}

/* ===== home-v2975.css ===== */
.home75{display: flex; flex-direction: column; gap: 24px; max-width: 1700px; margin: auto; padding-bottom: 35px;}
.home75-top{display: grid; grid-template-columns: minmax(0px, 2.3fr) minmax(270px, 1fr); gap: 14px;}
.home75-hero{background: linear-gradient(109deg, rgba(10, 16, 29, 0.97), rgba(32, 24, 27, 0.86)), url("/frontend/brand-banners/OSCURO/recargas.svg") right center / auto 100% no-repeat; border: 1px solid var(--line,#343a46); border-radius: 16px; min-height: 230px; padding: 32px; display: flex; flex-direction: column; justify-content: center; gap: 12px;}
.home75-kicker{color: rgba(255, 106, 0); font-size: 11px; font-weight: 800; letter-spacing: 1.5px;}
.home75-hero h1{color: rgb(255, 255, 255); font-size: clamp(23px, 2.5vw, 38px); font-weight: 850; max-width: 490px; line-height: 1.12; margin: 0px;}
.home75-hero p{color: rgb(199, 208, 218); font-size: 14px; margin: 0px;}
.home75-hero-cta{align-self: start; background: rgba(255, 106, 0); border-radius: 10px; padding: 12px 22px; font-weight: 750; text-decoration: none; color: rgb(255, 255, 255) !important;}
.home75-shortcuts{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
.home75-shortcut{border-radius: 14px; background: var(--card,#22252b); border: 1px solid var(--line,#343a46); display: flex; align-items: center; justify-content: center; flex-direction: column; text-decoration: none; color: var(--text,#fff); gap: 8px; min-height: 96px;}
.home75-shortcut span:not(.home83-shortcut-copy){width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; background: rgba(255, 106, 0, 0.12);}
.home75-shortcut img{width: 25px; height: 25px;}
.home75-shortcut strong{font-size: 13px;}
.home75-shortcut:hover,.home75-card:hover{border-color: rgba(255, 106, 0); transform: translateY(-2px);}
.home75-section{min-width: 0px; overflow: hidden;}
.home75-title{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px;}
.home75-title h2{font-size: 19px; font-weight: 800; margin: 0px;}
.home75-controls{display: flex; align-items: center; gap: 7px;}
.home75-controls a{color: rgba(255, 106, 0); text-decoration: none; font-size: 12px; margin-right: 9px; font-weight: 700;}
.home75-controls button{height: 26px; width: 34px; border: 1px solid var(--line,#343a46); border-radius: 6px; background: var(--card,#22252b); color: var(--text,#fff); font-size: 24px; cursor: pointer; display: grid; place-items: center; line-height: 1;}
.home75-controls button:disabled{opacity: 0.3; cursor: default;}
.home75-track{display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; padding: 0px 2px 9px; overscroll-behavior-x: contain;}
.home75-track::-webkit-scrollbar{display: none;}
.home75-card{flex: 0 0 clamp(175px, 21%, 245px); min-height: 145px; border-radius: 14px; border: 1px solid var(--line,#343a46); background: var(--card,#20252b); padding: 17px; color: var(--text,#fff); text-decoration: none; scroll-snap-align: start; display: flex; flex-direction: column; gap: 12px; transition: transform 0.18s, border-color 0.18s; min-width: 0px;}
.home75-card strong{font-size: 15px; white-space: normal; line-height: 1.3;}
.home75-card small{font-size: 12px; color: rgb(255, 138, 40); margin-top: auto;}
.home75-oplogo{display: flex; align-items: center; min-height: 53px;}
.home75-oplogo img{max-height: 51px; max-width: 130px; object-fit: contain;}
.home75-animal{background: linear-gradient(140deg,rgba(255,106,0,.09),transparent),var(--card,#20252b);}
.home75-card-symbol img{width: 43px; height: 43px;}
.home75-sport{background: linear-gradient(135deg,rgba(16,101,66,.15),transparent),var(--card,#20252b);}
.home75-noevents{padding: 15px; color: var(--muted,#b7bdc5);}
html[data-theme="light"] .home75-hero{background: linear-gradient(100deg, rgba(19, 26, 37, 0.96), rgba(33, 37, 48, 0.8)), url("/frontend/brand-banners/CLARO/recargas.svg") right center / auto 100% no-repeat;}
@media (max-width: 800px){
.home75{gap: 20px;}
.home75-top{grid-template-columns: minmax(0px, 1fr);}
.home75-hero{min-height: 185px; padding: 24px 21px;}
.home75-shortcuts{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 7px;}
.home75-shortcut{min-height: 86px; padding: 7px 3px; gap: 6px;}
.home75-shortcut span:not(.home83-shortcut-copy){width: 39px; height: 39px;}
.home75-shortcut strong{font-size: 10px;}
.home75-card{flex-basis: 65%; min-height: 145px;}
.home75-title h2{font-size: 17px;}
.home75-controls a{font-size: 11px; margin-right: 2px;}
.home75-controls button{width: 34px; height: 26px;}
}
.home75{gap: 12px; padding-bottom: 20px;}
.home75-section{margin-block: 0px;}
.home75-title{margin-bottom: 7px;}
.home75-track{padding-bottom: 3px;}
@media (max-width: 800px){
.home75{gap: 12px;}
.home75-title{margin-bottom: 6px;}
}

/* ===== home-v2976.css ===== */
.home75-oplogo{min-height: 80px; justify-content: center; width: 100%; overflow: hidden;}
.home75-oplogo svg,.home75-oplogo img{display: block; max-width: 85%; max-height: 70px; width: auto; height: auto; object-fit: contain;}
.home75-oplogo .operator-wordmark{font-size: clamp(20px, 2.6vw, 31px); white-space: nowrap;}
.home75-oplogo .operator-simple{height: 60px; width: 60px; font-size: 37px;}
.home75-op{text-align: center; align-items: center; justify-content: center; gap: 10px;}
.home75-op small,.home75-animal small{color: rgb(255, 140, 51);}
.home75-card-symbol{display: flex; align-items: center; justify-content: center; width: 100%; height: 80px;}
.home75-card-symbol img{max-width: 84%; width: auto; max-height: 74px; height: auto; object-fit: contain;}
.home75-animal{text-align: center; align-items: center; gap: 9px;}
.home75-sport{flex-basis: clamp(240px, 29%, 350px); gap: 12px;}
.home76-overlay{position: fixed; inset: 0px; z-index: 11000; display: flex; align-items: center; justify-content: center; background: rgba(3, 8, 15, 0.72); padding: 16px;}
.home76-modal{width: min(550px, 100%); max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; background: var(--card,#20232a); border: 1px solid var(--line,#343a46); color: var(--text,#fff); box-shadow: rgba(0, 0, 0, 0.6) 0px 28px 90px; border-radius: 18px; padding: 18px;}
.home76-modal > header{display: flex; align-items: center; justify-content: space-between; position: sticky; top: -18px; background: var(--card,#20232a); z-index: 3; padding: 8px 0px 14px; font-size: 17px;}
.home76-modal > header button{background: var(--card2,#30343a); color: var(--text,#fff); border: 1px solid var(--line,#555); width: 38px; height: 38px; border-radius: 10px; font-size: 24px;}
.home76-modal .ref-recharge-right{box-shadow: none; margin: 0px;}
.home76-modal .ref-mobile-back{display: none;}
.home76-animal{width: min(1400px, 96vw); max-height: calc(100dvh - 24px); padding: 16px 20px;}
.home76-animal .dp-tabs{display: none;}
.home76-animal .page-heading{display: none;}
.home76-animal .anim-shell{padding: 0px; margin: 0px;}
.home76-animal .anim-board-wrap{display: grid; grid-template-columns: 220px minmax(0px, 1fr) 300px; gap: 14px; align-items: start;}
:root[data-theme="light"] .home76-modal{background: rgb(255, 255, 255); color: rgb(35, 39, 45);}
:root[data-theme="light"] .home76-modal > header{background: rgb(255, 255, 255);}
@media (max-width: 1020px){
.home76-animal .anim-board-wrap{grid-template-columns: minmax(0px, 1fr); gap: 12px;}
.home76-animal .anim-col-cupon{display: none;}
}
@media (max-width: 600px){
.home76-modal{padding: 12px;}
.home76-animal{width: 100%; max-height: calc(100dvh - 12px);}
.home75-sport{flex-basis: 82%;}
.home75-oplogo{min-height: 66px;}
.home75-card-symbol{height: 66px;}
}

/* ===== home-v2977.css ===== */
@media (min-width: 901px){
body[data-role="usuario"] .topbar{left: var(--dp-sidebar-w,244px) !important; width: calc(100% - var(--dp-sidebar-w,244px)) !important; padding-left: 20px !important; position: sticky !important;}
body[data-role="usuario"] .layout{margin-top: -68px !important; min-height: 100dvh !important;}
body[data-role="usuario"] .sidebar{top: 0px !important; height: 100dvh !important; max-height: 100dvh !important; min-height: 100dvh !important; position: sticky !important; padding-top: 80px !important; background: var(--sidebar,#1d232b) !important;}
body[data-role="usuario"] .main{padding-top: 68px !important;}
body[data-role="usuario"] .sidebar > .menu-title:empty{display: none !important;}
body[data-role="usuario"] .sidebar nav{padding-top: 0px !important;}
body[data-role="usuario"] .dp-collapse{z-index: 10 !important;}
:root[data-collapsed] body[data-role="usuario"] .topbar{left: var(--dp-sidebar-w,244px) !important; width: calc(100% - var(--dp-sidebar-w,244px)) !important; padding-left: 12px !important;}
}
.dp-chips{display: flex; align-items: center; border-radius: 12px; gap: 0px !important; padding: 3px !important; background: var(--card2,#202630) !important;}
.dp-chips .dp-chip{border: 0px !important; border-radius: 8px !important; background: transparent !important; color: rgb(155, 164, 174) !important; margin: 0px !important; box-shadow: none !important;}
.dp-chips .dp-chip.active{color: rgb(255, 255, 255) !important; background: rgb(255, 101, 13) !important;}
.dp-chips .dp-chip .brand-icon{filter: grayscale(1); opacity: 0.75;}
.dp-chips .dp-chip.active .brand-icon{filter: brightness(0) invert(1); opacity: 1;}
.home75-hero{background-image: linear-gradient(90deg, rgba(7, 12, 20, 0.82), rgba(8, 13, 20, 0.48)), url("/frontend/home79/hero.webp?v=2982") !important; background-size: cover !important; background-position: center center !important;}
.home75-hero::before,.home75-hero::after{display: none !important;}
.home75-shortcut{position: relative !important; overflow: hidden !important; justify-content: flex-end !important; align-items: flex-start !important; text-align: left !important; padding: 12px !important; min-height: 115px !important; background-color: rgb(18, 22, 28) !important; background-size: cover !important;}
.home75-shortcut strong{position: relative; z-index: 1; text-shadow: rgb(0, 0, 0) 0px 1px 5px; color: rgb(255, 255, 255) !important;}
.home75-card{min-height: 135px !important; padding: 14px !important;}
.home75-oplogo{min-height: 55px !important;}
.home75-oplogo img,.home75-oplogo svg{max-height: 50px !important;}
.home75-card-symbol{height: 56px !important;}
.home75-card-symbol img{max-height: 55px !important;}
.home75-sport{flex-basis: clamp(225px, 26%, 300px) !important; min-height: 150px !important;}
.dp-results-filters{flex-wrap: wrap; display: flex !important; flex-direction: row !important; align-items: end !important; gap: 10px !important;}
.dp-results-filters label{min-width: 160px; flex: 1 1 0%;}
.anim77-filters{display: flex; align-items: end; gap: 12px; flex-wrap: wrap; margin: 18px 0px;}
.anim77-filters label{display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--muted); min-width: 140px;}
.anim77-filters select,.anim77-filters input{padding: 10px; border-radius: 9px; border: 1px solid var(--line); background: var(--card2,#25282e); color: var(--text,#fff); font: inherit;}
.anim77-table-scroller{overflow-x: auto; width: 100%; border: 1px solid var(--line); border-radius: 13px;}
.anim77-table{border-collapse: collapse; width: 100%; font-size: 12px; white-space: nowrap;}
.anim77-table th{background: var(--card2,#262c35); text-align: left;}
.anim77-table th button{background: none; border: 0px; color: var(--text,#fff); padding: 14px 11px; cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700;}
.anim77-table td{padding: 11px; border-top: 1px solid var(--line);}
.anim77-table tr:nth-child(2n){background: rgba(120, 120, 130, 0.04);}
.anim77-table tr[hidden]{display: none !important;}
@media (max-width: 900px){
.home75-shortcut{min-height: 86px !important;}
.home75-hero{min-height: 180px !important;}
}
.home75-card.home75-op,.home75-card.home75-animal{aspect-ratio: 1 / 1; align-items: center; justify-content: center; text-align: center; border-radius: 16px; flex: 0 0 clamp(120px, 13%, 156px) !important; min-height: 0px !important; padding: 12px 10px !important; gap: 8px !important;}
.home75-card.home75-op .home75-card-symbol,.home75-card.home75-animal .home75-card-symbol{flex: 1 1 auto; min-height: 0px; width: 100%; height: auto !important;}
.home75-card.home75-op .home75-card-symbol img,.home75-card.home75-animal .home75-card-symbol img{object-fit: contain; width: auto !important; height: auto !important; max-width: 82% !important; max-height: 72px !important;}
.home75-card.home75-op strong,.home75-card.home75-animal strong{font-size: 13px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
@media (max-width: 800px){
.home75-card.home75-op,.home75-card.home75-animal{flex-basis: calc(30.303% - 7.27273px) !important;}
.home75-card.home75-op .home75-card-symbol img,.home75-card.home75-animal .home75-card-symbol img{max-height: 52px !important;}
.home75-card.home75-op strong,.home75-card.home75-animal strong{font-size: 12px;}
}

/* ===== layout-v2978.css ===== */
@media (min-width: 901px){
body[data-role="usuario"] .topbar{height: 68px !important; margin-left: var(--dp78-side-w,244px) !important; width: calc(100% - var(--dp78-side-w,244px)) !important; left: 0px !important; right: auto !important; top: 0px !important; position: sticky !important; padding: 0px 22px !important; gap: 14px !important; z-index: 30 !important;}
body[data-role="usuario"] .layout{margin-top: -68px !important; min-height: 100dvh !important; align-items: stretch !important;}
body[data-role="usuario"] .sidebar{position: sticky !important; top: 0px !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; width: var(--dp78-side-w,244px) !important; flex: 0 0 var(--dp78-side-w,244px) !important; padding: 12px !important; overflow: visible !important; background: rgb(29, 35, 44) !important; border-right: 1px solid rgb(45, 53, 64) !important; z-index: 31 !important;}
body[data-role="usuario"] .sidebar nav{min-height: 0px !important; flex: 1 1 0% !important; overflow: hidden auto !important; padding-top: 10px !important; display: block !important;}
body[data-role="usuario"] .main{padding-top: 84px !important; flex: 1 1 0% !important; min-width: 0px !important;}
body[data-role="usuario"] .brand-header{flex: 0 0 auto !important; width: 174px !important;}
body[data-role="usuario"] .brand-header img{max-width: 172px !important;}
body[data-role="usuario"] .dp-collapse{position: absolute !important; top: 112px !important; right: -18px !important; left: auto !important; z-index: 80 !important; background: rgb(29, 35, 44) !important; border: 1px solid rgb(50, 59, 70) !important;}
:root[data-collapsed] body[data-role="usuario"]{--dp78-side-w: 72px;}
:root[data-collapsed] body[data-role="usuario"] .sidebar .nav-entry .lbl{display: none !important;}
body[data-role="usuario"] .sidebar .side-bottom{flex: 0 0 auto !important; margin-top: auto !important; max-height: 190px !important;}
}
.dp-chips{margin-left: 1px !important;}
.dp-chip.active{color: white !important;}
.dp-chips .dp-chip.active .brand-icon{filter: brightness(0) invert(1) !important;}
.home75-hero{background: linear-gradient(90deg, rgba(5, 11, 19, 0.72), transparent 65%), url("/frontend/home78/hero.webp") center center / cover no-repeat !important; min-height: 250px !important; position: relative !important; overflow: hidden !important; padding: 29px 33px !important; gap: 12px !important;}
.home75-hero h1{font-size: clamp(24px, 2.3vw, 35px) !important; line-height: 1.17 !important; max-width: 490px !important; text-shadow: none !important; letter-spacing: -0.4px !important;}
.home75-hero p{max-width: 420px; color: rgb(225, 229, 234) !important;}
.home75-shortcut{min-height: 118px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-end !important; padding: 12px !important; gap: 2px !important; isolation: isolate !important; background: linear-gradient(135deg, rgb(22, 28, 38), rgb(16, 20, 27)) !important;}
.home75-shortcut strong{position: relative !important; z-index: 1 !important; color: white !important; font-size: 13px !important;}
.home75-card{flex-basis: clamp(154px, 18%, 216px) !important; min-height: 125px !important;}
.home75-sport{flex-basis: clamp(238px, 31%, 330px) !important; min-height: 152px !important;}
@media (max-width: 900px){
.home75-hero{min-height: 200px !important;}
.home75-shortcut{min-height: 95px !important;}
}
@media (max-width: 500px){
.home75-shortcut{min-height: 90px !important;}
.home75-shortcut strong{font-size: 11px !important;}
.home75-hero{padding: 20px !important;}
.home75-hero h1{font-size: 25px !important;}
}

/* ===== layout-v2979.css ===== */
@media (min-width: 901px){
body[data-role="usuario"] .layout{margin-top: -68px !important; grid-template-columns: var(--dp79-side-w,250px) minmax(0,1fr) !important; min-height: 100dvh !important;}
body[data-role="usuario"] .sidebar{position: sticky !important; top: 0px !important; align-self: start !important; box-sizing: border-box !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; width: auto !important; padding: 12px 13px !important; display: flex !important; flex-direction: column !important; background: var(--sidebar,#242a31) !important; overflow: visible !important; border-right: 1px solid var(--line,#303943) !important; z-index: 34 !important;}
body[data-role="usuario"] .sidebar nav{flex: 1 1 auto !important; min-height: 0px !important; overflow: auto !important; scrollbar-width: thin !important; scrollbar-color: rgb(41, 55, 71) transparent !important; padding-top: 7px !important;}
body[data-role="usuario"] .sidebar .side-bottom{flex-shrink: 0 !important; margin-top: auto !important; max-height: none !important;}
body[data-role="usuario"] .main{padding-top: 85px !important; min-width: 0px !important; max-width: none !important; box-sizing: border-box !important; background: var(--bg,#12161b) !important;}
body[data-role="usuario"] .topbar{position: sticky !important; top: 0px !important; left: 0px !important; margin-left: var(--dp79-side-w,250px) !important; width: calc(100% - var(--dp79-side-w,250px)) !important; box-sizing: border-box !important; padding: 0px 22px !important; z-index: 32 !important; background: var(--topbar,var(--bg,#12161b)) !important; border: 0px !important; outline: 0px !important; box-shadow: none !important;}
body[data-role="usuario"] .sidebar .dp-collapse{top: 112px !important; right: -15px !important; z-index: 45 !important;}
:root[data-collapsed] body[data-role="usuario"]{--dp79-side-w: 74px;}
:root[data-collapsed] body[data-role="usuario"] .dp79-side-identity,:root[data-collapsed] body[data-role="usuario"] .dp79-side-chevron{display: none !important;}
:root[data-collapsed] body[data-role="usuario"] .dp79-side-user{justify-content: center !important; padding: 0px !important;}
}
.dp79-side-head{flex: 0 0 auto !important; margin: 2px 0px 16px !important; display: block !important;}
.dp79-side-user{display: flex; align-items: center; gap: 11px; min-height: 49px; padding: 4px 2px; color: var(--text) !important; text-decoration: none !important;}
.dp79-side-avatar{display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 50%; background: rgb(45, 51, 59); color: rgb(246, 248, 255); font-size: 15px; font-weight: 700;}
.dp79-side-identity{min-width: 0px; display: flex; flex: 1 1 0%; flex-direction: column; gap: 3px;}
.dp79-side-identity strong{font-size: 13px; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dp79-side-identity small{font-size: 11px; color: rgb(166, 175, 185);}
.dp79-side-chevron{color: rgb(156, 166, 178); font-size: 24px;}
body[data-role="usuario"] .sidebar .menu-title:empty{display: none !important;}
body[data-role="usuario"] .sidebar .nav-entry{height: 43px !important; padding: 0px 12px !important; gap: 14px !important; border-radius: 9px !important; font-size: 13px !important;}
body[data-role="usuario"] .sidebar .nav-entry.active{background: linear-gradient(90deg, rgba(126, 44, 17, 0.5), rgba(87, 37, 20, 0.37)) !important; color: white !important;}
body[data-role="usuario"] .sidebar .nav-entry.active::before{width: 4px !important; top: 0px !important; bottom: 0px !important; background: rgb(255, 115, 12) !important;}
body[data-role="usuario"] .sidebar .nav-icon{color: rgb(255, 129, 16) !important;}
body[data-role="usuario"] .sidebar .dp-pc{background: rgb(23, 33, 45) !important;}
body[data-role="usuario"] .brand-header{width: auto !important; margin-right: 12px !important;}
body[data-role="usuario"] .brand-header .logo img{height: auto !important; max-height: 31px !important; max-width: 183px !important; object-fit: contain !important;}
body[data-role="usuario"] .topbar .dp-chips{margin-left: 1px !important; display: flex !important; gap: 1px !important; padding: 4px !important; border: 1px solid rgb(48, 58, 69) !important; border-radius: 11px !important; background: rgb(24, 33, 43) !important;}
body[data-role="usuario"] .topbar .dp-chip{width: 38px !important; height: 38px !important; background: transparent !important; color: rgb(177, 187, 198) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; border-radius: 8px !important;}
body[data-role="usuario"] .topbar .dp-chip.active{background: rgb(255, 112, 14) !important; color: rgb(255, 255, 255) !important; box-shadow: rgb(255, 132, 37) 0px 0px 0px 1px !important;}
body[data-role="usuario"] .topbar .dp-chip.active svg,body[data-role="usuario"] .topbar .dp-chip.active img{filter: brightness(0) invert(1) !important;}
body[data-role="usuario"] .topbar .dp-avatar{order: 1 !important;}
body[data-role="usuario"] .topbar .theme-toggle{order: 2 !important; margin-left: 3px;}
body[data-role="usuario"] .topbar .dp-deposit{background: linear-gradient(115deg, rgb(7, 214, 110), rgb(0, 189, 96)) !important;}
body[data-role="usuario"] .home75{gap: 17px !important; max-width: none !important; padding-bottom: 26px !important;}
body[data-role="usuario"] .home75-top{display: grid !important; grid-template-columns: minmax(0px, 2fr) minmax(370px, 1.05fr) !important; gap: 12px !important;}
body[data-role="usuario"] .home75-hero{min-height: 241px !important; padding: 24px 28px !important; border-radius: 12px !important; position: relative !important; isolation: isolate !important; overflow: hidden !important; background: rgb(6, 11, 17) !important; border: 1px solid rgb(46, 59, 75) !important;}
body[data-role="usuario"] .home75-hero > .home82-hero-art{display: block !important; position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; z-index: 0 !important; pointer-events: none !important; opacity: 1 !important; max-width: none !important; max-height: none !important;}
body[data-role="usuario"] .home75-hero > .home75-kicker,body[data-role="usuario"] .home75-hero > h1,body[data-role="usuario"] .home75-hero > p,body[data-role="usuario"] .home75-hero > .home75-hero-cta{position: relative !important; z-index: 1 !important;}
body[data-role="usuario"] .home75-hero::before,body[data-role="usuario"] .home75-hero::after{display: none !important; content: none !important;}
body[data-role="usuario"] .home75-hero .home75-kicker{letter-spacing: 1.35px; font-size: 10.5px !important; color: rgb(255, 137, 23) !important;}
body[data-role="usuario"] .home75-hero h1{font-size: clamp(28px, 2.8vw, 43px) !important; font-weight: 850 !important; line-height: 1.06 !important; max-width: 520px !important; letter-spacing: -1px !important; color: white !important; text-shadow: rgb(0, 0, 0) 0px 1px 8px !important;}
body[data-role="usuario"] .home75-hero h1 em{font-style: normal !important; color: rgb(255, 130, 26) !important;}
body[data-role="usuario"] .home75-hero p{font-size: 13px !important; color: rgb(227, 230, 238) !important;}
body[data-role="usuario"] .home75-hero-cta{padding: 10px 19px !important; background: rgb(255, 120, 0) !important; color: white !important; box-shadow: rgba(255, 116, 5, 0.267) 0px 5px 15px !important;}
body[data-role="usuario"] .home75-shortcuts{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important;}
body[data-role="usuario"] .home75-shortcut{position: relative !important; isolation: isolate !important; min-height: 112px !important; padding: 10px 12px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-end !important; border-radius: 11px !important; overflow: hidden !important; background: rgb(10, 15, 25) !important; border: 1px solid rgb(48, 64, 82) !important;}
body[data-role="usuario"] .home75-shortcut strong{z-index: 2 !important; color: white !important; text-shadow: rgb(0, 0, 0) 0px 2px 4px !important; font-size: 13px !important;}
body[data-role="usuario"] .home75-shortcut .home79-arrow{z-index: 2 !important; position: absolute !important; right: 9px !important; bottom: 8px !important; width: 25px !important; height: 25px !important; border-radius: 50% !important; background: rgb(19, 25, 34) !important; border: 1px solid rgb(229, 111, 23) !important; display: grid !important; place-items: center !important; color: white !important; font-size: 20px !important;}
body[data-role="usuario"] .home75-title h2{font-size: 18px !important;}
body[data-role="usuario"] .home75-card{flex: 0 0 clamp(150px, 15.5%, 209px) !important; min-height: 105px !important; padding: 12px !important; border-radius: 11px !important; gap: 6px !important; align-items: center !important; text-align: center !important; justify-content: center !important;}
body[data-role="usuario"] .home75-oplogo{display: flex; align-items: center; justify-content: center; min-height: 46px !important;}
body[data-role="usuario"] .home75-oplogo img,body[data-role="usuario"] .home75-oplogo svg{max-height: 42px !important;}
body[data-role="usuario"] .home75-card strong{font-size: 13px !important;}
body[data-role="usuario"] .home75-card small{font-size: 11px !important;}
body[data-role="usuario"] .home75-card-symbol{display: grid; height: 43px !important; place-items: center !important;}
body[data-role="usuario"] .home75-card-symbol img{height: 43px !important; width: auto !important; max-width: 95px !important; object-fit: contain !important;}
body[data-role="usuario"] .home79-sport{flex: 0 0 clamp(245px, 24%, 330px) !important; min-height: 142px !important; padding: 10px 11px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; text-align: left !important; align-items: stretch !important; background: linear-gradient(130deg, rgba(13, 68, 54, 0.24), rgba(11, 19, 27, 0.98)) !important;}
.home79-sport-link{color: inherit; text-decoration: none; display: flex; flex-direction: column; gap: 10px; min-width: 0px;}
.home79-sport-meta{display: flex; align-items: center; justify-content: space-between; gap: 7px;}
.home79-league{min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; color: rgb(191, 200, 209);}
.home79-live{color: rgb(255, 255, 255); background: rgb(238, 36, 64); padding: 3px 5px; border-radius: 5px; font-size: 10px; font-weight: 700; white-space: nowrap;}
.home79-time{color: rgb(255, 146, 13); font-size: 10px; white-space: nowrap;}
.home79-teams{display: flex; align-items: center; justify-content: space-between; gap: 9px; text-align: center;}
.home79-teams > span{display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0px; flex: 1 1 0%;}
.home79-teams b{font-size: 11px; line-height: 1.2; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home79-teams img{width: 28px; height: 28px; object-fit: contain;}
.home79-teams em{font-style: normal; font-size: 11px; color: rgb(187, 197, 209);}
.home79-crest-fallback{display: grid; place-items: center; height: 28px; width: 28px; border-radius: 50%; background: rgb(49, 65, 80); color: rgb(203, 214, 226); font-size: 12px; font-weight: 700;}
.home79-odds-link{color: inherit; text-decoration: none;}
.home79-odds{display: flex; gap: 5px; width: 100%;}
.home79-odd{min-width: 0px; flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; background: rgb(43, 57, 66); color: rgb(249, 251, 255); border: 1px solid rgb(65, 81, 95); border-radius: 5px; padding: 3px; line-height: 1.12;}
.home79-odd em{font-style: normal; font-size: 10px; color: rgb(210, 216, 226);}
.home79-odd b{font-size: 11px;}
.home79-unavailable{font-size: 10px; color: rgb(169, 178, 188); text-align: center; display: block; background: rgb(35, 48, 57); padding: 6px; border-radius: 5px;}
@media (max-width: 1100px) and (min-width: 901px){
body[data-role="usuario"] .home75-top{grid-template-columns: minmax(0px, 1fr) !important;}
body[data-role="usuario"] .home75-shortcut{min-height: 98px !important;}
}
@media (max-width: 900px){
body[data-role="usuario"] .home75-top{grid-template-columns: minmax(0px, 1fr) !important;}
body[data-role="usuario"] .home75-hero{background: rgb(6, 11, 17) !important;}
body[data-role="usuario"] .home75-hero h1{font-size: clamp(25px, 5vw, 39px) !important;}
body[data-role="usuario"] .home75-shortcuts{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
body[data-role="usuario"] .home75-shortcut{min-height: 102px !important;}
body[data-role="usuario"] .home75-card:not(.home75-sport){flex: 0 0 calc(33.3333% - 4px) !important; width: calc(33.3333% - 4px) !important; max-width: calc(33.3333% - 4px) !important; min-height: 96px !important;}
body[data-role="usuario"] .home75-card.home75-sport,body[data-role="usuario"] .home79-sport{flex-basis: 268px !important;}
}
:root[data-theme="dark"] body[data-role="usuario"]{background: var(--bg,#12161b) !important;}
:root[data-theme="dark"] body[data-role="usuario"] .layout{background: var(--bg,#12161b) !important;}
:root[data-theme="dark"] body[data-role="usuario"] .topbar{background: var(--topbar,var(--bg,#12161b)) !important; border: 0px !important; outline: 0px !important; box-shadow: none !important;}
:root[data-theme="dark"] body[data-role="usuario"] .main{background: var(--bg,#12161b) !important;}
:root[data-theme="dark"] body[data-role="usuario"] .sidebar{background: var(--sidebar,#242a31) !important;}
:root[data-theme="light"] body[data-role="usuario"] .sidebar{background: var(--sidebar,#fff) !important;}
:root[data-theme="light"] body[data-role="usuario"] .topbar{background: var(--topbar,var(--sidebar,#fff)) !important; border-bottom: 0px !important;}
:root[data-theme="light"] body[data-role="usuario"] .main{background: var(--bg,#f6f7f9) !important;}
@media (max-width: 900px){
:root[data-theme="dark"] body[data-role="usuario"] .topbar{background: var(--topbar,var(--bg,#12161b)) !important; border: 0px !important; outline: 0px !important; box-shadow: none !important;}
:root[data-theme="dark"] body[data-role="usuario"] .sidebar{background: var(--sidebar,#242a31) !important;}
:root[data-theme="dark"] body[data-role="usuario"] .main{background: var(--bg,#12161b) !important;}
}
:root[data-theme="dark"]{--bg: #12161b; --topbar: #12161b; --sidebar: #242a31;}

/* ===== approved-v2983.css ===== */
@media (min-width: 901px){
body[data-role="usuario"] .sidebar{padding-top: 10px !important;}
body[data-role="usuario"] .dp79-side-head{margin: 0px 0px 8px !important;}
body[data-role="usuario"] .sidebar nav{padding-top: 1px !important;}
}
body[data-role="usuario"] .topbar{border-bottom: 0px !important; box-shadow: none !important;}
body[data-role="usuario"] .topbar .brand-header{flex-shrink: 0 !important;}
body[data-role="usuario"] .dp-chips .dp-chip{display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 38px !important;}
body[data-role="usuario"] .dp-chips .dp-chip img,body[data-role="usuario"] .dp-chips .dp-chip svg{width: 20px !important; height: 20px !important; object-fit: contain !important;}
body[data-role="usuario"] .dp-chips .dp-chip[title="Recargas"] svg{stroke-width: 2px;}
body[data-role="usuario"] .home75-shortcut{flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 9px !important; padding: 12px 30px 12px 12px !important; background: radial-gradient(circle at 8% 40%, rgba(255, 127, 22, 0.06), transparent 48%) rgb(16, 23, 30) !important; min-height: 110px !important;}
body[data-role="usuario"] .home75-shortcut:nth-child(1){background-image: radial-gradient(circle at 10% 40%, rgba(22, 207, 110, 0.11), transparent 58%) !important;}
body[data-role="usuario"] .home75-shortcut:nth-child(3){background-image: radial-gradient(circle at 10% 40%, rgba(25, 165, 242, 0.11), transparent 58%) !important;}
body[data-role="usuario"] .home75-shortcut > .home83-shortcut-icon{display: block !important; position: relative !important; z-index: 1 !important; flex: 0 0 51px !important; width: 51px !important; height: 51px !important; max-width: 51px !important; max-height: 51px !important; object-fit: contain !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy{position: relative !important; z-index: 1 !important; min-width: 0px !important; display: flex !important; flex-direction: column !important; gap: 4px !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy strong{display: block !important; position: static !important; font-size: 13px !important; color: rgb(255, 255, 255) !important; line-height: 1.2 !important; text-shadow: none !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy small{display: block !important; font-size: 10.5px !important; color: rgb(180, 192, 206) !important; line-height: 1.35 !important;}
body[data-role="usuario"] .home75-shortcut .home79-arrow{bottom: 9px !important; right: 8px !important; width: 23px !important; height: 23px !important; font-size: 16px !important;}
body[data-role="usuario"] .home75-animal{position: relative !important; isolation: isolate !important; overflow: hidden !important; background: linear-gradient(115deg, rgba(18, 71, 40, 0.28), rgba(13, 22, 28, 0.9)) !important;}
body[data-role="usuario"] .home75-animal::before{content: "" !important; position: absolute !important; inset: 0px !important; display: block !important; z-index: -1 !important; opacity: 0.18 !important; pointer-events: none !important; background: url("/frontend/home83/leaves.svg?v=2983") center center / cover no-repeat !important;}
body[data-role="usuario"] .home75-animal > *{position: relative !important; z-index: 1 !important;}
body[data-role="usuario"] .home75-track .home79-sport{box-sizing: border-box !important; flex: 0 0 clamp(255px, 24%, 325px) !important; min-width: 0px !important; max-width: 325px !important; height: 152px !important; min-height: 152px !important; max-height: 152px !important; overflow: hidden !important; padding: 9px 10px !important; gap: 5px !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: space-between !important; text-align: left !important;}
body[data-role="usuario"] .home79-sport .home79-sport-link{display: flex !important; min-height: 0px !important; min-width: 0px !important; max-width: 100% !important; flex: 1 1 auto !important; overflow: hidden !important; gap: 6px !important; flex-direction: column !important; text-decoration: none !important;}
body[data-role="usuario"] .home79-sport .home79-sport-meta{display: flex !important; align-items: center !important; justify-content: space-between !important; flex: 0 0 auto !important; gap: 6px !important; min-width: 0px !important; height: 20px !important;}
body[data-role="usuario"] .home79-sport .home79-league{overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; flex: 1 1 0% !important; min-width: 0px !important; max-width: 100% !important; font-size: 10px !important;}
body[data-role="usuario"] .home79-sport .home79-teams{display: grid !important; grid-template-columns: minmax(0px, 1fr) 23px minmax(0px, 1fr) !important; gap: 3px !important; place-items: center !important; flex: 1 1 auto !important; min-width: 0px !important; max-width: 100% !important; overflow: hidden !important; text-align: center !important;}
body[data-role="usuario"] .home79-sport .home79-teams > span{display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px !important; min-width: 0px !important; max-width: 100% !important; overflow: hidden !important;}
body[data-role="usuario"] .home79-sport .home79-teams b{display: block !important; min-width: 0px !important; width: 100% !important; max-width: 100% !important; text-overflow: ellipsis !important; white-space: nowrap !important; overflow: hidden !important; font-size: 10px !important; line-height: 1.15 !important;}
body[data-role="usuario"] .home79-sport .home79-teams img{display: block; position: static !important; flex: 0 0 auto !important; width: 29px !important; height: 29px !important; min-width: 29px !important; min-height: 29px !important; max-width: 29px !important; max-height: 29px !important; object-fit: contain !important; transform: none !important; margin: 0px !important;}
body[data-role="usuario"] .home79-sport .home79-teams img[hidden],body[data-role="usuario"] .home79-sport .home79-crest-fallback[hidden]{display: none !important;}
body[data-role="usuario"] .home79-sport .home79-crest-fallback{width: 29px !important; height: 29px !important; max-width: 29px !important; max-height: 29px !important; flex: 0 0 auto !important;}
body[data-role="usuario"] .home79-sport .home79-teams em{font-size: 10px !important; flex: 0 0 23px !important; max-width: 23px !important;}
body[data-role="usuario"] .home79-sport .home79-odds-link{display: block !important; min-width: 0px !important; width: 100% !important; flex: 0 0 auto !important; overflow: hidden !important;}
body[data-role="usuario"] .home79-sport .home79-odds{display: flex !important; gap: 4px !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important;}
body[data-role="usuario"] .home79-sport .home79-odd{flex: 1 1 0px !important; min-width: 0px !important; max-width: 100% !important; padding: 3px 2px !important; overflow: hidden !important; gap: 2px !important;}
body[data-role="usuario"] .home79-sport .home79-odd em,body[data-role="usuario"] .home79-sport .home79-odd b{max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; display: block !important; line-height: 1.1 !important;}
body[data-role="usuario"] .home76-overlay{background: rgba(2, 7, 12, 0.72) !important; backdrop-filter: blur(5px) !important; z-index: 11000 !important; -webkit-backdrop-filter: blur(5px) !important;}
body[data-role="usuario"] .home76-modal{background: var(--card,#17181b) !important; border: 1px solid rgb(48, 58, 69) !important; box-shadow: rgba(0, 0, 0, 0.65) 0px 25px 85px !important;}
body[data-role="usuario"] .home76-modal .ref-panel,body[data-role="usuario"] .home76-modal .ref-recharge-right{background: transparent !important; border: 0px transparent !important; box-shadow: none !important;}
body[data-role="usuario"] .home76-modal .ref-recharge-right{padding: 0px !important;}
body[data-role="usuario"] .home76-modal .ref-summary{border-color: rgb(48, 56, 68) !important;}
@media (max-width: 900px){
body[data-role="usuario"] .home75-shortcuts{display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 6px !important;}
body[data-role="usuario"] .home75-shortcut{padding: 8px 3px !important; min-height: 84px !important; flex-direction: column !important; text-align: center !important; gap: 5px !important; justify-content: center !important; align-items: center !important;}
body[data-role="usuario"] .home75-shortcut > .home83-shortcut-icon{width: 33px !important; height: 33px !important; max-width: 33px !important; max-height: 33px !important; flex-basis: 33px !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy{align-items: center !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy strong{font-size: 10px !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy small,body[data-role="usuario"] .home75-shortcut .home79-arrow{display: none !important;}
body[data-role="usuario"] .home75-track .home79-sport{flex-basis: min(290px, 78vw) !important; height: 156px !important; max-height: 156px !important;}
.mobile-bottom-nav{justify-content: space-between !important; gap: 0px !important;}
.mobile-bottom-nav a,.mobile-bottom-nav button{flex: 1 1 20% !important; max-width: 20% !important; min-width: 0px !important;}
}
@media (max-width: 600px){
body[data-role="usuario"] .home76-overlay{padding: 0px !important; align-items: stretch !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}
body[data-role="usuario"] .home76-modal{box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; max-height: 100dvh !important; min-height: 100dvh !important; height: 100dvh !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; padding: calc(14px + env(safe-area-inset-top,0px)) 15px calc(22px + env(safe-area-inset-bottom,0px)) !important; overflow-y: auto !important;}
body[data-role="usuario"] .home76-modal > header{top: calc(-14px - env(safe-area-inset-top,0px)) !important;}
body[data-role="usuario"] .home76-modal .ref-recharge-right{padding: 0px !important;}
}
@media (max-width: 380px){
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy strong{font-size: 9px !important;}
}
@media (max-width: 900px){
body[data-role="usuario"] .topbar .dp-chips{display: none !important;}
body[data-role="usuario"] .topbar .dp-search{display: none !important;}
body[data-role="usuario"] .topbar .dp-deposit{display: none !important;}
body[data-role="usuario"] .topbar .theme-toggle{display: none !important;}
body[data-role="usuario"] .topbar .brand-header{min-width: 0px !important; margin-right: auto !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy{background: none transparent !important; border: 0px !important; box-shadow: none !important; border-radius: 0px !important; padding: 0px !important; width: auto !important; height: auto !important; min-height: 0px !important; max-height: none !important; flex: 0 1 auto !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy strong{font-size: 9.5px !important; line-height: 1.15 !important; white-space: nowrap !important; overflow: visible !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy small{display: none !important;}
}
@media (min-width: 901px){
body[data-role="usuario"] .home75-shortcut{display: grid !important; grid-template-columns: 46px minmax(0px, 1fr) 21px !important; align-items: center !important; justify-content: initial !important; gap: 8px !important; min-width: 0px !important; padding: 12px 8px !important;}
body[data-role="usuario"] .home75-shortcut > .home83-shortcut-icon{width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important; min-width: 44px !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy{display: flex !important; min-width: 0px !important; max-width: 100% !important; align-items: flex-start !important; overflow: hidden !important; gap: 5px !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy strong{display: block !important; width: 100% !important; max-width: 100% !important; font-size: 12px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy small{display: block !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: 10px !important; line-height: 1.3 !important;}
body[data-role="usuario"] .home75-shortcut .home79-arrow{position: static !important; grid-column: 3 !important; margin-left: 0px !important; width: 21px !important; height: 21px !important; max-width: 21px !important; font-size: 14px !important;}
}
body[data-role="usuario"] .home75-sport.home79-sport .home79-teams span img{width: 29px !important; height: 29px !important; min-width: 29px !important; min-height: 29px !important; max-width: 29px !important; max-height: 29px !important; object-fit: contain !important;}
@media (max-width: 900px){
body[data-role="usuario"] .home75-shortcut{display: flex !important; min-width: 0px !important; overflow: hidden !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy{overflow: visible !important; min-width: 0px !important; max-width: 100% !important;}
}
body[data-role="usuario"] .home75-hero{background: rgb(6, 11, 17) !important; isolation: isolate !important; overflow: hidden !important;}
body[data-role="usuario"] .home75-hero > .home82-hero-art{object-fit: cover !important; object-position: 60% center !important;}
body[data-role="usuario"] .home75-hero > .home85-hero-scrim{position: absolute !important; display: block !important; inset: 0px !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient(90deg, rgb(6, 11, 17) 0%, rgb(6, 11, 17) 41%, rgba(6, 11, 17, 0.99) 47%, rgba(6, 11, 17, 0.83) 58%, rgba(6, 11, 17, 0.16) 78%, rgba(6, 11, 17, 0) 100%) !important;}
body[data-role="usuario"] .home75-hero > :is(.home75-kicker, h1, p, .home75-hero-cta){position: relative !important; z-index: 2 !important;}
body[data-role="usuario"] .home75-hero p{max-width: 455px !important; line-height: 1.42 !important;}
@media (max-width: 900px){
body[data-role="usuario"] .home75-hero > .home82-hero-art{object-position: 62% center !important;}
body[data-role="usuario"] .home75-hero > .home85-hero-scrim{background: linear-gradient(90deg, rgb(6, 11, 17) 0%, rgba(6, 11, 17, 0.98) 41%, rgba(6, 11, 17, 0.86) 62%, rgba(6, 11, 17, 0.29) 100%) !important;}
}
@media (max-width: 600px){
body[data-role="usuario"] .home75-hero{min-height: 235px !important; padding: 20px 18px !important; gap: 8px !important;}
body[data-role="usuario"] .home75-hero > .home82-hero-art{object-position: 67% center !important;}
body[data-role="usuario"] .home75-hero > .home85-hero-scrim{background: linear-gradient(90deg, rgb(6, 11, 17) 0%, rgba(6, 11, 17, 0.99) 39%, rgba(6, 11, 17, 0.9) 64%, rgba(6, 11, 17, 0.23) 100%) !important;}
body[data-role="usuario"] .home75-hero h1{font-size: clamp(23px, 6.2vw, 31px) !important; line-height: 1.09 !important; max-width: 94% !important; letter-spacing: -0.4px !important;}
body[data-role="usuario"] .home75-hero .home75-kicker{font-size: 9px !important; letter-spacing: 1px !important; max-width: 98% !important;}
body[data-role="usuario"] .home75-hero p{font-size: 11.5px !important; line-height: 1.45 !important; max-width: 82% !important;}
body[data-role="usuario"] .home75-hero-cta{padding: 10px 14px !important; font-size: 12px !important;}
body[data-role="usuario"] #home75-recharges.home75-track,body[data-role="usuario"] #home75-animals.home75-track{gap: 9px !important; scroll-padding-left: 2px !important;}
body[data-role="usuario"] #home75-recharges > .home75-card,body[data-role="usuario"] #home75-animals > .home75-card{box-sizing: border-box !important; flex: 0 0 calc(50% - 4.5px) !important; min-width: 0px !important; width: calc(50% - 4.5px) !important; max-width: none !important; min-height: 115px !important; height: 115px !important; padding: 10px 7px !important; gap: 4px !important; justify-content: center !important; align-items: center !important; text-align: center !important;}
body[data-role="usuario"] #home75-recharges .home75-oplogo{min-height: 38px !important; height: 38px !important; max-height: 38px !important; width: 100% !important; justify-content: center !important;}
body[data-role="usuario"] #home75-recharges .home75-oplogo img,body[data-role="usuario"] #home75-recharges .home75-oplogo svg{max-height: 36px !important; max-width: 92px !important; width: auto !important; object-fit: contain !important;}
body[data-role="usuario"] #home75-animals .home75-card-symbol{height: 39px !important; max-height: 39px !important; min-height: 39px !important; width: 100% !important; display: grid !important; place-items: center !important;}
body[data-role="usuario"] #home75-animals .home75-card-symbol img{height: 38px !important; max-height: 38px !important; max-width: 88px !important; width: auto !important; object-fit: contain !important;}
body[data-role="usuario"] #home75-recharges > .home75-card strong,body[data-role="usuario"] #home75-animals > .home75-card strong{font-size: 12px !important; line-height: 1.2 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 100% !important;}
body[data-role="usuario"] #home75-recharges > .home75-card small,body[data-role="usuario"] #home75-animals > .home75-card small{font-size: 10px !important; line-height: 1.15 !important; margin-top: 2px !important;}
}
@media (max-width: 900px){
body[data-role="usuario"] .mobile-bottom-nav .ico.dp-premium-svg{display: block !important; width: 22px !important; height: 22px !important; fill: none !important; stroke: currentcolor !important; stroke-width: 1.85 !important; opacity: 1 !important; filter: none !important;}
body[data-role="usuario"] .mobile-bottom-nav .ico.dp-premium-svg g{stroke: currentcolor !important; stroke-width: 1.85 !important; fill: none !important; opacity: 1 !important;}
body[data-role="usuario"] .mobile-bottom-nav .bn-menu{color: rgb(220, 229, 237) !important;}
body[data-role="usuario"] .mobile-bottom-nav a[href="/recargas/"]{color: rgb(200, 213, 227) !important;}
body[data-role="usuario"] .mobile-bottom-nav a[href="/recargas/"].active{color: rgb(255, 132, 21) !important;}
body[data-role="usuario"] .mobile-bottom-nav a[href="/login/"]{color: rgb(200, 213, 227) !important;}
}
@media (min-width: 901px){
body[data-role="usuario"] .home75-shortcut{display: grid !important; grid-template-columns: 44px minmax(0px, 1fr) 22px !important; gap: 10px !important; align-items: center !important; min-width: 0px !important; padding: 10px !important;}
body[data-role="usuario"] .home75-shortcut > img.home83-shortcut-icon{width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important; grid-column: 1 !important;}
body[data-role="usuario"] .home75-shortcut > span.home83-shortcut-copy{grid-area: 1 / 2 !important; min-width: 0px !important; min-height: 0px !important; width: auto !important; height: auto !important; max-width: none !important; max-height: none !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 4px !important; background: transparent !important; border: 0px !important; padding: 0px !important; margin: 0px !important; box-shadow: none !important; overflow: visible !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy strong{font-size: 13px !important; line-height: 1.2 !important; max-width: 100% !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important;}
body[data-role="usuario"] .home75-shortcut .home83-shortcut-copy small{font-size: 10.5px !important; line-height: 1.3 !important; max-width: 100% !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; display: block !important;}
body[data-role="usuario"] .home75-shortcut > span.home79-arrow{grid-area: 1 / 3 !important; justify-self: center !important; width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; max-width: 22px !important; max-height: 22px !important;}
}
body[data-role="usuario"] .home75-hero > .home86-hero-picture{position: absolute !important; display: block !important; inset: 0px !important; width: 100% !important; height: 100% !important; z-index: 0 !important; pointer-events: none !important;}
body[data-role="usuario"] .home75-hero > .home86-hero-picture > img.home82-hero-art{position: absolute !important; display: block !important; inset: 0px !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: 61% center !important;}
@media (max-width: 900px){
body[data-role="usuario"] .home75-hero > .home86-hero-picture > img.home82-hero-art{object-position: 66% center !important;}
}
@media (max-width: 900px){
body[data-role="usuario"] .mobile-bottom-nav .bn-plain svg{display: block !important; visibility: visible !important; opacity: 1 !important; width: 23px !important; height: 23px !important; stroke: currentcolor !important; fill: none !important; stroke-width: 2.1 !important; overflow: visible !important;}
body[data-role="usuario"] .mobile-bottom-nav .bn-plain b{display: grid !important; place-items: center !important; min-height: 27px !important; min-width: 27px !important; opacity: 1 !important;}
}

/* ===== ux-v2987.css ===== */
.dp87-drawer-chat{display: none !important;}
@media (max-width: 860px){
html body[data-role="usuario"] .overlay{display: block !important; position: fixed !important; inset: 0 0 calc(66px + env(safe-area-inset-bottom,0px)) 0 !important; z-index: 102 !important; background: rgba(0, 4, 10, 0.67) !important; backdrop-filter: blur(2.5px) !important; box-shadow: none !important; -webkit-backdrop-filter: blur(2.5px) !important;}
html body[data-role="usuario"] .overlay ~ .mobile-bottom-nav{display: flex !important;}
html body[data-role="usuario"] .mobile-bottom-nav{display: flex !important; z-index: 120 !important; overflow: visible !important; box-shadow: none !important; isolation: isolate !important; padding-bottom: calc(5px + env(safe-area-inset-bottom,0px)) !important;}
html body[data-role="usuario"] .sidebar{position: fixed !important; top: 0px !important; bottom: calc(65px + env(safe-area-inset-bottom,0px)) !important; width: min(84vw, 330px) !important; max-width: 330px !important; height: auto !important; min-height: 0px !important; max-height: none !important; z-index: 108 !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; background: var(--sidebar,#242a31) !important; box-shadow: none !important; filter: none !important; border-right: 1px solid var(--line,#303943) !important; transform: translateX(-105%) !important;}
html body[data-role="usuario"] .sidebar.open{transform: translateX(0px) !important;}
html body[data-role="usuario"] .sidebar nav{flex: 1 1 auto !important; min-height: 0px !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; padding-bottom: 4px !important;}
html body[data-role="usuario"] .sidebar .side-bottom{flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; gap: 3px !important; margin-top: 2px !important; padding-top: 4px !important; background: var(--sidebar,#242a31) !important;}
html body[data-role="usuario"] .sidebar .side-bottom .dp-pc,html body[data-role="usuario"] .sidebar .side-bottom .dp-support-btn{display: none !important;}
html body[data-role="usuario"] .sidebar .dp87-drawer-chat{display: flex !important; min-height: 39px !important; width: 100% !important; border: 1px solid var(--line,#354351) !important; border-radius: 10px !important; background: color-mix(in srgb,var(--sidebar,#242a31) 70%,#0a151c) !important; color: var(--text,#fff) !important;}
html body[data-role="usuario"] .sidebar .dp87-drawer-chat .badge247{margin-left: auto !important; color: rgb(6, 22, 13) !important; background: rgb(27, 215, 133) !important; font-size: 10px !important; border-radius: 7px !important; padding: 3px 6px !important;}
html body[data-role="usuario"] .sidebar .dp87-drawer-chat .nav-icon{color: rgb(255, 152, 31) !important;}
html body[data-role="usuario"].dp87-drawer-open{overflow: hidden !important;}
html body[data-role="usuario"] .sidebar:not(.open){box-shadow: none !important;}
}
@media (max-width: 420px){
html body[data-role="usuario"] .sidebar .nav-entry{height: 39px !important;}
html body[data-role="usuario"] .sidebar .dp79-side-head{margin: 0px 0px 5px !important;}
}

/* ===== ux-v2988.css ===== */
@media (max-width: 900px){
html body[data-role="usuario"] .mobile-bottom-nav .bn-chat{position: relative !important; overflow: visible !important;}
html body[data-role="usuario"] .mobile-bottom-nav .bn-chat b{display: grid !important; place-items: center !important;}
html body[data-role="usuario"] .mobile-bottom-nav .bn-chat .dp88-chat-unread:not([hidden]){position: absolute; right: 16%; top: 4px; place-items: center; min-width: 16px; height: 16px; padding: 0px 3px; border-radius: 999px; background: rgb(233, 52, 55); color: white; font: bold 10px / 1 sans-serif; border: 2px solid rgb(29, 37, 44); display: grid !important;}
}

/* ===== ux-v2989.css ===== */
@media (max-width: 900px){
html body[data-role="usuario"] .mobile-bottom-nav a[href="/inicio/"]{background: transparent !important; box-shadow: none !important; border-color: transparent !important; color: var(--muted,#a9b2be) !important;}
html body[data-role="usuario"] .mobile-bottom-nav a[href="/inicio/"] b{background: transparent !important; box-shadow: none !important; border: 0px !important; color: inherit !important;}
}
.dp-native-deportes{position: relative; isolation: isolate; min-width: 0px;}
.dp-sb-boot{min-height: min(75vh, 720px); width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; padding: 35px 18px; border-radius: 16px; border: 1px solid rgb(46, 56, 66); background: linear-gradient(150deg, rgb(17, 24, 32), rgb(21, 26, 29)); color: rgb(244, 246, 249); box-sizing: border-box; position: relative; z-index: 3;}
.dp-sb-boot h2{font-size: clamp(17px, 3vw, 23px); margin: 4px 0px 0px; font-weight: 800;}
.dp-sb-boot p{font-size: 14px; line-height: 1.5; color: rgb(172, 183, 196); margin: 0px;}
.dp-sb-load-icon{width: 58px; height: 58px; border-radius: 50%; border-width: 3px; border-style: solid; border-color: rgb(255, 138, 29) rgba(255, 138, 29, 0.2) rgba(255, 138, 29, 0.2); border-image: none; animation: 1s linear 0s infinite normal none running dp89-spin; display: grid; place-items: center; color: rgb(255, 138, 29); font-size: 30px; font-weight: 800;}
.dp-sb-boot.is-error .dp-sb-load-icon{animation: auto ease 0s 1 normal none running none; border-color: rgb(255, 138, 29);}
.dp-sb-boot button,.dp-sb-recover button{border: 1px solid rgb(247, 156, 51); border-radius: 9px; background: rgb(255, 130, 15); color: rgb(255, 255, 255); padding: 11px 18px; font-weight: 700; cursor: pointer;}
.dp-sb-boot.is-out{opacity: 0; pointer-events: none; transition: opacity 0.35s;}
.dp-sb-boot.is-out + .dp-native-deportes{display: block;}
.dp-sb-recover{padding: 36px 15px; text-align: center;}
@keyframes dp89-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes dp89-shimmer { 
  100% { background-position-x: -220%; }
}
@media (prefers-reduced-motion: reduce){
.dp-sb-load-icon{animation: auto ease 0s 1 normal none running none;}
.dp-sb-boot.is-out{transition: none;}
}
@media (max-width: 900px){
.dp-sb-boot{min-height: calc(70dvh - 70px); padding-bottom: 90px;}
}
.dp-native-deportes:has(.dp-sb-boot:not(.is-out)) #danli-sportsbook2-native{visibility: hidden !important; height: 0px !important; overflow: hidden !important;}
.dp-sb-boot{min-height: min(78vh, 760px); overflow: hidden; background: radial-gradient(45% 52% at -4% -7%, rgba(109, 42, 15, 0.58), transparent 75%), radial-gradient(53% 64% at 104% 106%, rgba(117, 42, 15, 0.57), transparent 75%), linear-gradient(145deg, rgb(16, 19, 25) 0%, rgb(19, 21, 26) 68%, rgb(22, 20, 25) 100%) !important; gap: 12px !important;}
.dp-sb-boot::before,.dp-sb-boot::after{content: ""; position: absolute; pointer-events: none; width: 78%; height: 150%; border: 1px solid rgba(245, 120, 35, 0.173); border-radius: 50%; transform: rotate(35deg);}
.dp-sb-boot::before{top: -115%; left: -49%;}
.dp-sb-boot::after{bottom: -113%; right: -52%;}
.dp-sb-boot > *{position: relative; z-index: 1;}
.dp-sb-load-icon{width: 72px; height: 72px; border-width: 5px; box-shadow: rgba(253, 104, 5, 0.133) 0px 0px 16px; border-top-color: rgb(255, 129, 15) !important; border-right-color: rgba(255, 129, 15, 0.467) !important; border-bottom-color: rgb(255, 129, 15) !important;}
.dp-sb-boot h2{font-size: clamp(21px, 3.3vw, 30px) !important; letter-spacing: -0.02em;}
.dp-sb-boot p{font-size: clamp(12px, 1.5vw, 15px) !important;}
@media (max-width: 700px){
.dp-sb-boot{min-height: calc(72dvh - 60px); padding: 24px 12px 86px !important;}
.dp-sb-load-icon{width: 60px; height: 60px;}
}
@keyframes dp3022-progress { 
  0% { transform: translateX(-110%); }
  100% { transform: translateX(360%); }
}

/* ===== ux-v2991.css ===== */
.dp91-balance-pill{display: contents;}
.dp91-deposit-dollar{display: none;}
.dp91-deposit-desktop{display: inline-flex; align-items: center; justify-content: center; gap: 7px;}
@media (max-width: 860px){
html body[data-role="usuario"] .topbar{display: flex !important; align-items: center !important; gap: 7px !important; padding-inline: clamp(9px, 2.5vw, 13px) !important; box-sizing: border-box !important; min-width: 0px !important;}
html body[data-role="usuario"] .topbar .mobile-trigger,html body[data-role="usuario"] .topbar .dp-chips,html body[data-role="usuario"] .topbar .dp-search,html body[data-role="usuario"] .topbar .theme-toggle{display: none !important;}
html body[data-role="usuario"] .topbar .brand-header{flex: 0 1 auto !important; width: auto !important; min-width: 0px !important; max-width: clamp(121px, 42vw, 180px) !important; margin: 0px auto 0px 0px !important;}
html body[data-role="usuario"] .topbar .brand-header img{max-width: 100% !important; max-height: 30px !important; height: auto !important; object-fit: contain !important;}
html body[data-role="usuario"] .topbar .spacer{display: none !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill{display: flex !important; align-items: center !important; flex: 0 1 auto !important; min-width: 0px !important; max-width: 185px !important; height: 41px !important; margin-left: auto !important; padding: 2px 2px 2px 9px !important; box-sizing: border-box !important; border: 1px solid var(--line,#344352) !important; border-radius: 999px !important; background: color-mix(in srgb,var(--card2,#19232e) 86%,transparent) !important; overflow: visible !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-saldo{display: flex !important; flex: 1 1 auto !important; min-width: 0px !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 1px !important; line-height: 1.08 !important; padding: 0px 5px 0px 0px !important; margin: 0px !important; background: transparent !important; border: 0px !important; box-shadow: none !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-saldo small{font-size: 8px !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; color: var(--muted,#aebac9) !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-saldo b{font-size: clamp(10px, 2.9vw, 13px) !important; font-weight: 800 !important; white-space: nowrap !important; font-variant-numeric: tabular-nums !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit{display: grid !important; place-items: center !important; position: relative !important; flex: 0 0 37px !important; width: 37px !important; height: 37px !important; min-width: 37px !important; min-height: 37px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 50% !important; background: linear-gradient(140deg, rgb(21, 233, 134), rgb(0, 190, 101)) !important; box-shadow: rgba(0, 213, 116, 0.24) 0px 3px 12px !important; color: white !important; font-size: 0px !important; text-decoration: none !important; transition: filter 0.15s, transform 0.15s !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit:active{transform: scale(0.95) !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit:focus-visible{outline: rgb(255, 255, 255) solid 2px !important; outline-offset: 3px !important;}
html body[data-role="usuario"] .topbar .dp91-deposit-desktop{display: none !important;}
html body[data-role="usuario"] .topbar .dp91-deposit-dollar{display: block !important; color: rgb(255, 255, 255) !important; font: bold 23px / 1 system-ui, sans-serif !important;}
html body[data-role="usuario"] .topbar .dp-avatar{display: grid !important; place-items: center !important; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; margin: 0px !important; box-sizing: border-box !important; border-radius: 50% !important; color: var(--orange,#ff6a00) !important; background: transparent !important; border: 1.5px solid var(--orange,#ff6a00) !important;}
html body[data-role="usuario"] .mobile-bottom-nav a,html body[data-role="usuario"] .mobile-bottom-nav button{background: transparent !important; box-shadow: none !important; border: 0px !important; border-radius: 0px !important; transform: none !important; color: var(--muted,#aeb7c4) !important; font-weight: 600 !important;}
html body[data-role="usuario"] .mobile-bottom-nav .bn-plain b{background: transparent !important; border: 0px !important; box-shadow: none !important; border-radius: 0px !important; padding: 0px !important; margin: 0px !important; min-height: 27px !important; min-width: 27px !important;}
html body[data-role="usuario"] .mobile-bottom-nav a.active,html body[data-role="usuario"] .mobile-bottom-nav button.active,html body[data-role="usuario"] .mobile-bottom-nav a[aria-current="page"]{color: var(--orange,#ff6a00) !important;}
html body[data-role="usuario"] .mobile-bottom-nav a.active b,html body[data-role="usuario"] .mobile-bottom-nav button.active b,html body[data-role="usuario"] .mobile-bottom-nav a[aria-current="page"] b{background: transparent !important; border: 0px !important; box-shadow: none !important; border-radius: 0px !important; padding: 0px !important; color: inherit !important;}
html body[data-role="usuario"] .mobile-bottom-nav a[href="/inicio/"].active,html body[data-role="usuario"] .mobile-bottom-nav a[href="/inicio/"][aria-current="page"]{color: var(--orange,#ff6a00) !important;}
html body[data-role="usuario"] .mobile-bottom-nav .bn-menu.active{color: var(--orange,#ff6a00) !important;}
}
@media (max-width: 355px){
html body[data-role="usuario"] .topbar{gap: 5px !important; padding-inline: 8px !important;}
html body[data-role="usuario"] .topbar .brand-header{max-width: 120px !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill{padding-left: 5px !important; height: 38px !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit{flex-basis: 34px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important;}
html body[data-role="usuario"] .topbar .dp-avatar{flex-basis: 32px !important; width: 32px !important; height: 32px !important;}
}

/* ===== ux-v2993.css ===== */
.home76-modal .ref-mobile-back[hidden]{display: none !important;}
.dp93-pick-modal{width: min(94vw, 410px); max-height: min(90vh, 740px); overflow-y: auto; border: 1px solid rgba(255, 129, 30, 0.18); box-shadow: rgba(0, 0, 0, 0.46) 0px 24px 72px; padding: 20px !important; border-radius: 20px !important;}
.dp93-pick-header{display: flex; align-items: center; gap: 15px; margin-bottom: 20px;}
.dp93-pick-header > div{display: grid; gap: 4px; min-width: 0px; flex: 1 1 0%;}
.dp93-pick-header strong{font-size: 20px; color: var(--text);}
.dp93-pick-header small{font-size: 12px; color: var(--muted);}
.dp93-pick-header .dp-sheet-x{position: static; align-self: flex-start; flex: 0 0 34px;}
.dp93-pick-img,.dp93-tri-pic{display: grid; place-items: center; overflow: hidden; background: rgb(241, 243, 245); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; flex: 0 0 auto;}
.dp93-pick-img{width: 76px; height: 76px;}
.dp93-pick-img img,.dp93-tri-pic img{height: 100%; width: 100%; object-fit: contain;}
.dp93-money-label{font-weight: 750; color: var(--text); font-size: 13px; display: block; margin: 7px 0px 9px;}
.dp93-modal-acts{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 10px; margin-top: 20px;}
.dp93-modal-acts .btn,.dp93-modal-acts .ref-button{min-width: 0px; width: 100%; margin: 0px; min-height: 44px; border-radius: 11px; font-weight: 800;}
.dp93-tri-picks{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 9px; margin: 16px 0px 21px;}
.dp93-tri-item{display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0px; text-align: center; padding: 9px 5px; border-radius: 12px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);}
.dp93-tri-item b{color: rgb(255, 140, 48); font-size: 16px;}
.dp93-tri-item span:last-child{font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}
.dp93-tri-pic{width: 66px; height: 66px;}
.dp93-tri-hint{margin: 14px 0px 0px; color: var(--muted); font-size: 13px;}
.dp93-history .anim77-table{border-collapse: separate; border-spacing: 0px; font-size: 13px;}
.dp93-history .anim77-table thead{background: rgb(37, 44, 54);}
.dp93-history .anim77-table th{background: rgb(37, 44, 54); color: rgb(215, 223, 232); font-weight: 800; padding: 14px 12px;}
.dp93-history .anim77-table td{padding: 12px; color: rgb(220, 227, 235); border-bottom: 1px solid rgba(148, 165, 187, 0.15);}
.dp93-history .anim77-table tbody tr:nth-child(2n){background: rgba(142, 155, 176, 0.043);}
.dp93-history .anim77-table tbody tr:hover{background: rgba(255, 134, 37, 0.07);}
.dp93-history .anim77-table td:nth-child(1){font-variant-numeric: tabular-nums; white-space: nowrap;}
.dp93-history .anim77-table td:nth-child(5),.dp93-history .anim77-table td:nth-child(6){font-weight: 800; color: rgb(255, 148, 61);}
.dp93-history .status{border-radius: 999px; padding: 5px 10px; font-weight: 800;}
.dp93-account .form-grid input{min-height: 47px; border-radius: 11px;}

/* ===== ux-v2995.css ===== */
.swal2-container{z-index: 2147483000 !important;}
.swal2-popup{background: rgb(21, 29, 39) !important; color: rgb(248, 250, 252) !important; border-radius: 18px !important; border: 1px solid rgb(51, 67, 88) !important; box-shadow: rgba(0, 0, 0, 0.533) 0px 24px 80px !important;}
.swal2-title{color: rgb(255, 255, 255) !important; font-weight: 900 !important;}
.swal2-html-container,.swal2-content{color: rgb(203, 213, 225) !important; opacity: 1 !important;}
.swal2-icon.swal2-question{border-color: rgb(56, 189, 248) !important; color: rgb(56, 189, 248) !important;}
.swal2-actions{display: flex !important; gap: 12px !important; justify-content: center !important; flex-direction: row !important;}
.swal2-confirm{background: rgb(22, 163, 74) !important; color: white !important; order: 0 !important; font-weight: 800 !important; min-width: 115px !important; border-radius: 10px !important;}
.swal2-cancel{background: rgb(63, 75, 93) !important; color: white !important; order: 1 !important; min-width: 115px !important; border-radius: 10px !important;}
.swal2-html-container,.swal2-title{line-height: 1.5 !important;}
html[data-theme="light"] .swal2-popup,[data-theme="light"] .swal2-popup{background: rgb(255, 255, 255) !important; color: rgb(15, 23, 42) !important; border: 1px solid rgb(226, 232, 240) !important;}
html[data-theme="light"] .swal2-title,[data-theme="light"] .swal2-title{color: rgb(15, 23, 42) !important;}
html[data-theme="light"] .swal2-html-container,[data-theme="light"] .swal2-html-container{color: rgb(51, 65, 85) !important;}
.dp-modal-ov{z-index: 2147482000 !important;}
.dp95-confirm .dp-modal{background: rgb(23, 29, 39); color: rgb(248, 250, 252); max-width: 430px; border: 1px solid rgb(66, 84, 102);}
.dp95-confirm .dp-modal h3{color: rgb(248, 250, 252);}
.dp95-confirm .dp-modal p{color: rgb(213, 223, 233);}
.dp95-confirm .dp-modal-actions{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.dp95-confirm .dp-btn-ghost{color: rgb(226, 232, 240) !important; border: 1px solid rgb(100, 116, 139) !important; background: rgb(38, 49, 64) !important;}
.dp95-prompt-field{width: 100%; padding: 11px; margin: 12px 0px; border: 1px solid rgb(83, 100, 119); border-radius: 10px; background: rgb(34, 43, 54); color: rgb(255, 255, 255);}
.dp95-accept,.dp93-modal-acts .dp95-accept,.dp-modal-actions .dp95-accept{background: rgb(22, 163, 74) !important; color: white !important; border: 1px solid rgb(21, 128, 61) !important; box-shadow: none !important; order: 0 !important;}
.dp93-modal-acts .btn.btn-outline{order: 1 !important;}
.dp93-modal-acts .dp95-accept{grid-column: 1;}
.dp93-modal-acts [data-monto-cancel],.dp93-modal-acts [data-tri-modal-cancel]{grid-column: 2;}
.dp95-notify-btn{position: relative; display: inline-grid; place-items: center; background: transparent; border: 1px solid rgb(57, 71, 90); color: inherit; width: 40px; height: 40px; border-radius: 50%; cursor: pointer;}
.dp95-notify-count{position: absolute; top: -5px; right: -4px; color: white; background: rgb(224, 75, 57); font-size: 10px; border-radius: 20px; padding: 1px 5px;}
.dp95-notices{position: fixed; right: 70px; top: 68px; z-index: 19000; width: min(360px, -24px + 100vw); max-height: 60vh; overflow-y: auto; background: rgb(23, 33, 45); color: rgb(248, 250, 252); border: 1px solid rgb(65, 83, 107); border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.6) 0px 22px 50px; padding: 14px;}
.dp95-notices-head{display: flex; justify-content: space-between; align-items: center;}
.dp95-notices-head button{background: transparent; border: 0px; color: white; font-size: 22px; cursor: pointer;}
.dp95-notices .dp95-note{display: flex; flex-direction: column; gap: 5px; background: rgb(32, 48, 68); border-radius: 10px; margin-top: 8px; padding: 12px;}
.dp95-notices .dp95-note b{color: rgb(54, 211, 153);}
.dp95-notices small{opacity: 0.72;}
[data-theme="light"] .dp95-confirm .dp-modal{background: rgb(255, 255, 255); color: rgb(15, 23, 42);}
[data-theme="light"] .dp95-confirm .dp-modal h3{color: rgb(15, 23, 42);}
[data-theme="light"] .dp95-confirm .dp-modal p{color: rgb(51, 65, 85);}
[data-theme="light"] .dp95-notices{background: white; color: rgb(21, 36, 57);}
[data-theme="light"] .dp95-notices .dp95-note{background: rgb(233, 240, 247);}
@media (max-width: 700px){
.dp95-notices{right: 12px; top: 65px;}
.swal2-popup{width: min(440px, 94vw) !important;}
}
@media (min-width: 901px){
html body[data-page="deportes"] .topbar,html body[data-page="deportes"][data-role="usuario"] .topbar,body[data-page="deportes"] .topbar{left: 0px !important; right: 0px !important; margin-left: 0px !important; width: 100% !important; max-width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important;}
html body[data-page="deportes"] .topbar .brand-header,html body[data-page="deportes"][data-role="usuario"] .topbar .brand-header,body[data-page="deportes"] .topbar .brand-header{margin-left: 0px !important;}
}

/* ===== ux-v301.css ===== */
html body .home75-top{display: grid !important; grid-template-columns: minmax(0px, 1fr) !important; gap: 14px !important; align-items: stretch !important;}
@media (min-width: 1180px){
html body .home75-top{grid-template-columns: minmax(0px, 1.85fr) minmax(400px, 1fr) !important;}
}
html body .home75-top .home75-shortcuts{display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; grid-auto-rows: 1fr !important; gap: 12px !important; align-self: stretch !important; min-height: 0px !important;}
html body .home75-top .home75-shortcut{position: relative !important; isolation: isolate !important; overflow: hidden !important; display: grid !important; grid-template-columns: auto minmax(0px, 1fr) auto !important; grid-template-rows: auto !important; align-items: center !important; justify-content: stretch !important; gap: 14px !important; min-height: 112px !important; height: auto !important; padding: 16px 16px 16px 18px !important; border-radius: 18px !important; text-align: left !important; text-decoration: none !important; background: none rgb(18, 26, 36) !important; border: 1px solid rgb(36, 48, 65) !important; box-shadow: none !important; transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s !important;}
html body .home75-top .home75-shortcut::before{content: "" !important; position: absolute !important; inset: 0px !important; z-index: -1 !important; display: block !important; background: radial-gradient(130% 120% at 0% 0%,var(--dpq-tint,rgba(255,138,31,.16)),transparent 60%) !important; opacity: 1 !important;}
html body .home75-top .home75-shortcut:nth-child(1){--dpq-tint: rgba(22,207,110,.18);}
html body .home75-top .home75-shortcut:nth-child(2){--dpq-tint: rgba(255,166,0,.16);}
html body .home75-top .home75-shortcut:nth-child(3){--dpq-tint: rgba(25,165,242,.18);}
html body .home75-top .home75-shortcut:nth-child(4){--dpq-tint: rgba(255,106,0,.16);}
html body .home75-top .home75-shortcut:hover{transform: translateY(-2px) !important; border-color: rgb(255, 138, 31) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 26px !important;}
html body .home75-top .home75-shortcut > img.home83-shortcut-icon{grid-area: 1 / 1 !important; width: 58px !important; height: 58px !important; min-width: 58px !important; max-width: 58px !important; max-height: 58px !important; flex: 0 0 auto !important; object-fit: contain !important; padding: 9px !important; border-radius: 16px !important; background: rgba(255, 255, 255, 0.05) !important; box-sizing: border-box !important; position: static !important;}
html body .home75-top .home75-shortcut .home83-shortcut-copy{grid-column: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; min-width: 0px !important; background: none !important; border: 0px !important; padding: 0px !important; position: static !important;}
html body .home75-top .home75-shortcut .home83-shortcut-copy strong{display: block !important; font-size: 17px !important; line-height: 1.2 !important; font-weight: 800 !important; color: rgb(255, 255, 255) !important; text-shadow: none !important; white-space: normal !important; overflow: visible !important;}
html body .home75-top .home75-shortcut .home83-shortcut-copy small{display: block !important; font-size: 13px !important; line-height: 1.35 !important; color: rgb(159, 176, 195) !important; white-space: normal !important; overflow: visible !important;}
html body .home75-top .home75-shortcut > .home79-arrow{grid-area: 1 / 3 !important; position: static !important; display: grid !important; place-items: center !important; width: 32px !important; height: 32px !important; min-width: 32px !important; max-width: 32px !important; max-height: 32px !important; border-radius: 50% !important; border: 1.5px solid rgb(255, 138, 31) !important; background: transparent !important; color: rgb(255, 138, 31) !important; font-size: 18px !important; line-height: 1 !important;}
html body .home75-top .home75-shortcut{grid-template-columns: minmax(0px, 1fr) auto !important; grid-template-rows: auto 1fr !important; align-items: start !important; row-gap: 10px !important; min-height: 118px !important; padding: 16px !important;}
html body .home75-top .home75-shortcut > img.home83-shortcut-icon{grid-area: 1 / 1 !important; width: 52px !important; height: 52px !important; min-width: 52px !important; max-width: 52px !important; max-height: 52px !important;}
html body .home75-top .home75-shortcut .home83-shortcut-copy{grid-area: 2 / 1 / auto / -1 !important; align-self: end !important;}
html body .home75-top .home75-shortcut > .home79-arrow{grid-area: 1 / 2 !important;}
html body .home75-top .home75-shortcut .home83-shortcut-copy strong,html body .home75-top .home75-shortcut .home83-shortcut-copy small{white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important;}
@media (min-width: 1180px){
html body .home75-top{grid-template-columns: minmax(0px, 1.55fr) minmax(440px, 1fr) !important;}
}
@media (min-width: 600px) and (max-width: 1179px){
html body .home75-top .home75-shortcuts{grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;}
html body .home75-top .home75-shortcut{min-height: 140px !important;}
}
@media (max-width: 599px){
html body .home75-top .home75-shortcuts{gap: 10px !important;}
html body .home75-top .home75-shortcut{grid-template-columns: auto minmax(0px, 1fr) !important; grid-template-rows: auto !important; align-items: center !important; gap: 10px !important; padding: 12px !important; min-height: 78px !important; border-radius: 16px !important;}
html body .home75-top .home75-shortcut > img.home83-shortcut-icon{grid-row: 1 !important; width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; max-height: 44px !important; padding: 7px !important; border-radius: 13px !important;}
html body .home75-top .home75-shortcut .home83-shortcut-copy{grid-area: 1 / 2 !important; align-self: center !important;}
html body .home75-top .home75-shortcut .home83-shortcut-copy strong{font-size: 15px !important;}
html body .home75-top .home75-shortcut .home83-shortcut-copy small{font-size: 11.5px !important;}
html body .home75-top .home75-shortcut > .home79-arrow{display: none !important;}
}
html[data-theme="light"] body .home75-top .home75-shortcut{background: rgb(255, 255, 255) !important; border-color: rgb(226, 231, 238) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 1px 3px !important;}
html[data-theme="light"] body .home75-top .home75-shortcut:hover{border-color: rgb(232, 115, 12) !important; box-shadow: rgba(15, 23, 42, 0.1) 0px 10px 24px !important;}
html[data-theme="light"] body .home75-top .home75-shortcut > img.home83-shortcut-icon{background: rgb(243, 245, 249) !important;}
html[data-theme="light"] body .home75-top .home75-shortcut .home83-shortcut-copy strong{color: rgb(20, 27, 38) !important;}
html[data-theme="light"] body .home75-top .home75-shortcut .home83-shortcut-copy small{color: rgb(102, 112, 133) !important;}
html[data-theme="light"] body .home75-top .home75-shortcut > .home79-arrow{border-color: rgb(232, 115, 12) !important; color: rgb(232, 115, 12) !important;}
html[data-theme="light"] body .home75-animal{background: rgb(255, 255, 255) !important; border: 1px solid rgb(226, 231, 238) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 1px 3px !important;}
html[data-theme="light"] body .home75-animal{background-image: linear-gradient(135deg, rgba(15, 155, 108, 0.1), rgba(255, 255, 255, 0) 65%) !important;}
html[data-theme="light"] body .home75-animal::before{opacity: 0.06 !important;}
html[data-theme="light"] body .home75-animal strong{color: rgb(20, 27, 38) !important; text-shadow: none !important;}
html[data-theme="light"] .sidebar .nav-entry.active{background: rgb(255, 241, 227) !important; color: rgb(180, 86, 12) !important; box-shadow: rgb(232, 115, 12) 3px 0px 0px inset !important;}
html[data-theme="light"] .sidebar .nav-entry.active *{color: rgb(180, 86, 12) !important;}
html[data-theme="light"] .side-bottom .dp-pc{background: rgb(255, 255, 255) !important; border: 1px solid rgb(226, 231, 238) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 1px 3px !important;}
html[data-theme="light"] .side-bottom .dp-pc strong{color: rgb(20, 27, 38) !important;}
html[data-theme="light"] .side-bottom .dp-pc small,html[data-theme="light"] .side-bottom .dp-pc .pc-txt span{color: rgb(102, 112, 133) !important;}
@media (min-width: 901px){
html body[data-role="usuario"] .topbar{left: 0px !important; right: auto !important; margin-left: var(--dp78-side-w,250px) !important; width: calc(100% - var(--dp78-side-w,250px)) !important; max-width: none !important;}
:root[data-collapsed] body[data-role="usuario"] .topbar{margin-left: var(--dp78-side-w,72px) !important; width: calc(100% - var(--dp78-side-w,72px)) !important; padding-left: 16px !important;}
html body[data-role="usuario"] .topbar{min-width: 0px !important; overflow: visible !important;}
}
@media (min-width: 901px) and (max-width: 1180px){
html body[data-role="usuario"] .topbar{gap: 8px !important; padding-right: 12px !important;}
html body[data-role="usuario"] .topbar .dp-chips{display: none !important;}
html body[data-role="usuario"] .topbar .theme-toggle{width: 40px !important; min-width: 40px !important; padding: 0px !important;}
}
html body .anim-board-wrap .anim-col-left .anim-all-hours{cursor: pointer; display: block !important; width: 100% !important; margin: 4px 0px 10px !important; padding: 10px !important; border-radius: 12px !important; border: 1.5px dashed var(--orange,#ff6a00) !important; background: transparent !important; color: var(--orange,#ff6a00) !important; font-weight: 800 !important;}
html body .anim-board-wrap .anim-col-left .anim-all-hours.selected{background: var(--orange,#ff6a00) !important; color: rgb(255, 255, 255) !important; border-style: solid !important; box-shadow: none !important;}
html body .anim-board-wrap .anim-col-left .anim-sorteos{display: grid !important; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)) !important; flex-direction: initial !important; gap: 6px !important;}
html body .anim-board-wrap .anim-col-left .anim-sorteo{width: auto !important; min-height: 38px !important; padding: 8px 4px !important; border-radius: 10px !important; text-align: center !important; font-size: 12.5px !important; font-weight: 700 !important; justify-content: center !important; white-space: nowrap !important;}
html body .anim-board-wrap .anim-col-left .anim-sorteo.on{box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 2px inset !important;}
@media (max-width: 600px){
html body .anim-grid{grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 6px 4px !important;}
html body .anim-board-wrap .anim-col-left .anim-sorteos{grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;}
html body .anim-board-wrap .anim-col-left .anim-sorteo{font-size: 11.5px !important; padding: 8px 2px !important;}
}
.dp-txf{display: grid; grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(130px, 1fr)); gap: 10px; align-items: end; margin: 0px 0px 14px;}
.dp-txf label{display: flex !important; flex-direction: column !important; gap: 5px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--muted,#8b97a8) !important;}
.dp-txf input,.dp-txf select{min-height: 40px !important; height: 40px !important; padding: 0px 11px !important; border-radius: 10px !important;}
.dp-txf-quick{grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px;}
.dp-txf-quick button{border: 1px solid var(--line,#343a46); background: var(--card2,#1c222a); color: var(--text,#e9eef6); border-radius: 20px; padding: 6px 12px; font-size: 12px; font-weight: 600; cursor: pointer;}
.dp-txf-quick button:hover{border-color: var(--orange,#ff6a00); color: var(--orange,#ff6a00);}
.dp-txf-count{grid-column: 1 / -1; margin: 0px; font-size: 12px; color: var(--muted,#8b97a8);}
@media (max-width: 760px){
.dp-txf{grid-template-columns: 1fr 1fr;}
}
html[data-theme="light"] .anim77-table thead th,html[data-theme="light"] .anim77-table thead{background: rgb(241, 244, 248) !important; color: rgb(51, 65, 85) !important; border-color: rgb(226, 231, 238) !important;}
html[data-theme="light"] .anim77-table tbody td{color: rgb(31, 41, 55) !important; opacity: 1 !important;}
html[data-theme="light"] .anim77-table tbody tr{background: rgb(255, 255, 255) !important;}
html[data-theme="light"] .anim77-table tbody tr:nth-child(2n){background: rgb(248, 250, 252) !important;}
html[data-theme="light"] .anim77-table-scroller{border-color: rgb(226, 231, 238) !important; background: rgb(255, 255, 255) !important;}
html[data-theme="light"] .danli-chat-panel{background: rgb(255, 255, 255) !important; color: rgb(20, 27, 38) !important; border-color: rgb(226, 231, 238) !important; box-shadow: rgba(15, 23, 42, 0.22) 0px 18px 50px !important;}
html[data-theme="light"] .danli-chat-content{background: rgb(246, 248, 251) !important;}
html[data-theme="light"] .danli-chat-bubble{background: rgb(255, 255, 255) !important; color: rgb(20, 27, 38) !important; border: 1px solid rgb(226, 231, 238) !important;}
html[data-theme="light"] .danli-chat-bubble.customer{background: rgb(112, 70, 185) !important; color: rgb(255, 255, 255) !important; border-color: rgb(112, 70, 185) !important;}
html[data-theme="light"] .danli-chat-bubble p,html[data-theme="light"] .danli-chat-bubble small{color: inherit !important;}
html[data-theme="light"] .danli-chat-panel input{background: rgb(255, 255, 255) !important; color: rgb(20, 27, 38) !important; border-color: rgb(211, 218, 228) !important;}
html[data-theme="light"] .danli-chat-panel form{border-top-color: rgb(226, 231, 238) !important; background: rgb(255, 255, 255) !important;}
html[data-theme="light"] .danli-chat-note{color: rgb(102, 112, 133) !important; opacity: 1 !important;}
html[data-theme="light"] .danli-chat-alert{color: rgb(194, 65, 12) !important;}
.danli-chat-bubble.customer,.danli-chat-bubble.customer p,.danli-chat-bubble.customer small{color: rgb(255, 255, 255) !important;}
.danli-chat-bubble p{color: inherit !important;}
html[data-theme="light"] .anim77-table th button{color: rgb(51, 65, 85) !important;}
@media (min-width: 901px){
html body .layout > .sidebar{display: flex !important; flex-direction: column !important; height: 100dvh !important; max-height: 100dvh !important; position: sticky !important; top: 0px !important; overflow: hidden !important;}
html body .layout > .sidebar > nav{scrollbar-width: thin; flex: 1 1 auto !important; min-height: 0px !important; overflow-y: auto !important;}
html body .layout > .sidebar > .side-bottom{background: inherit; flex: 0 0 auto !important; overflow: visible !important; padding-bottom: 12px !important;}
}
html[data-theme="light"] body .home79-sport,html[data-theme="light"] body .home75-card.home75-sport{background: none rgb(255, 255, 255) !important; border: 1px solid rgb(226, 231, 238) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 1px 3px !important; color: rgb(20, 27, 38) !important;}
html[data-theme="light"] body .home79-sport::before,html[data-theme="light"] body .home79-sport::after{display: none !important;}
html[data-theme="light"] body .home79-sport .home79-league{color: rgb(100, 116, 139) !important; opacity: 1 !important;}
html[data-theme="light"] body .home79-sport .home79-time{color: rgb(232, 115, 12) !important;}
html[data-theme="light"] body .home79-sport .home79-teams b{color: rgb(20, 27, 38) !important; text-shadow: none !important;}
html[data-theme="light"] body .home79-sport .home79-teams em{color: rgb(148, 163, 184) !important;}
html[data-theme="light"] body .home79-sport .home79-odd{background: rgb(241, 244, 248) !important; border: 1px solid rgb(226, 231, 238) !important; color: rgb(20, 27, 38) !important;}
html[data-theme="light"] body .home79-sport .home79-odd em{color: rgb(100, 116, 139) !important;}
html[data-theme="light"] body .home79-sport .home79-odd b{color: rgb(20, 27, 38) !important;}
html[data-theme="light"] body .home79-crest-fallback{background: rgb(226, 232, 240) !important; color: rgb(51, 65, 85) !important;}
html[data-theme="light"] .dp79-side-avatar{background: rgb(241, 244, 248) !important; color: rgb(232, 115, 12) !important; border: 1px solid rgb(226, 231, 238) !important;}
.dpa{display: flex; flex-direction: column; gap: 16px; --dpa-card: var(--card,#151b23); --dpa-soft: var(--card2,#1b222c); --dpa-line: var(--line,#2a3442); --dpa-txt: var(--text,#e9eef6); --dpa-mut: var(--muted,#8b97a8); --dpa-or: var(--orange,#ff7d1f);}
.dpa-hero{position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 20px; align-items: center; padding: 26px 28px; border-radius: 22px; color: rgb(255, 255, 255); background: radial-gradient(120% 140% at 0% 0%, rgba(255, 138, 31, 0.333), transparent 55%), radial-gradient(90% 120% at 100% 100%, rgba(124, 58, 237, 0.267), transparent 60%), linear-gradient(135deg, rgb(20, 26, 36), rgb(11, 15, 22)); border: 1px solid rgb(42, 52, 66);}
.dpa-id{display: flex; align-items: center; gap: 18px; min-width: 0px;}
.dpa-avatar{width: 76px; height: 76px; flex: 0 0 76px; border-radius: 50%; display: grid; place-items: center; font-size: 28px; font-weight: 900; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(255, 154, 51), rgb(255, 106, 0)); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 4px, rgba(255, 106, 0, 0.35) 0px 10px 26px;}
.dpa-who{min-width: 0px;}
.dpa-kicker{font-size: 11px; font-weight: 800; letter-spacing: 0.12em; color: rgb(255, 176, 102);}
.dpa-who h1{margin: 4px 0px 2px; font-size: 28px; line-height: 1.1; color: rgb(255, 255, 255); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dpa-who p{margin: 0px 0px 10px; color: rgb(184, 196, 211); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dpa-badge{display: inline-block; font-size: 12px; font-weight: 800; padding: 4px 11px; border-radius: 20px;}
.dpa-badge.ok{background: rgba(34, 197, 94, 0.16); color: rgb(74, 222, 128);}
.dpa-badge.warn{background: rgba(255, 166, 0, 0.18); color: rgb(255, 194, 102);}
.dpa-wallet{min-width: 300px; padding: 18px 20px; border-radius: 18px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
.dpa-wallet small{color: rgb(184, 196, 211); font-size: 12px;}
.dpa-wallet strong{display: block; font-size: 32px; font-weight: 900; margin: 2px 0px 14px; color: rgb(255, 255, 255); letter-spacing: -0.01em;}
.dpa-wallet-actions{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.dpa-btn{display: flex; align-items: center; justify-content: center; gap: 7px; padding: 11px 12px; border-radius: 12px; font-weight: 800; text-decoration: none; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.18);}
.dpa-btn:hover{background: rgba(255, 255, 255, 0.16);}
.dpa-btn-main{background: linear-gradient(rgb(255, 154, 51), rgba(255, 106, 0)); border-color: transparent; color: rgb(17, 17, 17);}
.dpa-btn-main:hover{filter: brightness(1.05); background: linear-gradient(rgb(255, 154, 51), rgba(255, 106, 0));}
.dpa-quick{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px;}
.dpa-qa{display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; background: var(--dpa-card); border: 1px solid var(--dpa-line); text-decoration: none; color: var(--dpa-txt); transition: transform 0.15s, border-color 0.15s;}
.dpa-qa:hover{transform: translateY(-2px); border-color: var(--dpa-or);}
.dpa-qa > span:nth-child(2){flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column;}
.dpa-qa b{font-size: 14px;}
.dpa-qa small{color: var(--dpa-mut); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dpa-qa-ic{width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(255, 138, 31, 0.12); color: var(--dpa-or);}
.dpa-qa-go{color: var(--dpa-mut); font-size: 20px;}
.dpa-tabs{display: inline-flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--dpa-soft); border: 1px solid var(--dpa-line); align-self: flex-start;}
.dpa-tab{display: flex; align-items: center; gap: 7px; padding: 9px 18px; border: 0px; border-radius: 10px; background: none; color: var(--dpa-mut); font-weight: 700; cursor: pointer;}
.dpa-tab.active{background: var(--dpa-card); color: var(--dpa-txt); box-shadow: 0 1px 3px rgba(0,0,0,.18),inset 0 -2px 0 var(--dpa-or);}
.dpa-layout{display: grid; grid-template-columns: minmax(0px, 1fr) 340px; gap: 16px; align-items: start;}
.dpa-main{display: flex; flex-direction: column; gap: 16px; min-width: 0px;}
.dpa-card{background: var(--dpa-card); border: 1px solid var(--dpa-line); border-radius: 18px; padding: 22px; color: var(--dpa-txt);}
.dpa-card header{margin-bottom: 16px;}
.dpa-card h2{margin: 0px; font-size: 19px;}
.dpa-card header p{margin: 4px 0px 0px; color: var(--dpa-mut); font-size: 13px;}
.dpa-fields{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
.dpa-field{display: flex; align-items: center; gap: 12px; padding: 13px 14px; border-radius: 14px; background: var(--dpa-soft); border: 1px solid var(--dpa-line); min-width: 0px;}
.dpa-field > div{min-width: 0px;}
.dpa-field small{display: block; color: var(--dpa-mut); font-size: 11.5px;}
.dpa-field strong{display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dpa-fic{width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; display: grid; place-items: center; background: rgba(255, 138, 31, 0.12); color: var(--dpa-or);}
.dpa-note{display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: rgba(255, 138, 31, 0.08); border: 1px solid rgba(255, 138, 31, 0.22); color: var(--dpa-txt); font-size: 13px; line-height: 1.45;}
.dpa-note a{color: var(--dpa-or); font-weight: 700;}
.dpa-form input{min-height: 46px !important; border-radius: 12px !important;}
.dpa-form-actions{display: flex; flex-wrap: wrap; align-items: center; gap: 12px;}
.dpa-form-actions .helper{margin: 0px;}
.dpa-balance{display: flex; justify-content: space-between; align-items: flex-end; padding: 18px; border-radius: 16px; background: linear-gradient(135deg, rgba(255, 138, 31, 0.16), rgba(255, 138, 31, 0.04)); border: 1px solid rgba(255, 138, 31, 0.25); margin-bottom: 14px;}
.dpa-balance small{color: var(--dpa-mut); font-size: 12px;}
.dpa-balance strong{display: block; font-size: 28px; font-weight: 900;}
.dpa-balance span{color: var(--dpa-mut); font-size: 12px;}
.dpa-grid2{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
.dpa-tile{display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; background: var(--dpa-soft); border: 1px solid var(--dpa-line); text-decoration: none; color: var(--dpa-txt);}
.dpa-tile:hover{border-color: var(--dpa-or);}
.dpa-tile small{color: var(--dpa-mut); font-size: 12.5px;}
.dpa-session{display: flex; align-items: center; gap: 14px;}
.dpa-session > div{flex: 1 1 0%;}
.dpa-session p{margin: 4px 0px 0px; color: var(--dpa-mut); font-size: 13px;}
.dpa-aside h3{margin: 0px 0px 14px; font-size: 16px;}
.dpa-progress{display: flex; align-items: center; gap: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--dpa-line);}
.dpa-ring{--p: 0; width: 86px; height: 86px; flex: 0 0 86px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--dpa-or) calc(var(--p)*1%),var(--dpa-soft) 0);}
.dpa-ring span{width: 68px; height: 68px; border-radius: 50%; display: grid; place-items: center; background: var(--dpa-card); font-weight: 900; font-size: 17px;}
.dpa-progress p{margin: 4px 0px; font-size: 13px; color: var(--dpa-mut); display: flex; gap: 8px; align-items: center;}
.dpa-progress p.ok{color: var(--dpa-txt);}
.dpa-progress p i{font-style: normal; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; background: var(--dpa-soft);}
.dpa-progress p.ok i{background: rgb(22, 163, 74); color: rgb(255, 255, 255);}
.dpa-tips{display: flex; flex-direction: column; gap: 12px; padding: 16px 0px;}
.dpa-tips div{display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--dpa-txt);}
.dpa-tips svg{flex: 0 0 auto; margin-top: 1px;}
.dpa-link{color: var(--dpa-or); font-weight: 800; text-decoration: none;}
html[data-theme="light"] .dpa{--dpa-card: #fff; --dpa-soft: #f4f6fa; --dpa-line: #e3e8ef; --dpa-txt: #141b26; --dpa-mut: #667085; --dpa-or: #e8730c;}
html[data-theme="light"] .dpa-card,html[data-theme="light"] .dpa-qa{box-shadow: rgba(15, 23, 42, 0.05) 0px 1px 3px;}
html[data-theme="light"] .dpa-tab.active{box-shadow: 0 1px 3px rgba(15,23,42,.10),inset 0 -2px 0 var(--dpa-or);}
@media (max-width: 1180px){
.dpa-layout{grid-template-columns: minmax(0px, 1fr);}
.dpa-quick{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 760px){
.dpa-hero{grid-template-columns: minmax(0px, 1fr); padding: 20px 18px; border-radius: 18px;}
.dpa-avatar{width: 60px; height: 60px; flex-basis: 60px; font-size: 22px;}
.dpa-who h1{font-size: 22px;}
.dpa-wallet{min-width: 0px;}
.dpa-wallet strong{font-size: 28px;}
.dpa-quick{gap: 8px;}
.dpa-qa{padding: 12px; gap: 10px;}
.dpa-qa-go{display: none;}
.dpa-qa-ic{width: 36px; height: 36px; flex-basis: 36px;}
.dpa-tabs{display: grid; grid-template-columns: repeat(3, 1fr); width: 100%;}
.dpa-tab{justify-content: center; padding: 9px 6px;}
.dpa-fields,.dpa-grid2{grid-template-columns: minmax(0px, 1fr);}
.dpa-card{padding: 16px; border-radius: 16px;}
.dpa-session{flex-wrap: wrap;}
}
.dpa svg.ico{width: 20px; height: 20px; color: inherit;}
.dpa .ico-sm{width: 17px; height: 17px;}
.dpa-tab svg{color: var(--dpa-or);}
.dpa-tips svg{color: var(--dpa-or);}
.dpa-note svg{color: var(--dpa-or); flex: 0 0 auto; margin-top: 1px;}
.mv-bal{display: flex; flex-direction: column; gap: 8px; margin: -4px 0px 12px;}
.mv-bal-btn{align-self: flex-start; border: 1px dashed var(--orange,#ff6a00); background: transparent; color: var(--orange,#ff6a00); font-weight: 800; border-radius: 10px; padding: 8px 14px; cursor: pointer;}
.mv-bal-btn:disabled{opacity: 0.6; cursor: wait;}
.mv-bal-res{border-radius: 12px; padding: 12px 14px; display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; font-size: 13px;}
.mv-bal-res.ok{background: rgba(22, 207, 110, 0.1); border: 1px solid rgba(22, 207, 110, 0.35);}
.mv-bal-res.ok small{display: block; color: var(--muted,#8b97a8); font-size: 11.5px;}
.mv-bal-res.ok b{font-size: 20px; font-weight: 900;}
.mv-bal-res.ok span{color: var(--muted,#8b97a8);}
.mv-bal-res.err{background: rgba(240, 82, 82, 0.1); border: 1px solid rgba(240, 82, 82, 0.35); color: rgb(240, 82, 82);}
html[data-theme="light"] .mv-bal-res.ok b{color: rgb(15, 155, 108);}
html[data-theme="light"] .mv-bal-res.err{color: rgb(217, 45, 32);}
.cron-raw-spa{margin: 8px 0px 0px; max-height: 320px; overflow: auto; padding: 12px 14px; border-radius: 12px; background: var(--dp-code-bg,#0a1220); border: 1px solid rgba(127, 140, 160, 0.25); font: 12px / 1.6 ui-monospace, Menlo, Consolas, monospace; white-space: pre; color: inherit;}
html[data-theme="light"] .cron-raw-spa{background: rgb(244, 246, 250); color: rgb(15, 23, 42);}
.layout > .main{display: flex !important; flex-direction: column !important; min-height: 100dvh !important; min-width: 0px !important; box-sizing: border-box !important;}
.layout > .main > .dp-footer{margin-top: auto !important; flex-shrink: 0 !important;}
@supports not (min-height: 100dvh){
.layout > .main{min-height: 100vh !important;}
}
.layout > .main .home75{width: 100%; box-sizing: border-box; min-width: 0px !important; max-width: 100% !important;}
.layout > .main .home75-section{display: block; width: 100%; box-sizing: border-box; overflow: hidden; min-width: 0px !important; max-width: 100% !important;}
.layout > .main .home75-track{display: flex; flex-wrap: nowrap; width: 100%; max-width: 100%; box-sizing: border-box; overflow: auto hidden; overscroll-behavior-x: contain; min-width: 0px !important;}
.layout > .main .home75-track > .home75-card{flex-shrink: 0; min-width: 0px;}
.layout > .main .home75-title{min-width: 0px; max-width: 100%;}
.layout > .main .home75-title h2{min-width: 0px;}
.layout > .main .home75-controls{flex-shrink: 0;}
.layout > .main .ref-recharge,.layout > .main .ref-recharge.ref-shell{width: 100%; max-width: none; min-width: 0px; margin-inline: 0px; box-sizing: border-box;}
.layout > .main .ref-recharge-content,.layout > .main .ref-recharge-left,.layout > .main .ref-recharge-right{min-width: 0px; max-width: 100%;}
@media (min-width: 991px){
.layout > .main .ref-recharge-content{grid-template-columns: minmax(0px, 1.58fr) minmax(320px, 1fr);}
}
img.dp-image-loading{background-color: rgba(120, 136, 152, 0.13); background-image: linear-gradient(105deg, transparent 25%, rgba(205, 217, 230, 0.19) 48%, transparent 73%); background-size: 210% 100%; animation: 1.5s ease-in-out 0s infinite normal none running dp-img-shimmer; color: transparent;}
img.dp-image-ready{animation: 0.24s ease-out 0s 1 normal both running dp-img-appear;}
@keyframes dp-img-shimmer { 
  0% { background-position: 180% 0px; }
  100% { background-position: -180% 0px; }
}
@keyframes dp-img-appear { 
  0% { opacity: 0.25; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce){
img.dp-image-loading,img.dp-image-ready{animation: auto ease 0s 1 normal none running none !important;}
}

/* ===== cards-campaigns-v3712.css ===== */
.anim-lot[data-lottery-theme]{position: relative; isolation: isolate; overflow: hidden; min-height: 126px; min-width: 145px; transition: transform 0.15s, border-color 0.15s; background-color: rgb(24, 53, 43) !important; background-size: cover !important; background-position: center center !important; border-color: rgb(56, 69, 78) !important; color: rgb(241, 244, 242) !important;}
.anim-lot[data-lottery-theme] > *{position: relative; z-index: 1;}
.anim-lot[data-lottery-theme] small{color: rgb(214, 222, 217) !important;}
.anim-lot[data-lottery-theme] .anim-lot-ic{filter: drop-shadow(rgba(0, 0, 0, 0.533) 0px 3px 7px);}
.anim-lot[data-lottery-theme]:hover{transform: translateY(-2px); border-color: rgb(255, 146, 40) !important;}
.anim-lot[data-lottery-theme="lotto_activo"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.91), rgba(20, 27, 32, 0.8)), url("/img/cards/lotto_activo.svg") !important;}
.anim-lot[data-lottery-theme="granjita"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.91), rgba(20, 27, 32, 0.8)), url("/img/cards/granjita.svg") !important;}
.anim-lot[data-lottery-theme="guacharo"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.91), rgba(20, 27, 32, 0.8)), url("/img/cards/guacharo.svg") !important;}
.anim-lot[data-lottery-theme="selva_plus"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.91), rgba(20, 27, 32, 0.8)), url("/img/cards/selva_plus.svg") !important;}
.operator-tile[data-operator-theme]{--brand: #1a9fd9; position: relative; isolation: isolate; overflow: hidden; transition: transform 0.15s, border-color 0.15s; background: radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 70%),linear-gradient(140deg,#18242e,#10171d) !important; color: rgb(228, 235, 240) !important; border: 1px solid color-mix(in srgb,var(--brand) 30%,#33404a) !important;}
.operator-tile[data-operator-theme]::before{content: ""; position: absolute; z-index: -1; width: 150px; height: 150px; right: -55px; bottom: -65px; border: 1px solid color-mix(in srgb,var(--brand) 30%,transparent); border-radius: 50%; box-shadow: 0 0 0 20px color-mix(in srgb,var(--brand) 5%,transparent),0 0 0 40px color-mix(in srgb,var(--brand) 6%,transparent),0 0 0 60px color-mix(in srgb,var(--brand) 4%,transparent);}
.operator-tile[data-operator-theme]::after{content: ""; position: absolute; z-index: -1; left: 15px; bottom: 14px; width: 30px; height: 3px; border-radius: 4px; background: var(--brand); opacity: 0.6;}
.operator-tile[data-operator-theme="movilnet"]{--brand: #ff5919;}
.operator-tile[data-operator-theme="digitel"]{--brand: #ed087f;}
.operator-tile[data-operator-theme="movistar"]{--brand: #00a9e7;}
.operator-tile[data-operator-theme="inter"]{--brand: #147dea;}
.operator-tile[data-operator-theme="simpletv"]{--brand: #1b9dec;}
.operator-tile[data-operator-theme="cantv"]{--brand: #5980e7;}
.operator-tile[data-operator-theme]:hover{transform: translateY(-2px); border-color: var(--brand) !important;}
.operator-tile[data-operator-theme].selected{border: 2px solid rgb(255, 139, 27) !important; box-shadow: rgba(255, 139, 27, 0.19) 0px 0px 0px 1px !important;}
.operator-tile[data-operator-theme] .operator-logo-box{filter: drop-shadow(rgba(0, 0, 0, 0.333) 0px 2px 4px);}
:root[data-theme="light"] .operator-tile[data-operator-theme]{background: radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--brand) 15%,transparent),transparent 75%),linear-gradient(140deg,#f4f6f6,#e4e9ed) !important; color: rgb(38, 54, 68) !important;}
:root[data-theme="light"] .anim-lot[data-lottery-theme]{background-color: rgb(255, 255, 255) !important; background-image: linear-gradient(145deg, rgb(255, 255, 255) 0%, rgb(248, 250, 252) 100%) !important; border: 1px solid rgb(226, 232, 240) !important; color: rgb(15, 23, 42) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 2px 8px !important;}
:root[data-theme="light"] .anim-lot[data-lottery-theme] b{color: rgb(15, 23, 42) !important;}
:root[data-theme="light"] .anim-lot[data-lottery-theme] small{color: rgba(255, 106, 0) !important; font-weight: 700 !important;}
:root[data-theme="light"] .anim-lot[data-lottery-theme] .anim-lot-ic{filter: drop-shadow(rgba(0, 0, 0, 0.08) 0px 2px 6px) !important;}
:root[data-theme="light"] .anim-lot[data-lottery-theme]:hover{transform: translateY(-2px); border-color: rgba(255, 106, 0) !important; box-shadow: rgba(255, 106, 0, 0.18) 0px 4px 14px !important;}
:root[data-theme="light"] .anim-lot[data-lottery-theme="lotto_activo"]{background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(240, 253, 244, 0.9)), url("/img/cards/lotto_activo.svg") !important;}
:root[data-theme="light"] .anim-lot[data-lottery-theme="granjita"]{background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(254, 243, 199, 0.9)), url("/img/cards/granjita.svg") !important;}
:root[data-theme="light"] .anim-lot[data-lottery-theme="guacharo"]{background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(254, 226, 226, 0.9)), url("/img/cards/guacharo.svg") !important;}
:root[data-theme="light"] .anim-lot[data-lottery-theme="selva_plus"]{background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(236, 253, 245, 0.9)), url("/img/cards/selva_plus.svg") !important;}
@media (prefers-reduced-motion: reduce){
.anim-lot[data-lottery-theme],.operator-tile[data-operator-theme]{transition: none;}
}
.anim-card > .anim-lots{display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 174px)); gap: 14px; align-items: stretch;}
.anim-card .anim-lot[data-lottery-theme]{min-width: 0px; min-height: 160px; padding: 14px 12px; gap: 7px; box-sizing: border-box; justify-content: center;}
.anim-card .anim-lot[data-lottery-theme] .anim-lot-ic{display: grid; place-items: center; width: 80px; height: 80px; flex: 0 0 auto; filter: drop-shadow(rgba(0, 0, 0, 0.333) 0px 3px 7px);}
.anim-card .anim-lot[data-lottery-theme] .anim-lot-ic img{max-width: none; max-height: none; object-fit: contain; width: 76px !important; height: 76px !important;}
.anim-card .anim-lot[data-lottery-theme] .anim-lot-ic svg{width: 54px; height: 54px;}
.anim-card .anim-lot[data-lottery-theme] b{font-size: 14px; line-height: 1.25;}
.anim-card .anim-lot[data-lottery-theme] small{font-size: 12px;}
@media (max-width: 500px){
.anim-card > .anim-lots{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
}
.anim-card .tripleta-lot[data-lottery-theme]{min-height: 188px;}
.tripleta-mark{display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.1px; color: rgb(229, 189, 121);}
.tripleta-mark i{font-style: normal; font-size: 10px; letter-spacing: 1px; color: rgb(223, 172, 89);}
.ref-selected.ref-brandcard{position: relative; isolation: isolate; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.208) 0px 1px 0px inset, rgba(0, 0, 0, 0.07) 0px -1px 0px inset;}
.ref-selected.ref-brandcard > div{position: relative; z-index: 1;}
.ref-selected.ref-brandcard::before{content: ""; position: absolute; pointer-events: none; z-index: 0; right: -9%; top: -95%; width: 48%; height: 290%; transform: rotate(24deg); background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.03) 12%, rgba(255, 255, 255, 0.153) 48%, rgba(255, 255, 255, 0.075) 51%, transparent 90%);}
.ref-selected.ref-brandcard::after{content: ""; position: absolute; inset: 0px; pointer-events: none; border-radius: inherit; background: linear-gradient(rgba(255, 255, 255, 0.075), transparent 52%, rgba(0, 0, 0, 0.03)); box-shadow: rgba(255, 255, 255, 0.082) 0px 0px 0px 1px inset;}
.ref-recharge-right #recharge-form button[type="submit"]{position: relative; isolation: isolate; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.29) 0px 1px 0px inset, rgba(230, 108, 17, 0.09) 0px 6px 16px;}
.ref-recharge-right #recharge-form button[type="submit"]::after{content: ""; position: absolute; pointer-events: none; inset: -100% auto -100% -60%; width: 45%; transform: skewX(-23deg); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.19), transparent); transition: left 0.45s;}
.ref-recharge-right #recharge-form button[type="submit"]:hover::after,.ref-recharge-right #recharge-form button[type="submit"]:focus-visible::after{left: 120%;}
@media (prefers-reduced-motion: reduce){
.ref-recharge-right #recharge-form button[type="submit"]::after{transition: none;}
}

/* ===== sidebar-elegante.css ===== */
body[data-role="usuario"] .sidebar{--menu-ink: #c3cedb; --menu-soft: #a5b3c4; --menu-hover: #ffffff08; --menu-active: linear-gradient(100deg,#ff851d25,#ff851d0a);}
html[data-theme="light"] body[data-role="usuario"] .sidebar{--menu-ink: #465568; --menu-soft: #58697c; --menu-hover: #162e4710; --menu-active: linear-gradient(100deg,#ff851d22,#ff851d09);}
body[data-role="usuario"] .sidebar > nav{padding-top: 8px !important;}
body[data-role="usuario"] .sidebar .nav-entry{box-sizing: border-box; position: relative; display: flex; align-items: center; min-height: 44px; border: 0px; font-weight: 500; transition: background 0.16s, color 0.16s; gap: 12px !important; height: 44px !important; margin: 4px 0px !important; padding: 0px 13px !important; border-radius: 10px !important; background: transparent !important; color: var(--menu-ink) !important; font-size: 14px !important;}
body[data-role="usuario"] .sidebar .nav-entry:hover{background: var(--menu-hover) !important; color: var(--text,#edf0f5) !important;}
body[data-role="usuario"] .sidebar .nav-entry.active{background: var(--menu-active) !important; box-shadow: rgb(255, 134, 28) 3px 0px inset !important; color: rgb(255, 183, 121) !important;}
html[data-theme="light"] body[data-role="usuario"] .sidebar .nav-entry.active{color: rgb(159, 73, 8) !important;}
body[data-role="usuario"] .sidebar .nav-entry.active::before{display: none !important;}
body[data-role="usuario"] .sidebar .nav-entry .nav-icon,body[data-role="usuario"] .sidebar .nav-entry.active .nav-icon,html[data-theme="light"] body[data-role="usuario"] .sidebar .nav-entry.active .nav-icon{flex: 0 0 20px; display: grid; place-items: center; color: var(--menu-ink) !important;}
body[data-role="usuario"] .sidebar .brand-icon{filter: grayscale(1) brightness(0) invert(0.84) !important; opacity: 1 !important; width: 19px !important; height: 19px !important;}
html[data-theme="light"] body[data-role="usuario"] .sidebar .brand-icon{filter: grayscale(1) brightness(0) invert(0.34) !important;}
body[data-role="usuario"] .sidebar .dp79-side-user{gap: 10px; padding: 6px 5px 18px !important;}
body[data-role="usuario"] .sidebar .dp79-side-avatar{box-shadow: rgba(255, 255, 255, 0.04) 0px 1px inset; border-radius: 14px !important; background: rgb(52, 59, 68) !important; color: rgb(237, 240, 245) !important;}
body[data-role="usuario"] .sidebar .dp79-side-identity small{color: var(--menu-soft) !important;}
body[data-role="usuario"] .sidebar .side-bottom{border-top: 1px solid var(--line,#35404a); padding-top: 8px !important;}
body[data-role="usuario"] .sidebar .dp-support-btn{border-radius: 10px; min-height: 44px; font-size: 13px; border-top: 0px !important; padding: 11px 10px !important; color: var(--menu-ink) !important;}
body[data-role="usuario"] .sidebar .dp-support-btn:hover{background: var(--menu-hover) !important;}
body[data-role="usuario"] .sidebar .dp-pc{border-radius: 12px !important; box-shadow: none !important;}
body[data-role="usuario"] .sidebar .badge247{border-radius: 6px; padding: 2px 6px; font-style: normal; background: rgb(23, 62, 50) !important; color: rgb(105, 228, 180) !important;}
@media (max-width: 900px){
body[data-role="usuario"] .sidebar{padding: 16px 12px !important;}
body[data-role="usuario"] .sidebar .dp79-side-user{padding-top: 12px !important; padding-right: 32px !important;}
body[data-role="usuario"] .sidebar .nav-entry{min-height: 46px; height: 46px !important; margin: 3px 0px !important;}
body[data-role="usuario"] .sidebar > nav{min-height: 0px; flex: 1 1 0%; overflow-y: auto !important;}
body[data-role="usuario"] .sidebar .side-bottom{flex-shrink: 0;}
}
@media (prefers-reduced-motion: reduce){
body[data-role="usuario"] .sidebar .nav-entry{transition: none;}
}

/* ===== adaptive-ui.css ===== */
:root{--dp-unit: 1px; --dp-space-1: calc(4 * var(--dp-unit)); --dp-space-2: calc(8 * var(--dp-unit)); --dp-space-3: calc(12 * var(--dp-unit)); --dp-space-4: calc(16 * var(--dp-unit)); --dp-space-6: calc(24 * var(--dp-unit)); --dp-font-small: 12px; --dp-font-body: 15px; --dp-font-control: 14px; --dp-font-title: 20px; --dp-font-page: 32px; --dp-radius: calc(12 * var(--dp-unit)); --dp-safe-top: env(safe-area-inset-top,0px); --dp-safe-bottom: env(safe-area-inset-bottom,0px); --dp-safe-left: env(safe-area-inset-left,0px); --dp-safe-right: env(safe-area-inset-right,0px);}
html{text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
@media (max-width: 767px){
:root{--dp-unit: clamp(.9px,calc(100vw / 390),1px); --dp-font-page: clamp(26px,7vw,30px); --dp-font-title: clamp(18px,4.8vw,20px);}
}
body[data-role="usuario"]{font-size: var(--dp-font-body); line-height: 1.45;}
body[data-role="usuario"] :is(.btn, .ref-button, .dp-tab, .dpa-btn){font-family: inherit; font-size: var(--dp-font-control); font-weight: 600 !important;}
body[data-role="usuario"] :is(.home75-shortcut strong, .home83-shortcut-copy strong){line-height: 1.25; font-size: var(--dp-font-title) !important; font-weight: 650 !important;}
body[data-role="usuario"] :is(.home83-shortcut-copy small, .helper, .ref-caution){font-size: var(--dp-font-small); line-height: 1.5;}
body[data-role="usuario"] :is(.operators-grid, .anim-lots){gap: var(--dp-space-3);}
body[data-role="usuario"] :is(.form-grid, .payment-dialog-grid){gap: var(--dp-space-4);}
body[data-role="usuario"] .anim-lot{border-radius: var(--dp-radius);}
body[data-role="usuario"] :is(input, select, textarea){font-family: inherit;}
body[data-role="usuario"] :is(button, a, [role="button"]){touch-action: manipulation;}
html.dp-ios :is(input, select, textarea){font-size: max(16px, 1em) !important;}
html.dp-standalone body{min-height: 100dvh; overscroll-behavior-y: none;}
@media (max-width: 900px){
body[data-role="usuario"] .topbar{padding-left: max(12px,var(--dp-safe-left)) !important; padding-right: max(12px,var(--dp-safe-right)) !important;}
body[data-role="usuario"] .main{padding-left: max(12px,var(--dp-safe-left)) !important; padding-right: max(12px,var(--dp-safe-right)) !important;}
body[data-role="usuario"] .mobile-bottom-nav{padding-left: max(4px,var(--dp-safe-left)) !important; padding-right: max(4px,var(--dp-safe-right)) !important; padding-bottom: calc(5px + var(--dp-safe-bottom)) !important;}
body[data-role="usuario"] .sidebar{padding-top: max(16px,var(--dp-safe-top)) !important; padding-bottom: max(12px,var(--dp-safe-bottom)) !important;}
body[data-role="usuario"] :is(.dp-tab, .btn, .ref-button, .dpa-btn){min-height: 44px;}
body[data-role="usuario"] .dp-initial-loader{padding-top: var(--dp-safe-top); padding-bottom: var(--dp-safe-bottom);}
html.dp-standalone body[data-role="usuario"] .topbar{padding-top: var(--dp-safe-top) !important; height: calc(68px + var(--dp-safe-top)) !important;}
html.dp-standalone body[data-role="usuario"] .main{scroll-margin-top: calc(68px + var(--dp-safe-top));}
html.dp-standalone .payment-dialog{max-height: calc(100dvh - var(--dp-safe-top) - var(--dp-safe-bottom) - 24px);}
html.dp-keyboard-open body .payment-dialog{max-height: calc(var(--dp-vv-height,100dvh) - 24px); scroll-padding-block: 20px;}
}
@media (orientation: landscape) and (max-height: 500px){
.payment-dialog{margin-block: 8px; max-height: calc(100dvh - 16px) !important;}
body[data-role="usuario"] .sidebar .dp79-side-head{padding-bottom: 4px;}
}
@media (prefers-reduced-motion: reduce){
body[data-role="usuario"] :is(.nav-entry, .btn, .dp-tab){transition: none !important;}
}
.dp-native-confirm{box-sizing: border-box; width: min(420px, 100% - 32px); max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid var(--line,#394454); border-radius: 16px; padding: 24px; background: var(--card,#242a31); color: var(--text,#eef1f6); box-shadow: rgba(0, 0, 0, 0.533) 0px 20px 60px;}
.dp-native-confirm::backdrop{background: rgba(0, 0, 0, 0.533);}
.dp-native-confirm h2{font-size: 20px; margin: 0px 0px 12px;}
.dp-native-confirm p{font-size: 14px; line-height: 1.6; margin: 0px 0px 22px;}
.dp-native-confirm-actions{display: flex; justify-content: flex-end; gap: 10px;}
.dp-native-confirm-actions button{min-height: 44px;}
@media (max-width: 400px){
.dp-native-confirm{padding: 18px;}
.dp-native-confirm-actions{display: grid; grid-template-columns: 1fr 1fr;}
}
.practice-module{padding: 18px !important;}
.practice-module > .practice-heading{margin-bottom: 10px;}
.practice-module > .practice-heading h2{font-size: 20px;}
.practice-module > .practice-heading p{font-size: 12px; margin: 4px 0px 0px;}
.practice-module > .dp-tabs{gap: 20px; border-bottom: 1px solid var(--line); margin: 0px 0px 10px;}
.practice-module > .dp-tabs .dp-tab{border: 0px; border-radius: 0px; padding: 9px 0px; color: var(--muted); min-height: 38px; background: transparent !important; box-shadow: none !important;}
.practice-module > .dp-tabs .dp-tab.active{border-bottom: 2px solid rgb(255, 134, 28); color: rgb(255, 156, 76);}
.practice-module [data-practice-message]:empty{display: none;}
.practice-module .practice-heading{gap: 10px; margin: 8px 0px;}
.practice-compact-table{table-layout: fixed; width: 100%;}
.practice-compact-table th:nth-child(1){width: 25%;}
.practice-compact-table th:nth-child(2){width: 24%;}
.practice-compact-table th:nth-child(3){width: 24%;}
.practice-compact-table th:nth-child(4){width: 27%;}
.practice-compact-table td,.practice-compact-table th{font-size: 13px; vertical-align: middle; padding: 12px 10px !important; white-space: normal !important;}
.practice-compact-table td small{font-size: 11px; line-height: 1.5; display: block; margin-top: 3px; overflow-wrap: anywhere;}
.practice-compact-table .practice-row-actions{display: flex; gap: 6px; flex-wrap: nowrap; align-items: center;}
.practice-compact-table .practice-row-actions .btn{font-size: 12px; padding: 7px 9px; min-height: 36px; white-space: nowrap; flex-shrink: 0;}
.practice-overflow summary{padding: 8px; min-height: 36px; cursor: pointer; color: var(--muted);}
.practice-overflow-items{display: grid; gap: 6px; padding: 8px; margin-top: 5px; background: var(--card2); border: 1px solid var(--line); border-radius: 8px;}
.practice-overflow[hidden]{display: none !important;}
.practice-overflow-items details{white-space: normal;}
.practice-module .practice-action-cell{overflow: visible;}
.practice-overflow[open]{align-self: flex-start;}
@media (max-width: 650px){
.practice-module{padding: 12px !important;}
.practice-module .practice-table{overflow: visible !important;}
.practice-compact-table thead{display: none;}
.practice-compact-table,.practice-compact-table tbody{display: block;}
.practice-compact-table tr{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); padding: 10px 0px; border-bottom: 1px solid var(--line);}
.practice-compact-table td{display: block; min-width: 0px; border: 0px !important; padding: 6px !important;}
.practice-compact-table td:nth-child(3){grid-column: 1 / -1;}
.practice-compact-table td:last-child{grid-column: 1 / -1;}
.practice-compact-table .practice-row-actions .btn,.practice-overflow summary{min-height: 44px;}
.practice-module > .dp-tabs{gap: 14px; overflow: auto; flex-wrap: nowrap;}
.practice-module > .dp-tabs .dp-tab{white-space: nowrap; font-size: 13px;}
}
.dp-avatar .dp-account-user{width: 21px; height: 21px; color: var(--text,#eef1f6); display: block !important;}
.dp-global-search{box-sizing: border-box; width: min(560px, 100% - 28px); max-height: calc(100dvh - 40px); overflow: auto; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); color: var(--text); box-shadow: rgba(0, 0, 0, 0.533) 0px 24px 80px;}
.dp-global-search::backdrop{background: rgba(0, 0, 0, 0.6);}
.dp-global-search > header{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px;}
.dp-global-search h2{font-size: 20px; margin: 0px;}
.dp-global-search [data-search-close]{width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: inherit; font-size: 23px;}
.dp-global-search input{font-size: 16px; min-height: 46px;}
.dp-search-results{display: grid; margin-top: 12px; max-height: 50dvh; overflow: auto;}
.dp-search-results > button{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; text-align: left; color: inherit; background: transparent; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line); min-height: 56px;}
.dp-search-results > button:hover,.dp-search-results > button:focus-visible{background: var(--faint);}
.dp-search-results strong{display: block; font-size: 14px;}
.dp-search-results small{display: block; color: var(--muted); font-size: 12px; margin-top: 3px;}
.dp-search-count{font-size: 12px; color: var(--muted); margin: 12px 0px 0px;}
.dp-auth-dialog{box-sizing: border-box; position: fixed; width: min(460px, 100% - 24px); max-height: calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); padding: 0px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); color: var(--text); overflow: auto; overscroll-behavior: contain; box-shadow: rgba(0, 0, 0, 0.533) 0px 20px 80px;}
.dp-auth-dialog::backdrop{background: rgba(0, 0, 0, 0.6);}
.dp-auth-close{position: absolute; z-index: 2; right: 12px; top: 12px; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 50%; background: var(--card2); color: var(--text); font-size: 23px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.dp-auth-close .dp-auth-back-ico{display: none;}
.dp-auth-close .dp-auth-close-ico{display: inline; line-height: 1;}
.dp-auth-dialog .auth-surface{min-height: 0px; padding: 0px; display: block;}
.dp-auth-dialog .auth-card{border: 0px; box-shadow: none; margin: 0px; padding: 28px 24px; width: 100%; max-width: none;}
.dp-auth-dialog .auth-logo{max-width: 220px; padding-right: 35px;}
.dp-auth-dialog h1{font-size: 26px;}
.dp-auth-dialog form{margin-top: 18px; gap: 13px;}
.dp-auth-dialog input{min-height: 44px; font-size: 16px;}
.dp-auth-dialog .btn{min-height: 44px;}
.dp-auth-dialog .auth-links{margin-top: 18px;}
.dp-keyboard-open .dp-auth-dialog{max-height: calc(var(--dp-vv-height,100dvh) - 20px);}
html body[data-role="usuario"] .sidebar .dp-collapse{min-width: 28px; box-shadow: rgba(0, 0, 0, 0.267) 0px 2px 6px; position: absolute !important; right: 8px !important; top: 24px !important; width: 28px !important; height: 28px !important; padding: 4px !important; border: 1px solid rgb(98, 112, 133) !important; border-radius: 50% !important; background: rgb(48, 57, 69) !important; color: rgb(241, 245, 250) !important; z-index: 45 !important;}
.sidebar .dp-collapse svg{display: block; width: 18px !important; height: 18px !important;}
.sidebar .dp-collapse:hover{background: rgb(72, 83, 102) !important;}
:root[data-collapsed] body[data-role="usuario"] .sidebar .dp-collapse{right: 8px !important;}
.dp-auth-dialog .helper{line-height: 1.5;}
@media (max-width: 900px){
html body[data-role="usuario"] .sidebar .dp-collapse{display: none !important;}
}
body:has(.dp-auth-dialog[open]){overflow: hidden !important;}
@media (max-width: 768px){
.dp-auth-dialog{overscroll-behavior-y: contain; position: fixed !important; inset: 0px !important; width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; min-height: 100dvh !important; margin: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 0px !important; background: var(--bg,#0b0e14) !important; padding: 0px !important; box-shadow: none !important; overflow-y: auto !important; z-index: 999999 !important;}
.dp-auth-dialog::backdrop{display: none !important; background: transparent !important;}
.dp-auth-dialog .auth-surface{min-height: 100dvh !important; width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; background: var(--bg,#0b0e14) !important; padding: 0px !important; box-sizing: border-box !important;}
.dp-auth-dialog .auth-card{border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; background: transparent !important; margin: 0px !important; padding: max(16px, env(safe-area-inset-top, 16px)) 22px max(32px, env(safe-area-inset-bottom, 32px)) !important; width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important;}
.dp-auth-close{cursor: pointer; position: fixed !important; z-index: 1000000 !important; left: 16px !important; top: max(14px, env(safe-area-inset-top, 14px)) !important; right: auto !important; width: 40px !important; height: 40px !important; min-height: 40px !important; border-radius: 12px !important; background: var(--card2,#1c212c) !important; border: 1px solid var(--line,#2c3545) !important; color: var(--text,#f1f5fa) !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 14px !important;}
.dp-auth-close .dp-auth-back-ico{display: block !important; width: 22px !important; height: 22px !important;}
.dp-auth-close .dp-auth-close-ico{display: none !important;}
.dp-auth-dialog .auth-logo{max-width: 100% !important; margin: 8px auto 16px !important; padding: 0px !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important;}
.dp-auth-dialog .auth-logo img{max-height: 42px !important; width: auto !important;}
.dp-auth-dialog .eyebrow{letter-spacing: 0.12em; text-align: center !important; font-size: 11.5px !important; margin-bottom: 6px !important;}
.dp-auth-dialog h1{letter-spacing: -0.02em; text-align: center !important; font-size: 26px !important; font-weight: 800 !important; margin-bottom: 8px !important;}
.dp-auth-dialog .auth-card > p{text-align: center !important; font-size: 14px !important; color: var(--muted,#8e9bb0) !important; margin: 0px auto 20px !important; max-width: 320px !important; line-height: 1.45 !important;}
.dp-auth-dialog form{margin-top: 0px !important; display: flex !important; flex-direction: column !important; gap: 14px !important; width: 100% !important;}
.dp-auth-dialog label{display: flex !important; flex-direction: column !important; gap: 6px !important; font-size: 13.5px !important; font-weight: 600 !important; color: var(--text,#e6edf8) !important;}
.dp-auth-dialog input{width: 100% !important; min-height: 48px !important; height: 48px !important; border-radius: 12px !important; background: var(--card2,#161922) !important; border: 1.5px solid var(--line,#2c3545) !important; padding: 0px 16px !important; font-size: 16px !important; color: var(--text,#fff) !important; box-sizing: border-box !important;}
.dp-auth-dialog input:focus{border-color: rgba(255, 106, 0) !important; box-shadow: rgba(255, 106, 0, 0.2) 0px 0px 0px 3px !important; outline: none !important;}
.dp-auth-dialog .btn-primary{min-height: 50px !important; height: 50px !important; border-radius: 13px !important; font-size: 16px !important; font-weight: 700 !important; background: linear-gradient(135deg, rgba(255, 106, 0) 0%, rgb(249, 83, 11) 100%) !important; box-shadow: rgba(255, 106, 0, 0.35) 0px 6px 20px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; color: rgb(255, 255, 255) !important; margin-top: 6px !important;}
.dp-auth-dialog .auth-links{display: flex !important; justify-content: space-between !important; align-items: center !important; margin-top: 22px !important; padding-top: 16px !important; border-top: 1px solid var(--line,rgba(255,255,255,0.08)) !important;}
.dp-auth-dialog .auth-links a{color: rgba(255, 106, 0) !important; font-weight: 600 !important; font-size: 13.5px !important; text-decoration: none !important;}
}
@media (min-width: 901px){
html:not([data-collapsed]) body[data-role="usuario"] .sidebar .dp79-side-user{padding-right: 36px !important;}
html:not([data-collapsed]) body[data-role="usuario"] .sidebar .dp79-side-chevron{display: none;}
html[data-collapsed] body[data-role="usuario"] .sidebar .dp-collapse{top: 64px !important;}
}
@media (min-width: 901px){
html body[data-role="usuario"] .sidebar{overflow: visible !important;}
html body[data-role="usuario"] .sidebar .dp-collapse,html[data-collapsed] body[data-role="usuario"] .sidebar .dp-collapse{place-items: center; box-shadow: rgba(0, 0, 0, 0.133) 0px 2px 6px; right: -16px !important; top: 112px !important; width: 32px !important; height: 32px !important; display: grid !important; background: var(--sidebar,#242a31) !important; border-color: var(--line,#35404a) !important; padding: 0px !important;}
html body[data-role="usuario"] .sidebar .dp-collapse svg{display: none !important;}
.sidebar .dp-collapse::after{content: ""; display: block; width: 7px; height: 7px; border-left: 2px solid rgb(227, 233, 240); border-bottom: 2px solid rgb(227, 233, 240); transform: rotate(45deg); margin-left: 3px;}
html[data-collapsed] .sidebar .dp-collapse::after{transform: rotate(225deg); margin-left: -3px;}
html:not([data-collapsed]) body[data-role="usuario"] .sidebar .dp79-side-user{padding-right: 5px !important;}
html:not([data-collapsed]) body[data-role="usuario"] .sidebar .dp79-side-chevron{display: block;}
}
@media (min-width: 901px){
:root[data-collapsed] body[data-role="usuario"] .sidebar .dp-collapse{right: -16px !important; top: 112px !important;}
}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit{isolation: isolate; position: relative !important; overflow: hidden !important; color: rgb(255, 255, 255) !important; text-shadow: rgb(0, 63, 43) 0px 1px 2px !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(121, 223, 170) rgb(121, 223, 170) rgb(8, 101, 59) !important; border-image: none !important; background: linear-gradient(120deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.208) 42%, rgba(255, 255, 255, 0.02) 51%, rgba(255, 255, 255, 0) 64%), linear-gradient(rgb(55, 214, 139) 0%, rgb(27, 172, 102) 42%, rgb(8, 136, 77) 48%, rgb(17, 158, 93) 71%, rgb(36, 188, 116) 100%) !important; box-shadow: rgba(197, 255, 225, 0.66) 0px 1px 0px inset, rgba(3, 78, 50, 0.4) 0px -2px 3px inset, rgba(0, 0, 0, 0.267) 0px 4px 12px !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit::after{content: ""; position: absolute; inset: 0px; pointer-events: none; border-radius: inherit; background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0.03) 1px, rgba(0, 0, 0, 0.01) 1px, rgba(0, 0, 0, 0.01) 3px); opacity: 0.5;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit:hover{filter: brightness(1.09) !important;}
.practice-module > .practice-heading{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0px 0px 10px !important;}
.practice-module > .practice-heading > div h2{margin: 0px;}
.practice-module > .practice-heading > [data-practice-new]{flex: 0 0 auto; min-height: 40px;}
.practice-wait-clock{display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: var(--muted,#b5c1cf);}
.practice-wait-clock svg{width: 19px; height: 19px; display: block;}
.practice-compact-table td small.practice-campaign-origin{display: flex; gap: 6px; flex-wrap: wrap; align-items: baseline;}
.practice-compact-table .practice-campaign-origin small{display: inline; margin: 0px;}
.practice-campaign-origin > small::before{content: "· ";}
.practice-edit-note{font-size: 12px; color: var(--muted); margin: 0px 0px 12px;}
.practice-module .practice-editor{margin-top: 6px;}
@media (max-width: 450px){
.practice-module > .practice-heading{gap: 8px;}
.practice-module > .practice-heading > [data-practice-new]{padding: 8px 10px; font-size: 12px;}
}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit{background: linear-gradient(115deg, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0.196) 44%, rgba(255, 255, 255, 0.024) 56%, rgba(255, 255, 255, 0) 72%), linear-gradient(rgb(48, 231, 140) 0%, rgb(11, 214, 116) 48%, rgb(8, 201, 105) 100%) !important; border-color: rgb(108, 243, 176) rgb(108, 243, 176) rgb(11, 173, 91) !important; text-shadow: rgba(8, 115, 59, 0.333) 0px 1px 1px !important; box-shadow: rgba(215, 255, 234, 0.627) 0px 1px 0px inset, rgba(10, 157, 76, 0.267) 0px -1px 1px inset, rgba(0, 213, 116, 0.13) 0px 4px 12px !important;}
html body[data-role="usuario"] .topbar{--dp-header-control: 36px; align-items: center !important;}
html body[data-role="usuario"] .topbar .dp-chip{display: inline-flex !important;}
html body[data-role="usuario"] .topbar .dp-chips{align-items: center !important; padding: 3px !important; gap: 2px !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit,html body[data-role="usuario"] .topbar > .btn{box-sizing: border-box !important; height: var(--dp-header-control) !important; min-height: var(--dp-header-control) !important; max-height: var(--dp-header-control) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-block: 0px !important; padding-block: 0px !important; font-size: 13px !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit{background: linear-gradient(115deg, rgba(255, 255, 255, 0) 24%, rgba(255, 255, 255, 0.133) 44%, rgba(255, 255, 255, 0.016) 57%, rgba(255, 255, 255, 0) 74%), linear-gradient(rgb(27, 187, 115) 0%, rgb(11, 170, 97) 55%, rgb(7, 148, 84) 100%) !important; border-color: rgb(74, 206, 148) rgb(74, 206, 148) rgb(8, 123, 72) !important; text-shadow: rgba(6, 81, 47, 0.4) 0px 1px 1px !important; box-shadow: rgba(164, 240, 201, 0.333) 0px 1px 0px inset, rgba(8, 111, 63, 0.2) 0px -1px 1px inset, rgba(0, 0, 0, 0.133) 0px 3px 8px !important;}
html body[data-role="usuario"] .topbar .dp91-deposit-desktop{gap: 6px !important;}
html body[data-role="usuario"] .topbar :is(.dp-chip, .dp95-notify-btn, .dp-search, .dp-avatar, .theme-toggle, .icon-btn) svg{width: 19px !important; height: 19px !important;}
@media (min-width: 861px){
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit{padding-inline: 14px !important; border-radius: 11px !important;}
html body[data-role="usuario"] .topbar .theme-toggle{border-radius: 11px !important;}
}
@media (max-width: 860px){
html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-deposit{width: var(--dp-header-control) !important; min-width: var(--dp-header-control) !important; flex: 0 0 var(--dp-header-control) !important; padding: 0px !important; font-size: 0px !important;}
html body[data-role="usuario"] .topbar .dp91-balance-pill{height: 42px !important;}
html body[data-role="usuario"] .topbar .dp95-notify-btn{display: none !important;}
}
html body[data-role="usuario"] .home75-section .home75-controls button{flex: 0 0 34px; vertical-align: middle; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; min-width: 34px !important; height: 26px !important; min-height: 26px !important; padding: 0px !important; border-radius: 6px !important; line-height: 1 !important;}
html body[data-role="usuario"] .home75-section .home75-controls button svg{display: block; fill: none; flex: 0 0 auto; width: 17px !important; height: 17px !important; margin: 0px !important;}
html body[data-role="usuario"] .home75-section .home75-title{min-height: 26px; align-items: center !important; margin-bottom: 6px !important;}
html body[data-role="usuario"] .home75-section .home75-controls{align-items: center !important; gap: 6px !important;}
html body[data-role="usuario"] .home75-section .home75-track{padding-top: 0px !important;}
html body[data-role="usuario"] .home75-section .home75-controls button:not(:disabled):hover{border-color: var(--orange,#ff6a00);}
@media (pointer: coarse){
html body[data-role="usuario"] .home75-section .home75-controls button{position: relative;}
html body[data-role="usuario"] .home75-section .home75-controls button::after{content: ""; position: absolute; inset: -8px 0px;}
}
#app .practice-module{padding: 14px !important;}
#app .practice-module > .practice-heading{margin-bottom: 4px !important;}
#app .practice-module h2,#app .forecast-module h2{line-height: 1.25; margin: 0px; font-size: 18px !important;}
#app .practice-module .btn{height: auto; line-height: 1.4; border-radius: 8px; min-height: 30px !important; padding: 5px 10px !important; font-size: 12px !important;}
#app .practice-module > .dp-tabs{margin-bottom: 6px; gap: 18px;}
#app .practice-module > .dp-tabs .dp-tab{min-height: 30px; padding: 6px 0px; font-size: 13px;}
#app .practice-compact-table th,#app .practice-compact-table td{font-size: 12px; padding: 8px !important;}
#app .practice-compact-table td small{font-size: 11px; line-height: 1.35; margin-top: 2px;}
#app .practice-wait-clock{color: rgb(255, 134, 28); background: rgba(255, 134, 28, 0.08); border: 1px solid rgba(255, 134, 28, 0.25); border-radius: 6px; width: 25px; height: 25px;}
#app .practice-wait-clock svg{width: 17px; height: 17px;}
#app .practice-overflow{position: relative;}
#app .practice-overflow summary{min-height: 30px; padding: 5px 7px; font-size: 12px; white-space: nowrap;}
#app .practice-overflow-items{position: absolute; right: 0px; top: 100%; z-index: 30; min-width: 160px; max-width: 230px; max-height: 260px; overflow: auto; background: var(--card,#242a31); box-shadow: rgba(0, 0, 0, 0.333) 0px 8px 25px; padding: 8px; margin-top: 3px;}
#app .practice-module .practice-table{overflow: visible;}
#app .practice-overflow-items .btn{width: 100%;}
#app .practice-method-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px;}
#app .practice-method-grid .practice-explanation{margin: 0px; padding: 12px; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 2px solid rgb(237, 123, 27); border-radius: 9px; min-width: 0px; background: color-mix(in srgb,var(--card,#242a31) 88%,#808080 12%);}
#app .practice-method-grid strong{font-size: 14px;}
#app .practice-method-grid p{font-size: 12px; line-height: 1.5; margin: 7px 0px;}
#app .practice-method-grid small{font-size: 11px; line-height: 1.4; display: block; color: var(--muted);}
#app .forecast-module{padding: 14px !important;}
#app .forecast-module .forecast-heading p{font-size: 12px; margin: 4px 0px 0px;}
#app .forecast-module .forecast-date-only{margin: 10px 0px; gap: 8px; grid-template-columns: 160px 160px auto;}
#app .forecast-module .forecast-date-only label{font-size: 12px;}
#app .forecast-module .forecast-date-only input,#app .forecast-module .forecast-date-only button{min-height: 32px; height: 32px; padding: 5px 10px; font-size: 12px;}
#app .forecast-module .forecast-day-card{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 9px; padding: 0px 10px 10px;}
#app .forecast-module .forecast-day-card > header{margin-inline: -10px; padding: 10px 12px;}
#app .forecast-module .forecast-day-card > header h3{font-size: 14px; margin: 0px;}
#app .forecast-module .forecast-daily-row{padding: 10px; gap: 9px;}
#app .forecast-module .forecast-number-group{gap: 8px;}
#app .forecast-module .forecast-number-cell{width: 34px; flex-basis: 34px; min-height: 46px;}
#app .forecast-module .forecast-number{width: 34px; height: 34px; min-height: 34px; max-width: 34px; font-size: 14px;}
#app .forecast-module .forecast-method strong{font-size: 13px;}
#app .forecast-module .forecast-pagination{margin-top: 10px;}
#app .forecast-module .forecast-pagination .btn{min-height: 30px; padding: 5px 10px; font-size: 12px;}
@media (max-width: 1000px){
#app .practice-method-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#app .forecast-module .forecast-day-card{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 650px){
#app .practice-module,#app .forecast-module{padding: 10px !important;}
#app .practice-module .btn,#app .practice-overflow summary{min-height: 40px !important;}
#app .practice-compact-table td{padding: 5px !important;}
#app .practice-method-grid{grid-template-columns: minmax(0px, 1fr);}
#app .forecast-module .forecast-day-card{grid-template-columns: minmax(0px, 1fr);}
#app .forecast-module .forecast-date-only{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#app .forecast-module .forecast-date-only input{font-size: 16px; height: 40px;}
#app .forecast-module .forecast-date-only button{height: 40px; grid-column: 1 / -1;}
#app .practice-overflow-items{max-width: min(230px, 75vw);}
}
#app .tri-mis-panel{padding: 12px !important;}
#app .tri-mis-panel .section-head{margin: 0px 0px 8px;}
#app .tri-mis-panel .section-head h2{margin: 0px; font-size: 18px !important;}
#app .tri-mis-panel .section-head p{display: none;}
#app .tri-mis-panel .anim-tickets{display: grid; gap: 0px;}
#app .tri-mis-panel .tri-progress-ticket{display: grid; grid-template-columns: minmax(170px, 1fr) minmax(300px, 2fr); gap: 14px; margin: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line); border-radius: 0px; box-shadow: none; padding: 12px 0px !important; background: transparent !important;}
#app .tri-ticket-window small{display: block; font-size: 11px; line-height: 1.5; color: var(--muted);}
#app .tri-mis-panel .tri-ticket-animals{display: flex; gap: 10px; margin: 0px;}
#app .tri-mis-panel .tri-ticket-animal{width: auto; min-width: 58px; display: flex; flex-direction: column; align-items: center; gap: 3px;}
#app .tri-mis-panel .tri-animal-round{position: relative; width: 44px; height: 44px; min-width: 44px; border-radius: 50%; overflow: hidden; border: 1px solid rgb(113, 128, 146); display: grid; place-items: center;}
#app .tri-mis-panel .tri-animal-round img{object-fit: contain; border-radius: 50%; width: 100% !important; height: 100% !important; max-width: none !important;}
#app .tri-mis-panel .tri-ticket-animal.hit .tri-animal-round{border: 2px solid rgb(37, 175, 108);}
#app .tri-mis-panel .tri-animal-caption{font-size: 11px; white-space: nowrap; margin: 0px;}
#app .tri-mis-panel .tri-ticket-progress > div:first-child{display: flex; gap: 8px; justify-content: space-between; flex-wrap: wrap;}
#app .tri-mis-panel .tri-ticket-progress b{font-size: 12px;}
#app .tri-mis-panel .tri-ticket-progress span,#app .tri-mis-panel .tri-ticket-progress small{font-size: 11px;}
@media (max-width: 750px){
#app .tri-mis-panel .tri-progress-ticket{grid-template-columns: minmax(0px, 1fr); gap: 9px;}
#app .tri-mis-panel .tri-ticket-animals{gap: 7px;}
}
@media (max-width: 380px){
#app .tri-mis-panel .tri-ticket-animals{gap: 12px;}
}
#app .tri-mis-panel .tri-ticket-compact{gap: 20px; align-items: center; grid-template-columns: minmax(175px, 1fr) auto minmax(160px, 1fr) 100px !important; padding: 14px 0px !important;}
#app .tri-ticket-info h3{margin: 0px 0px 8px; font-size: 14px !important;}
#app .tri-ticket-info .tri-ticket-window small{font-size: 12px; margin-top: 5px; line-height: 1.5;}
#app .tri-mis-panel .tri-ticket-compact .tri-ticket-animals{gap: 14px;}
#app .tri-mis-panel .tri-ticket-compact .tri-animal-round{width: 48px; height: 48px; min-width: 48px; overflow: visible; background: var(--card2,#303944);}
#app .tri-mis-panel .tri-ticket-compact .tri-animal-round img{border-radius: 50%;}
#app .tri-mis-panel .tri-ticket-compact .tri-animal-caption{font-size: 12px; margin-top: 3px;}
#app .tri-follow-state{display: block; margin-bottom: 8px; color: rgb(245, 138, 39) !important; font-size: 12px !important;}
#app .tri-mis-panel .tri-ticket-money{display: flex; flex-direction: column; gap: 8px; align-items: flex-end; justify-content: center;}
#app .tri-ticket-money strong{font-size: 14px; white-space: nowrap;}
#app .tri-ticket-money .btn{height: 30px; padding: 4px 12px; font-size: 12px; line-height: 1.3; border-radius: 7px; min-height: 30px !important;}
#app .tri-ticket-detail{grid-column: 1 / -1; padding: 10px; background: var(--card2,#303944); border-radius: 7px; font-size: 12px;}
#app .tri-ticket-detail small{display: block; margin-top: 5px; color: var(--muted);}
#app .tri-ticket-detail[hidden]{display: none !important;}
#app .tri-module-shell > .anim-heading-row .dp-tab{min-height: 30px !important; height: 30px !important; padding: 5px 12px !important; font-size: 12px !important; line-height: 20px !important;}
#app .tri-module-shell > .anim-heading-row .anim-tabs{gap: 7px; margin-top: 12px; margin-bottom: 0px;}
@media (max-width: 1000px){
#app .tri-mis-panel .tri-ticket-compact{gap: 12px; grid-template-columns: minmax(155px, 1fr) auto minmax(135px, 1fr) 85px !important;}
#app .tri-mis-panel .tri-ticket-compact .tri-ticket-animals{gap: 6px;}
}
@media (max-width: 750px){
#app .tri-mis-panel .tri-ticket-compact{gap: 12px; grid-template-columns: minmax(0px, 1fr) auto !important;}
#app .tri-ticket-info{grid-area: 1 / 1;}
#app .tri-mis-panel .tri-ticket-money{grid-area: 1 / 2;}
#app .tri-mis-panel .tri-ticket-compact .tri-ticket-animals{grid-area: 2 / 1; gap: 10px;}
#app .tri-mis-panel .tri-ticket-compact .tri-ticket-progress{grid-area: 3 / 1 / auto / -1;}
#app .tri-ticket-money .btn{min-height: 40px !important; height: 40px;}
#app .tri-module-shell > .anim-heading-row .dp-tab{min-height: 36px !important; height: 36px !important;}
}
#app .anim-shell > .anim-heading-row .anim-tabs > .dp-tab{min-height: 30px !important; height: 30px !important; padding: 4px 11px !important; font-size: 12px !important; line-height: 20px !important;}
#app .anim-shell > .anim-heading-row .anim-tabs{gap: 7px; margin-top: 12px; margin-bottom: 0px; flex-wrap: wrap;}
#app .anim-card:has(> .anim-lots){padding: 14px !important;}
#app .anim-card > .anim-step{font-size: 15px !important; margin: 0px 0px 10px !important;}
#app .anim-card > .anim-lots{align-items: stretch; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(125px, 140px)) !important; gap: 10px !important;}
#app .anim-card .anim-lot[data-lottery-theme]{border-radius: 11px; justify-content: center; width: 100% !important; min-width: 0px !important; min-height: 118px !important; height: 118px !important; padding: 9px 7px !important; gap: 5px !important;}
#app .anim-card .anim-lot[data-lottery-theme] .anim-lot-ic{display: grid; place-items: center; width: 58px !important; height: 58px !important; min-height: 0px !important;}
#app .anim-card .anim-lot[data-lottery-theme] .anim-lot-ic img{object-fit: contain; width: 56px !important; height: 56px !important; max-width: 100% !important;}
#app .anim-card .anim-lot[data-lottery-theme] b{line-height: 1.2; white-space: normal; font-size: 12px !important;}
#app .anim-card .anim-lot[data-lottery-theme] small{font-size: 11px !important; line-height: 1.2;}
#app .anim-card .tripleta-lot[data-lottery-theme]{height: 135px !important; min-height: 135px !important;}
#app .anim-card .tripleta-mark{font-size: 9px; letter-spacing: 0.6px; gap: 4px;}
@media (max-width: 500px){
#app .anim-card > .anim-lots{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important;}
#app .anim-card .anim-lot[data-lottery-theme]{height: 112px !important; min-height: 112px !important;}
#app .anim-card .tripleta-lot[data-lottery-theme]{height: 130px !important; min-height: 130px !important;}
#app .anim-shell > .anim-heading-row .anim-tabs > .dp-tab{min-height: 36px !important; height: 36px !important; padding-inline: 10px !important;}
}
#app .anim-results,#app .results-compact-rows{background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 0px !important; box-shadow: none !important; padding: 0px !important;}
#app .results-compact-rows > .section-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0px 0px 10px !important;}
#app .results-compact-rows > .section-head h2{display: flex; align-items: center; gap: 6px; font-size: 16px !important; margin: 0px !important;}
#app .results-compact-rows > .section-head p{display: none;}
#app .results-compact-rows .dp-results-filters{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
#app .results-compact-rows .dp-results-filters label{display: flex; align-items: center; gap: 6px; font-size: 12px; margin: 0px;}
#app .results-compact-rows .anim-datein{width: auto; max-width: 220px; border-radius: 7px; height: 32px !important; min-height: 32px !important; padding: 5px 8px !important; font-size: 12px !important;}
#app .results-compact-rows .res-empty{font-size: 12px; padding: 8px 0px;}
@media (max-width: 600px){
#app .results-compact-rows{padding: 10px !important;}
#app .results-compact-rows > .section-head{gap: 9px;}
#app .results-compact-rows .dp-results-filters{width: 100%; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 8px;}
#app .results-compact-rows .dp-results-filters label{display: flex; flex-direction: column; align-items: stretch; gap: 4px; min-width: 0px;}
#app .results-compact-rows .anim-datein{width: 100%; max-width: 100%; min-width: 0px; height: 40px !important; min-height: 40px !important; font-size: 16px !important;}
}
#app .ref-recharge .ref-panel{padding: 14px !important;}
#app .ref-recharge .ref-panel-head{gap: 10px; align-items: center; margin-bottom: 10px !important;}
#app .ref-recharge .ref-panel-head h2{gap: 9px; font-size: 16px !important;}
#app .ref-recharge .ref-panel-head p,#app .ref-recharge .ref-panel-head small{font-size: 11px; margin-top: 3px;}
#app .ref-recharge .operators-grid{align-items: stretch; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)) !important; gap: 8px !important;}
#app .ref-recharge .operator-tile{border-radius: 10px; min-width: 0px !important; width: 100% !important; min-height: 92px !important; height: 92px !important; padding: 9px 6px !important; gap: 5px !important;}
#app .ref-recharge .operator-logo-box{display: flex; align-items: center; justify-content: center; height: 38px !important; min-height: 38px !important;}
#app .ref-recharge .operator-logo-box img,#app .ref-recharge .operator-logo-box svg{width: auto; object-fit: contain; max-height: 34px !important; max-width: 88px !important;}
#app .ref-recharge .operator-tile strong{font-size: 12px !important; line-height: 1.25;}
#app .ref-recharge .operator-tile[data-operator-theme]::after{left: 10px; bottom: 7px; width: 18px; height: 2px;}
#app .ref-recharge .ref-recharge-left{gap: 12px;}
#app .ref-recharge .ref-selected{gap: 12px; border-radius: 12px; padding: 12px !important; min-height: 72px !important; margin-bottom: 14px !important;}
#app .ref-recharge .ref-selected-logo{width: 64px !important; height: 50px !important; min-width: 64px !important; min-height: 50px !important; padding: 6px 10px !important; border-radius: 13px !important; background: rgb(255, 255, 255) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; box-sizing: border-box !important;}
#app .ref-recharge .ref-selected-logo img,#app .ref-recharge .ref-selected-logo svg,#app .ref-recharge .ref-selected-logo .op-logo-img{width: 100% !important; height: 100% !important; max-width: 48px !important; max-height: 36px !important; object-fit: contain !important; display: block !important; margin: auto !important;}
#app .ref-recharge .ref-selected-tx h2{margin: 0px 0px 3px; font-size: 20px !important;}
#app .ref-recharge .ref-selected-tx p{margin: 0px; font-size: 12px !important;}
#app .ref-recharge #recharge-form{gap: 12px !important;}
#app .ref-recharge #recharge-form > label{font-size: 12px; gap: 6px; margin: 0px;}
#app .ref-recharge #recharge-form input{height: 38px !important; min-height: 38px !important; padding: 8px 10px !important; font-size: 13px !important;}
#app .ref-recharge .rf-money,#app .ref-recharge .phone-contacts-input{min-height: 38px !important; height: 38px !important;}
#app .ref-recharge .rf-ico,#app .ref-recharge .contact-book-button{height: 38px !important; min-height: 38px !important; width: 38px !important;}
#app .ref-recharge .rf-chip{border-radius: 8px; min-height: 32px !important; height: 32px !important; padding: 5px 8px !important; font-size: 12px !important;}
#app .ref-recharge .rf-chips{gap: 8px !important; margin: 0px !important;}
#app .ref-recharge .ref-summary h3{margin: 0px; font-size: 13px !important; padding: 9px 12px !important;}
#app .ref-recharge .ref-summary > div{padding: 8px 12px !important; font-size: 12px !important;}
#app .ref-recharge .ref-summary .total{font-size: 15px !important;}
#app .ref-recharge #recharge-form > .ref-button{min-height: 38px !important; height: 38px !important; padding: 8px 12px !important; font-size: 13px !important;}
#app .ref-recharge .ref-caution{font-size: 11px; line-height: 1.45; margin: 0px;}
#app .ref-recharge .recharge-reference-field[hidden],#app .recharge-reference-field[hidden],.recharge-reference-field[hidden],.home76-modal .recharge-reference-field[hidden]{display: none !important;}
#app .ref-recharge .ref-recharge-left table th,#app .ref-recharge .ref-recharge-left table td{font-size: 12px; padding: 9px 8px !important;}
@media (max-width: 900px){
#app .ref-recharge .operators-grid{grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;}
}
@media (max-width: 500px){
#app .ref-recharge .ref-panel{padding: 12px !important;}
#app .ref-recharge .operators-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 7px !important;}
#app .ref-recharge .operator-tile{height: 88px !important; min-height: 88px !important;}
#app .ref-recharge .operator-logo-box img,#app .ref-recharge .operator-logo-box svg{max-width: 72px !important; max-height: 30px !important;}
#app .ref-recharge #recharge-form input{font-size: 16px !important; height: 44px !important; min-height: 44px !important;}
#app .ref-recharge .rf-money,#app .ref-recharge .phone-contacts-input{height: 44px !important; min-height: 44px !important;}
#app .ref-recharge .rf-ico,#app .ref-recharge .contact-book-button{height: 44px !important; min-height: 44px !important; width: 40px !important;}
#app .ref-recharge .rf-chip,#app .ref-recharge #recharge-form > .ref-button{min-height: 44px !important; height: 44px !important;}
#app .ref-recharge .ref-panel-head > small{display: none;}
}
.lottery-catalog{padding: 18px;}
.lottery-catalog > header{display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;}
.lottery-catalog h1{font-size: 24px; margin: 0px;}
.lottery-catalog p{margin: 4px 0px;}
.lottery-catalog input{max-width: 340px; width: 100%; padding: 10px 12px; background: var(--card); color: inherit; border: 1px solid var(--line); border-radius: 8px;}
.lottery-catalog nav{display: flex; flex-wrap: wrap; gap: 7px; margin: 16px 0px;}
.lottery-catalog nav .btn{min-height: 34px; padding: 6px 12px;}
@media (max-width: 600px){
.lottery-catalog{padding: 12px;}
.lottery-catalog input{max-width: none; font-size: 16px;}
.lottery-catalog nav .btn{min-height: 44px;}
}
#app .lottery-catalog{padding: 16px !important;}
#app .lottery-catalog .anim-lots{align-items: stretch; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important; gap: 12px !important;}
#app .lottery-catalog .anim-lot{box-shadow: none; box-sizing: border-box; position: relative; overflow: hidden; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background: radial-gradient(circle at 50% 10%, rgb(38, 51, 66) 0%, rgb(20, 27, 36) 100%) !important; border: 1px solid rgb(49, 66, 84) !important; border-radius: 14px !important; padding: 14px 10px 12px !important; min-height: 140px !important; height: auto !important; width: 100% !important; text-align: center !important; cursor: pointer !important; transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s !important;}
#app .lottery-catalog .anim-lot:hover{transform: translateY(-3px); border-color: var(--orange, #ff6a00) !important; box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 24px !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="zulia"]{background: radial-gradient(circle at 50% 10%, rgb(27, 56, 88) 0%, rgb(17, 26, 38) 100%) !important; border-color: rgb(36, 65, 96) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="chance"]{background: radial-gradient(circle at 50% 10%, rgb(70, 27, 37) 0%, rgb(24, 25, 38) 100%) !important; border-color: rgb(85, 37, 48) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="caracas"]{background: radial-gradient(circle at 50% 10%, rgb(34, 45, 85) 0%, rgb(18, 25, 38) 100%) !important; border-color: rgb(43, 58, 109) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="tachira"]{background: radial-gradient(circle at 50% 10%, rgb(24, 62, 94) 0%, rgb(18, 28, 39) 100%) !important; border-color: rgb(32, 76, 114) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="zamora"]{background: radial-gradient(circle at 50% 10%, rgb(62, 38, 23) 0%, rgb(26, 27, 36) 100%) !important; border-color: rgb(82, 52, 32) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="triplegana"]{background: radial-gradient(circle at 50% 10%, rgb(74, 25, 31) 0%, rgb(25, 26, 36) 100%) !important; border-color: rgb(91, 33, 40) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="caliente"]{background: radial-gradient(circle at 50% 10%, rgb(82, 32, 19) 0%, rgb(28, 23, 34) 100%) !important; border-color: rgb(101, 43, 27) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="supergana"]{background: radial-gradient(circle at 50% 10%, rgb(31, 64, 60) 0%, rgb(18, 28, 34) 100%) !important; border-color: rgb(40, 84, 78) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="trinapa"],#app .lottery-catalog .anim-lot[data-lottery-theme="napa"]{background: radial-gradient(circle at 50% 10%, rgb(66, 56, 26) 0%, rgb(23, 27, 35) 100%) !important; border-color: rgb(84, 71, 34) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="terminalito"]{background: radial-gradient(circle at 50% 10%, rgb(24, 52, 78) 0%, rgb(17, 26, 37) 100%) !important; border-color: rgb(34, 69, 102) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="ricachona"],#app .lottery-catalog .anim-lot[data-lottery-theme="ter_ricacho"]{background: radial-gradient(circle at 50% 10%, rgb(58, 26, 76) 0%, rgb(22, 24, 38) 100%) !important; border-color: rgb(75, 35, 97) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="tripledorado"]{background: radial-gradient(circle at 50% 10%, rgb(70, 54, 22) 0%, rgb(23, 27, 35) 100%) !important; border-color: rgb(88, 68, 28) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="ter_granjita"]{background: radial-gradient(circle at 50% 10%, rgb(23, 66, 43) 0%, rgb(18, 28, 31) 100%) !important; border-color: rgb(31, 87, 57) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="la_ruca"]{background: radial-gradient(circle at 50% 10%, rgb(26, 60, 43) 0%, rgb(19, 27, 34) 100%) !important; border-color: rgb(35, 79, 58) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="triactivo"],#app .lottery-catalog .anim-lot[data-lottery-theme="triactivo_ter"]{background: radial-gradient(circle at 50% 10%, rgb(68, 38, 23) 0%, rgb(24, 26, 35) 100%) !important; border-color: rgb(87, 50, 31) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="tricentena"]{background: radial-gradient(circle at 50% 10%, rgb(24, 52, 84) 0%, rgb(18, 25, 38) 100%) !important; border-color: rgb(34, 67, 109) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="triplefacil"]{background: radial-gradient(circle at 50% 10%, rgb(25, 60, 78) 0%, rgb(18, 26, 37) 100%) !important; border-color: rgb(35, 77, 99) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="arrejun"],#app .lottery-catalog .anim-lot[data-lottery-theme="tri_arrejun"],#app .lottery-catalog .anim-lot[data-lottery-theme="el_arrimado"]{background: radial-gradient(circle at 50% 10%, rgb(68, 28, 34) 0%, rgb(23, 25, 36) 100%) !important; border-color: rgb(85, 38, 44) !important;}
#app .lottery-catalog .anim-lot[data-lottery-theme="colombiana"]{background: radial-gradient(circle at 50% 10%, rgb(62, 50, 21) 0%, rgb(21, 24, 36) 100%) !important; border-color: rgb(85, 68, 29) !important;}
#app .lottery-catalog .anim-lot-ic{width: 80px !important; height: 74px !important; border-radius: 0px !important; background: transparent !important; display: grid !important; place-items: center !important; padding: 0px !important; box-shadow: none !important; margin-bottom: 6px !important; flex: 0 0 auto !important; filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 4px 10px) !important;}
#app .lottery-catalog .anim-lot-ic img{width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; border-radius: 0px !important;}
#app .lottery-catalog .anim-lot-ic .text-logo{font-size: 20px; font-weight: 900; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; width: 60px; height: 60px; display: grid; place-items: center; letter-spacing: 1px;}
#app .lottery-catalog .anim-lot b{font-size: 13.5px !important; font-weight: 800 !important; color: rgb(255, 255, 255) !important; line-height: 1.2 !important; display: block !important; white-space: normal !important; margin-top: 2px !important;}
#app .lottery-catalog .anim-lot small{font-size: 11px !important; font-weight: 700 !important; color: var(--orange, #ff6a00) !important; margin-top: 3px !important; display: block !important; line-height: 1.2 !important;}
:root[data-theme="light"] #app .lottery-catalog .anim-lot{box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 14px !important;}
#app .lottery-catalog .cat-chips{display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 14px;}
#app .lottery-catalog .cat-chip{padding: 6px 14px; border-radius: 999px; font-size: 12px; font-weight: 700; cursor: pointer; border: 1px solid var(--line, #263444); background: var(--card2, #141d27); color: var(--muted, #94a3b8); transition: 0.15s; white-space: nowrap; text-decoration: none; line-height: 1.3;}
#app .lottery-catalog .cat-chip:hover{color: rgb(255, 255, 255); border-color: var(--orange, #ff6a00);}
#app .lottery-catalog .cat-chip.active{background: var(--orange, #ff6a00); color: rgb(255, 255, 255); border-color: var(--orange, #ff6a00); box-shadow: rgba(255, 106, 0, 0.3) 0px 2px 8px;}
:root[data-theme="light"] #app .lottery-catalog .cat-chip{background: rgb(241, 245, 249); border-color: rgb(226, 232, 240); color: rgb(100, 116, 139);}
:root[data-theme="light"] #app .lottery-catalog .cat-chip.active{background: var(--orange, #ff6a00); color: rgb(255, 255, 255); border-color: var(--orange, #ff6a00);}
#app .lottery-catalog .res-dice-grid{display: flex; gap: 10px; overflow-x: auto; padding: 12px 14px;}
#app .lottery-catalog .res-dice-cell{flex: 0 0 auto; width: 90px; height: 84px; background: var(--card2, #141d27); border: 1px solid var(--line, #263444); border-radius: 12px; padding: 8px 6px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px; transition: 0.15s;}
#app .lottery-catalog .res-dice-cell.latest{border: 1.5px solid var(--orange, #ff6a00); background: radial-gradient(circle, rgb(42, 34, 27) 0%, rgb(28, 26, 25) 100%); box-shadow: rgba(255, 106, 0, 0.25) 0px 0px 12px;}
#app .lottery-catalog .res-dice-hour{font-size: 10.5px; font-weight: 700; color: var(--muted, #94a3b8); line-height: 1.2;}
#app .lottery-catalog .res-dice-cell.latest .res-dice-hour{color: var(--orange, #ff6a00);}
#app .lottery-catalog .res-dice-num{font-size: 22px; font-weight: 900; color: var(--text, #fff); line-height: 1.1; letter-spacing: 0.5px; font-variant-numeric: tabular-nums;}
#app .lottery-catalog .res-dice-cell.latest .res-dice-num{color: var(--orange, #ff6a00);}
#app .lottery-catalog .res-dice-sign{font-size: 11px; font-weight: 700; color: rgb(165, 180, 196); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
:root[data-theme="light"] #app .lottery-catalog .res-dice-cell{background: rgb(248, 250, 252); border-color: rgb(226, 232, 240);}
:root[data-theme="light"] #app .lottery-catalog .res-dice-cell.latest{background: rgb(255, 247, 237); border-color: var(--orange, #ff6a00);}
:root[data-theme="light"] #app .lottery-catalog .res-dice-num{color: rgb(15, 23, 42);}
:root[data-theme="light"] #app .lottery-catalog .res-dice-sign{color: rgb(71, 85, 105);}
@media (max-width: 600px){
#app .lottery-catalog .anim-lots{grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important;}
#app .lottery-catalog .anim-lot{min-height: 114px !important; padding: 9px 4px !important;}
#app .lottery-catalog .anim-lot-ic{width: 50px !important; height: 50px !important;}
}
@media (max-width: 420px){
#app .lottery-catalog .anim-lots{grid-template-columns: repeat(2, 1fr) !important;}
}
#app .lottery-catalog nav{margin: 12px 0px; gap: 6px;}
#app .lottery-catalog .btn{height: auto; border-radius: 8px; width: auto !important; min-height: 34px !important; padding: 7px 12px !important; font-size: 13px !important;}
#app .lottery-catalog .helper{line-height: 1.5; color: var(--muted); margin: 8px 0px; font-size: 11px !important;}
@media (max-width: 550px){
#app .lottery-catalog{padding: 12px !important;}
#app .lottery-catalog nav{flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px;}
#app .lottery-catalog nav button{flex: 0 0 auto;}
#app .lottery-catalog .btn{min-height: 44px !important;}
}
.lottery-catalog [data-lottery-content]{margin-top: 14px;}
.anim-lot[data-lottery-theme="lottorey"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/lottorey.svg") !important;}
.anim-lot[data-lottery-theme="lottogato"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/lottogato.svg") !important;}
.anim-lot[data-lottery-theme="gatazo"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/gatazo.svg") !important;}
.anim-lot[data-lottery-theme="mega_animal_40"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/mega_animal_40.svg") !important;}
.anim-lot[data-lottery-theme="chance_animal_a"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/chance_animal_a.svg") !important;}
.anim-lot[data-lottery-theme="chance_animal_b"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/chance_animal_b.svg") !important;}
.anim-lot[data-lottery-theme="condor_gana"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/condor_gana.svg") !important;}
.anim-lot[data-lottery-theme="granjamillo"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/granjamillo.svg") !important;}
.anim-lot[data-lottery-theme="granjazo"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/granjazo.svg") !important;}
.anim-lot[data-lottery-theme="tropi_gana"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/tropi_gana.svg") !important;}
.anim-lot[data-lottery-theme="lotto_activo_int"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/lotto_activo_int.svg") !important;}
.anim-lot[data-lottery-theme="guacharito"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/guacharito.svg") !important;}
.anim-lot[data-lottery-theme="loto_chaima"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/loto_chaima.svg") !important;}
.anim-lot[data-lottery-theme="centena_animal"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/centena_animal.svg") !important;}
.anim-lot[data-lottery-theme="centena_plus"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/centena_plus.svg") !important;}
.anim-lot[data-lottery-theme="lotto_max_animal"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/lotto_max_animal.svg") !important;}
.anim-lot[data-lottery-theme="ruleta_activa"]{background-image: linear-gradient(145deg, rgba(20, 27, 32, 0.86), rgba(20, 27, 32, 0.72)), url("/img/cards/ruleta_activa.svg") !important;}
#app .anim-card .anim-lot[data-lottery-theme="lottorey"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="lottogato"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="gatazo"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="tropi_gana"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="centena_animal"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="centena_plus"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="chance_animal_a"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="chance_animal_b"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="ruleta_activa"] .anim-lot-ic{width: calc(100% - 6px) !important; max-width: 124px !important; height: 58px !important;}
#app .anim-card .anim-lot[data-lottery-theme="lottorey"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="lottogato"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="gatazo"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="tropi_gana"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="centena_animal"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="centena_plus"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="chance_animal_a"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="chance_animal_b"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="ruleta_activa"] .anim-lot-ic img{object-fit: contain; width: 100% !important; height: 56px !important;}
@media (max-width: 500px){
#app .anim-card .anim-lot[data-lottery-theme="lottorey"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="lottogato"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="gatazo"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="tropi_gana"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="centena_animal"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="centena_plus"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="chance_animal_a"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="chance_animal_b"] .anim-lot-ic,#app .anim-card .anim-lot[data-lottery-theme="ruleta_activa"] .anim-lot-ic{max-width: 112px !important; height: 54px !important;}
#app .anim-card .anim-lot[data-lottery-theme="lottorey"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="lottogato"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="gatazo"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="tropi_gana"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="centena_animal"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="centena_plus"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="chance_animal_a"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="chance_animal_b"] .anim-lot-ic img,#app .anim-card .anim-lot[data-lottery-theme="ruleta_activa"] .anim-lot-ic img{height: 52px !important;}
}
#app .anim-shell > .anim-heading-row .anim-tabs{position: relative; align-items: center;}
#app .anim-heading-row .anim-tabs > .anim-tab-back{font-weight: 700;}
.anim-xp{margin-left: auto; position: static; min-width: 0px;}
.anim-xp-btn{display: inline-flex; align-items: center; gap: 6px; height: 30px; max-width: 260px; padding: 0px 11px; border-radius: 999px; border: 1px solid var(--line,#2f3a47); background: var(--card2,#111b27); color: var(--text,#e9edf2); font-size: 12px; cursor: pointer; white-space: nowrap; overflow: hidden;}
.anim-xp-btn:hover,.anim-xp-btn[aria-expanded="true"]{border-color: var(--orange,#ff6a00);}
.anim-xp-btn .ico{flex: 0 0 auto; color: var(--muted,#8b97a6);}
.anim-xp-num{color: var(--orange,#ff6a00); font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums;}
.anim-xp-fig{overflow: hidden; text-overflow: ellipsis;}
.anim-xp-hour{color: var(--muted,#8b97a6); font-size: 11px;}
.anim-xp-caret{font-style: normal; font-size: 10px; color: var(--muted,#8b97a6); transition: transform 0.15s;}
.anim-xp-btn[aria-expanded="true"] .anim-xp-caret{transform: rotate(180deg);}
.anim-xp-pop{position: absolute; right: 0px; top: calc(100% + 8px); z-index: 40; width: min(360px, 100%); box-sizing: border-box; padding: 12px; border-radius: 12px; border: 1px solid var(--line,#2f3a47); background: var(--card,#18212c); box-shadow: rgba(0, 0, 0, 0.35) 0px 14px 34px;}
.anim-xp-pop[hidden]{display: none;}
.anim-xp-head{display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; font-size: 13px;}
.anim-xp-head span{color: var(--muted,#8b97a6); font-size: 11px;}
.anim-xp-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 6px; max-height: 232px; overflow-y: auto; scrollbar-width: thin;}
.anim-xp-item{display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 6px 4px; border-radius: 8px; background: var(--card2,#111b27); text-align: center; min-width: 0px;}
.anim-xp-item small{font-size: 10px; color: var(--muted,#8b97a6); white-space: nowrap;}
.anim-xp-item b{font-size: 17px; font-weight: 800; line-height: 1.1; color: var(--orange,#ff6a00); font-variant-numeric: tabular-nums;}
.anim-xp-item span{font-size: 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.anim-xp-empty{margin: 4px 0px 8px; font-size: 12px; color: var(--muted,#8b97a6);}
.anim-xp-all{display: block; width: 100%; margin-top: 10px; padding: 7px; border: 0px; border-radius: 8px; background: transparent; color: var(--orange,#ff6a00); font-weight: 700; font-size: 12px; cursor: pointer;}
.anim-xp-all:hover{background: var(--card2,#111b27);}
@media (max-width: 600px){
.anim-xp{flex: 1 1 100%; margin-left: 0px;}
.anim-xp-btn{width: 100%; max-width: none; height: 34px; justify-content: flex-start;}
.anim-xp-caret{margin-left: auto;}
.anim-xp-pop{left: 0px; right: 0px; width: auto;}
.anim-xp-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
}
html body #app .anim-board-wrap .anim-col-left.anim-lp{overflow: hidden; padding: 0px !important;}
.anim-lp-hero{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 18px 14px 16px; text-align: center; background-color: rgb(24, 53, 43); background-image: linear-gradient(160deg,rgba(20,27,32,.78),rgba(20,27,32,.52)),var(--lp-bg,none); background-size: cover; background-position: center center; border-bottom: 1px solid var(--line,#2f3a47); color: rgb(241, 244, 242);}
.anim-lp-logo{width: 78px; height: 78px; display: grid; place-items: center; filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 4px 9px);}
.anim-lp-logo img{width: 100%; height: 100%; object-fit: contain;}
.anim-lp-logo svg{width: 52px; height: 52px;}
.anim-lp-id{display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 0px;}
.anim-lp-id b{font-size: 19px; font-weight: 800; line-height: 1.15; color: rgb(255, 255, 255);}
.anim-lp-pay{display: inline-block; padding: 2px 10px; border-radius: 999px; background: rgba(255, 106, 0, 0.16); border: 1px solid rgba(255, 106, 0, 0.45); color: rgb(255, 176, 114); font-size: 11.5px; font-weight: 700;}
.anim-lp-body{padding: 12px 14px 14px;}
.anim-lp-lbl{margin: 0px 0px 8px; font-size: 12px; font-weight: 700; color: var(--muted,#8b97a6);}
html body #app .anim-board-wrap .anim-col-left .anim-lp-grid .anim-all-hours{align-items: center; justify-content: center; display: flex !important; width: auto !important; min-height: 38px !important; margin: 0px !important; padding: 8px 4px !important; border-radius: 10px !important; border: 1.5px dashed var(--orange,#ff6a00) !important; background: transparent !important; color: var(--orange,#ff6a00) !important; font-size: 12.5px !important; font-weight: 700 !important;}
html body #app .anim-board-wrap .anim-col-left .anim-lp-grid .anim-all-hours.selected{background: var(--orange,#ff6a00) !important; border-style: solid !important; color: rgb(255, 255, 255) !important;}
html body #app .anim-board-wrap .anim-col-left.anim-lp .anim-cierre{margin: 10px 0px 0px; font-size: 11px; line-height: 1.35;}
:root[data-theme="light"] .anim-lp-hero{background-image: linear-gradient(160deg,rgba(20,27,32,.70),rgba(20,27,32,.45)),var(--lp-bg,none);}
@media (max-width: 900px){
.anim-lp-hero{flex-direction: row; justify-content: flex-start; text-align: left; padding: 12px 14px; gap: 12px;}
.anim-lp-logo{width: 56px; height: 56px; flex: 0 0 auto;}
.anim-lp-id{align-items: flex-start;}
.anim-lp-id b{font-size: 17px;}
}
@media (max-width: 600px){
html body #app .anim-board-wrap .anim-col-left .anim-lp-grid .anim-all-hours{font-size: 11.5px !important; padding: 8px 2px !important;}
}
.dp-results-header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 12px;}
.dp-results-filters{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.res-fichas-container{margin-bottom: 14px;}
.res-fichas-card{background: var(--card,#1b2430); border: 1px solid var(--line,#2f3a47); border-radius: 12px; margin-bottom: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 12px;}
.res-fichas-h{display: flex; align-items: center; padding: 10px 14px; background: var(--card2,#141c26); border-bottom: 1px solid var(--line,#243040);}
.res-fichas-id{display: flex; align-items: center; gap: 10px;}
.res-fichas-id b{font-size: 14.5px; font-weight: 800; color: var(--text,#fff); line-height: 1;}
.res-lot-ico{width: 28px; height: 28px; border-radius: 6px; background: var(--card2,#111b27); border: 1px solid var(--line,#2f3a47); display: grid; place-items: center; overflow: hidden; flex: 0 0 auto;}
.res-lot-ico img{width: 100%; height: 100%; object-fit: contain;}
.res-lot-fallback{font-size: 11px; font-weight: 800; color: var(--orange,#ff6a00);}
.res-fichas-grid-c{display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 8px; padding: 12px;}
.res-dado-it{display: flex; flex-direction: column; height: 84px; border-radius: 9px; background: var(--card2,#141d27); border: 1px solid var(--line,#263444); overflow: hidden; text-align: center; transition: 0.15s; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px;}
.res-dado-hora{padding: 4px 4px 3px; background: rgb(36, 42, 49); font-size: 10px; font-family: inherit; font-weight: 700; color: var(--muted,#94a3b8); border-bottom: 1px solid var(--line,#243040); white-space: nowrap; letter-spacing: 0.2px; line-height: 1.2;}
.res-dado-body{flex: 1 1 0%; padding: 4px 3px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.res-dado-num{font-size: 17px; font-weight: 900; color: var(--text,#fff); line-height: 1.1; font-variant-numeric: tabular-nums;}
.res-dado-nom{font-size: 10.5px; font-weight: 700; color: var(--text,#fff); white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; margin-top: 3px;}
.res-dado-it.is-latest{border: 1.5px solid var(--orange,#ff6a00); box-shadow: rgba(255, 106, 0, 0.18) 0px 2px 10px; background: rgba(255, 106, 0, 0.05);}
.res-dado-it.is-latest .res-dado-hora{background: var(--card2,#141c26); color: var(--muted,#94a3b8); border-bottom: 1px solid var(--line,#243040);}
.res-dado-it.is-latest .res-dado-num{color: var(--orange,#ff6a00);}
.res-fichas-empty{padding: 14px; color: var(--muted,#8b97a6); font-size: 12px; text-align: center;}
:root[data-theme="light"] .res-fichas-card{background: rgb(255, 255, 255); border-color: rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 10px;}
:root[data-theme="light"] .res-fichas-h{background: rgb(248, 250, 252); border-color: rgb(226, 232, 240); color: rgb(15, 23, 42);}
:root[data-theme="light"] .res-fichas-id b{color: rgb(15, 23, 42);}
:root[data-theme="light"] .res-dado-it{background: rgb(248, 250, 252); border-color: rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 4px;}
:root[data-theme="light"] .res-dado-hora{background: rgb(241, 245, 249); color: rgb(100, 116, 139); border-color: rgb(226, 232, 240);}
:root[data-theme="light"] .res-dado-num,:root[data-theme="light"] .res-dado-nom{color: rgb(15, 23, 42);}
:root[data-theme="light"] .res-dado-it.is-latest{border-color: rgb(234, 88, 12); background: rgba(234, 88, 12, 0.05);}
:root[data-theme="light"] .res-dado-it.is-latest .res-dado-hora{background: rgb(241, 245, 249); color: rgb(100, 116, 139); border-color: rgb(226, 232, 240);}
:root[data-theme="light"] .res-dado-it.is-latest .res-dado-num{color: rgb(234, 88, 12);}
@media (max-width: 600px){
.dp-results-header{gap: 8px;}
.dp-results-filters{width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.res-fichas-grid-c{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 6px; padding: 8px;}
.res-dado-it{height: 76px;}
.res-dado-hora{font-size: 9px; padding: 3px 2px;}
.res-dado-num{font-size: 15px;}
.res-dado-nom{font-size: 9.5px;}
}
@media (max-width: 360px){
.res-fichas-grid-c{grid-template-columns: repeat(3, minmax(0px, 1fr));}
}
html body .home75-track > .home75-card.home75-op,html body .home75-track > .home75-card.home75-animal{box-sizing: border-box; flex: 0 0 124px !important; width: 124px !important; max-width: 124px !important; aspect-ratio: 1 / 1 !important; height: auto !important; min-height: 0px !important; padding: 10px 8px !important; gap: 6px !important; border-radius: 14px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important;}
html body .home75-track > .home75-card.home75-op .home75-oplogo,html body .home75-track > .home75-card.home75-animal .home75-card-symbol{flex: 1 1 auto !important; min-height: 0px !important; height: auto !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important;}
html body .home75-track > .home75-card.home75-op .home75-oplogo img,html body .home75-track > .home75-card.home75-op .home75-oplogo svg,html body .home75-track > .home75-card.home75-animal .home75-card-symbol img{object-fit: contain; width: auto !important; height: auto !important; max-width: 84% !important; max-height: 54px !important;}
html body .home75-track > .home75-card.home75-op .operator-wordmark{font-size: 22px !important;}
html body .home75-track > .home75-card.home75-op .operator-simple{width: 46px !important; height: 46px !important; font-size: 28px !important;}
html body .home75-track > .home75-card.home75-op strong,html body .home75-track > .home75-card.home75-animal strong{line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; font-size: 12px !important;}
html body .home75-track > .home75-card.home75-op small,html body .home75-track > .home75-card.home75-animal small{display: none !important;}
@media (max-width: 800px){
html body .home75-track{gap: 10px !important;}
html body .home75-track > .home75-card.home75-op,html body .home75-track > .home75-card.home75-animal{flex-basis: calc(23.2558% - 9.30233px) !important; width: calc(23.2558% - 9.30233px) !important; max-width: none !important; padding: 7px 5px !important; gap: 4px !important; border-radius: 12px !important;}
html body .home75-track > .home75-card.home75-op .home75-oplogo img,html body .home75-track > .home75-card.home75-op .home75-oplogo svg,html body .home75-track > .home75-card.home75-animal .home75-card-symbol img{max-height: 38px !important;}
html body .home75-track > .home75-card.home75-op .operator-wordmark{font-size: 15px !important;}
html body .home75-track > .home75-card.home75-op .operator-simple{width: 32px !important; height: 32px !important; font-size: 20px !important;}
html body .home75-track > .home75-card.home75-op strong,html body .home75-track > .home75-card.home75-animal strong{font-size: 10.5px !important;}
}
.pcx-empty{padding: 18px; border: 1px dashed var(--line,#2f3a47); border-radius: 12px; color: var(--muted,#8b97a6); font-size: 13px; text-align: center;}
.pct-wrap{border: 1px solid var(--line,#2a3542); border-radius: 12px; overflow: hidden; background: var(--card,#1b2430);}
.pct{width: 100%; border-collapse: collapse; font-size: 12.5px;}
.pct th{font-size: 11px; font-weight: 600; color: var(--muted,#8b97a6); text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line,#2a3542); white-space: nowrap;}
.pct td{padding: 7px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); vertical-align: middle; white-space: nowrap;}
.pct .r{text-align: right;}
.pct-row{cursor: pointer;}
.pct-row:hover td,.pct-row.open td{background: rgba(255, 255, 255, 0.024);}
.pct-row:focus-visible{outline: 2px solid var(--orange,#ff6a00); outline-offset: -2px;}
.pct-dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; background: rgb(139, 151, 166); vertical-align: 1px;}
.pct-win .pct-dot{background: rgb(31, 184, 107);}
.pct-run .pct-dot{background: rgba(255, 106, 0);}
.pct-warn .pct-dot{background: rgb(242, 207, 115);}
.pct .c-name b{font-size: 13px;}
.pct .c-name small{display: block; font-size: 10.5px; color: var(--muted,#8b97a6); margin: 2px 0px 0px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 240px;}
.pct-demo{display: inline-block; margin-left: 6px; font-size: 9.5px; font-weight: 800; letter-spacing: 0.3px; color: rgb(242, 207, 115); border: 1px solid rgba(242, 190, 60, 0.45); border-radius: 4px; padding: 0px 4px; vertical-align: 1px;}
.pct-n{display: inline-grid; place-items: center; width: 26px; height: 26px; min-width: 26px; aspect-ratio: 1 / 1; margin: 0px 3px 0px 0px; padding: 0px; border-radius: 50%; border: 1px solid rgba(255, 160, 60, 0.45); background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.6) 14%, rgba(255, 255, 255, 0) 30%), radial-gradient(circle at 75% 85%, rgba(255, 180, 100, 0.35) 0%, rgba(255, 120, 40, 0) 40%), radial-gradient(circle at 36% 28%, rgb(255, 177, 107) 0%, rgb(255, 122, 24) 42%, rgb(181, 62, 5) 78%, rgb(84, 25, 0) 95%, rgb(42, 11, 0) 100%); box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 2px inset, rgba(0, 0, 0, 0.65) -2px -4px 6px inset, rgba(0, 0, 0, 0.4) 0px 3px 6px, rgba(255, 122, 24, 0.35) 0px 1px 3px; color: rgb(15, 23, 42); font-weight: 900; font-size: 11px; line-height: 1; font-variant-numeric: tabular-nums; position: relative; vertical-align: middle;}
.pct-n b{display: grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; background: radial-gradient(circle at 35% 25%, rgb(255, 255, 255) 0%, rgb(244, 240, 230) 68%, rgb(213, 202, 189) 100%); box-shadow: rgb(255, 255, 255) 0px 1px 1px inset, rgba(0, 0, 0, 0.5) 0px 1px 2px; font-weight: 900; font-size: 10px; line-height: 1; letter-spacing: -0.3px; pointer-events: none; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; color: rgb(15, 23, 42) !important;}
.pct-muted{font-size: 11px; color: var(--muted,#8b97a6);}
.pct-bar{display: inline-block; width: 52px; height: 4px; margin-left: 6px; border-radius: 9px; background: rgb(38, 48, 60); overflow: hidden; vertical-align: middle;}
.pct-bar i{display: block; height: 100%; background: var(--orange,#ff6a00);}
.pct .c-state{color: var(--muted,#8b97a6);}
.pct-win .c-state{color: rgb(31, 184, 107);}
.pct-run .c-state{color: rgba(255, 106, 0);}
.pct-warn .c-state{color: rgb(242, 207, 115);}
.pct .c-cost{color: var(--muted,#8b97a6);}
.pct .c-prize{font-weight: 800; color: var(--muted,#8b97a6); font-variant-numeric: tabular-nums;}
.pct .c-prize.pos,.pct .c-net.pos{color: rgb(31, 184, 107);}
.pct .c-net.neg{color: rgb(255, 107, 107);}
.pct .c-chev{color: var(--muted,#8b97a6); width: 16px; transition: transform 0.15s;}
.pct-row.open .c-chev{transform: rotate(90deg);}
.pct-detail td{background: rgba(255, 106, 0, 0.04); padding: 8px 12px 10px 27px; white-space: normal;}
.pct-actions-bar{display: flex; flex-wrap: wrap; align-items: center; gap: 6px;}
.pct-actions-bar .pct-muted{margin-right: auto;}
.pct-hours{display: flex; flex-direction: column; gap: 2px; margin-top: 6px;}
.pct-hours small{font-size: 11px; color: var(--muted,#8b97a6);}
:root[data-theme="light"] .pct-n{box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) -2px -4px 6px inset, rgba(255, 122, 24, 0.35) 0px 2px 5px;}
@media (max-width: 760px){
.pct thead{display: none;}
.pct,.pct tbody{display: block;}
.pct-row{display: grid; grid-template-columns: auto 1fr auto auto 14px; align-items: center; gap: 6px 8px; padding: 9px 11px; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
.pct-row td{padding: 0px; border: 0px; background: none !important;}
.pct .c-name{grid-area: 1 / 1 / auto / 4; min-width: 0px; overflow: hidden; text-overflow: ellipsis;}
.pct .c-name small{display: none;}
.pct .c-prize{grid-area: 1 / 4; font-size: 14px;}
.pct .c-chev{grid-area: 1 / 5;}
.pct .c-nums{grid-area: 2 / 1;}
.pct .c-state{grid-area: 2 / 2; font-size: 11px; overflow: hidden; text-overflow: ellipsis;}
.pct .c-rounds{grid-area: 2 / 3; font-size: 10.5px; color: var(--muted,#8b97a6);}
.pct .c-rounds .pct-bar{display: none;}
.pct .c-net{grid-area: 2 / 4 / auto / 6; font-size: 10.5px;}
.pct .c-cost{display: none;}
.pct-detail{display: block;}
.pct-detail[hidden]{display: none;}
.pct-detail td{display: block; padding: 8px 11px 10px;}
}
#app .anim77-history .section-head p{display: none !important;}
#app .anim77-history .section-head h2{font-size: 17px !important; margin: 0px !important;}
#app .anim77-history .anim77-filters{flex-wrap: nowrap; margin: 8px 0px 10px !important; gap: 6px !important; align-items: center !important;}
#app .anim77-history .anim77-filters label{align-items: center; flex-direction: row !important; gap: 0px !important; min-width: 0px !important; font-size: 0px !important;}
#app .anim77-history .anim77-filters select,#app .anim77-history .anim77-filters input{height: 32px !important; min-height: 32px !important; padding: 5px 9px !important; font-size: 12px !important; border-radius: 8px !important;}
#app .anim77-history .anim77-filters #anim77-clear{height: 32px; min-height: 32px !important; padding: 0px 11px !important; font-size: 12px !important;}
#app .anim77-history .anim77-table-scroller{border-radius: 12px !important;}
#app .anim77-history .anim77-table{font-size: 12.5px !important;}
#app .anim77-history .anim77-table th button{padding: 8px 10px !important; font-size: 11px !important; font-weight: 600 !important; color: var(--muted,#8b97a6) !important;}
#app .anim77-history .anim77-table td{padding: 6px 10px !important;}
#app .anim77-history .anim77-table td:first-child{color: var(--muted,#8b97a6);}
#app .anim77-history .anim77-table td:nth-child(6){text-align: right; color: rgb(255, 154, 74); font-weight: 700;}
#app .anim77-history .anim77-table td:nth-child(7){text-align: right;}
#app .anim77-history .anim77-table th:nth-child(6),#app .anim77-history .anim77-table th:nth-child(7){text-align: right;}
#app .anim77-history .anim77-table .status{font-size: 10.5px !important; padding: 2px 8px !important;}
@media (max-width: 700px){
#app .anim77-history .anim77-filters{flex-wrap: wrap !important;}
#app .anim77-history .anim77-table-scroller{overflow: hidden !important;}
#app .anim77-history .anim77-table thead{display: none;}
#app .anim77-history .anim77-table,#app .anim77-history .anim77-table tbody{display: block;}
#app .anim77-history .anim77-table tr:not([hidden]){grid-template-columns: auto minmax(0px, 1fr) auto; gap: 2px 8px; align-items: center; padding: 8px 10px; border-top: 1px solid var(--line,#2a3542); display: grid !important;}
#app .anim77-history .anim77-table td{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px !important; border: 0px !important;}
#app .anim77-history .anim77-table td:nth-child(4){grid-area: 1 / 1 / auto / 3;}
#app .anim77-history .anim77-table td:nth-child(2){grid-area: 2 / 2; font-size: 11px; color: var(--muted,#8b97a6);}
#app .anim77-history .anim77-table td:first-child{grid-area: 2 / 1; font-size: 10.5px;}
#app .anim77-history .anim77-table td:nth-child(8){grid-area: 1 / 3; text-align: right;}
#app .anim77-history .anim77-table td:nth-child(6){grid-area: 2 / 3; font-size: 11px;}
#app .anim77-history .anim77-table td:nth-child(7){display: none;}
#app .anim77-history .anim77-table tr[data-st="ganada"] td:nth-child(6){display: none;}
#app .anim77-history .anim77-table tr[data-st="ganada"] td:nth-child(7){display: block; grid-area: 2 / 3; font-size: 11px; color: rgb(31, 184, 107); font-weight: 800;}
}
.fx-legend{display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font-size: 11.5px; font-weight: 600; color: var(--muted,#8b97a6); white-space: nowrap;}
.fx-dot{display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 2px; margin-left: 8px; vertical-align: middle; border: 1px solid rgba(255, 80, 80, 0.45); background: radial-gradient(circle at 30% 20%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.7) 15%, transparent 32%), radial-gradient(circle at 36% 28%, rgb(255, 77, 77) 0%, rgb(238, 17, 17) 40%, rgb(153, 0, 0) 80%, rgb(69, 0, 0) 100%); box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 1.5px inset, rgba(0, 0, 0, 0.6) -1px -2px 3px inset, rgba(0, 0, 0, 0.35) 0px 2px 4px;}
.fx-dot.fx-hit{border-color: rgba(52, 211, 153, 0.55); background: radial-gradient(circle at 30% 20%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.7) 15%, transparent 32%), radial-gradient(circle at 36% 28%, rgb(52, 211, 153) 0%, rgb(16, 185, 129) 40%, rgb(5, 150, 105) 80%, rgb(2, 44, 34) 100%); box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 1.5px inset, rgba(0, 0, 0, 0.6) -1px -2px 3px inset, rgba(16, 185, 129, 0.4) 0px 2px 5px;}
.fx-wrap{border: 1px solid var(--line,#2a3542); border-radius: 12px; overflow: hidden; background: var(--card,#1b2430); margin-top: 10px;}
.fx-table{width: 100%; border-collapse: collapse; font-size: 12.5px;}
.fx-table th{font-size: 11px; font-weight: 600; color: var(--muted,#8b97a6); text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line,#2a3542);}
.fx-table td{padding: 7px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); white-space: nowrap; vertical-align: middle;}
.fx-lot b{font-size: 13px;}
.fx-lot small{display: block; font-size: 10.5px; color: var(--muted,#8b97a6);}
.fx-none{color: var(--muted,#8b97a6);}
.fx-n{display: inline-grid; place-items: center; width: 26px; height: 26px; min-width: 26px; aspect-ratio: 1 / 1; margin: 0px 3px 0px 0px; padding: 0px; border-radius: 50%; border: 1px solid rgba(255, 80, 80, 0.45); background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.6) 14%, rgba(255, 255, 255, 0) 30%), radial-gradient(circle at 75% 85%, rgba(255, 120, 120, 0.35) 0%, rgba(255, 80, 80, 0) 40%), radial-gradient(circle at 36% 28%, rgb(255, 77, 77) 0%, rgb(238, 17, 17) 38%, rgb(179, 0, 0) 70%, rgb(89, 0, 0) 95%, rgb(42, 0, 0) 100%); box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 2px inset, rgba(0, 0, 0, 0.65) -2px -4px 6px inset, rgba(0, 0, 0, 0.4) 0px 3px 6px, rgba(220, 38, 38, 0.35) 0px 1px 3px; color: rgb(15, 23, 42); font-weight: 900; font-size: 11px; line-height: 1; cursor: pointer; font-variant-numeric: tabular-nums; position: relative; vertical-align: middle; transition: transform 0.15s, filter 0.15s;}
.fx-n:hover{transform: translateY(-1.5px) scale(1.08); filter: brightness(1.12);}
.fx-n b{display: grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; background: radial-gradient(circle at 35% 25%, rgb(255, 255, 255) 0%, rgb(244, 240, 230) 68%, rgb(213, 202, 189) 100%); box-shadow: rgb(255, 255, 255) 0px 1px 1px inset, rgba(0, 0, 0, 0.5) 0px 1px 2px; font-weight: 900; font-size: 10px; line-height: 1; letter-spacing: -0.3px; pointer-events: none; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; color: rgb(15, 23, 42) !important;}
.fx-n.is-hit{border-color: rgba(52, 211, 153, 0.55); background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.6) 14%, rgba(255, 255, 255, 0) 30%), radial-gradient(circle at 75% 85%, rgba(110, 231, 183, 0.4) 0%, rgba(52, 211, 153, 0) 40%), radial-gradient(circle at 36% 28%, rgb(52, 211, 153) 0%, rgb(16, 185, 129) 38%, rgb(5, 150, 105) 68%, rgb(4, 120, 87) 85%, rgb(2, 44, 34) 100%); box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 2px inset, rgba(0, 0, 0, 0.65) -2px -4px 6px inset, rgba(16, 185, 129, 0.45) 0px 3px 8px, rgba(0, 0, 0, 0.45) 0px 1px 3px;}
:root[data-theme="light"] .fx-wrap{background: rgb(255, 255, 255); border-color: rgb(226, 232, 240);}
:root[data-theme="light"] .fx-table th{border-color: rgb(226, 232, 240); background: rgb(248, 250, 252); color: rgb(71, 85, 105);}
:root[data-theme="light"] .fx-table td{border-color: rgb(241, 245, 249);}
:root[data-theme="light"] .fx-n{box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) -2px -4px 6px inset, rgba(220, 38, 38, 0.35) 0px 2px 5px;}
:root[data-theme="light"] .fx-n.is-hit{box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) -2px -4px 6px inset, rgba(16, 185, 129, 0.4) 0px 2px 6px;}
@media (max-width: 700px){
.fx-table thead{display: none;}
.fx-table,.fx-table tbody,.fx-table tr{display: block;}
.fx-table tr{padding: 8px 10px; border-bottom: 1px solid var(--line,#2a3542);}
.fx-table td{display: flex; align-items: center; gap: 8px; padding: 3px 0px; border: 0px;}
.fx-table td.fx-lot{padding-bottom: 4px;}
.fx-table td.fx-cell::before{content: attr(data-label); width: 64px; flex: 0 0 auto; font-size: 11px; color: var(--muted,#8b97a6);}
.fx-table td.fx-none{display: none;}
.fx-legend{margin-left: 0px; flex-basis: 100%;}
}
.lot-play-header{display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; padding: 12px 18px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 10px;}
.lot-play-header-left{display: flex; align-items: center; gap: 14px;}
.lot-play-logo-wrap{width: 48px; height: 48px; border-radius: 12px; background: var(--card2); border: 1px solid var(--line); display: grid; place-items: center; flex-shrink: 0;}
.lot-play-logo-wrap img{max-width: 38px; max-height: 38px; object-fit: contain;}
.lot-play-badges{display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px;}
.lot-badge{display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 6px; font-size: 11px; font-weight: 700; background: color-mix(in srgb, var(--orange) 12%, var(--card2)); color: var(--orange); border: 1px solid color-mix(in srgb, var(--orange) 28%, transparent);}
.lot-badge-sub{font-size: 11.5px; color: var(--muted); margin-left: 4px;}
.lottery-board-layout{display: grid; grid-template-columns: minmax(0px, 1fr) 350px; gap: 18px; align-items: start;}
.lot-play-main{display: flex; flex-direction: column; gap: 16px; min-width: 0px;}
.lot-step-card{background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px;}
.lot-step-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; flex-wrap: wrap;}
.lot-step-title{display: flex; align-items: center; gap: 10px;}
.lot-step-num{width: 28px; height: 28px; border-radius: 8px; background: linear-gradient(135deg, rgba(255, 106, 0), rgb(234, 88, 12)); color: rgb(255, 255, 255); font-size: 13px; font-weight: 800; display: grid; place-items: center; box-shadow: rgba(255, 106, 0, 0.3) 0px 2px 8px; flex-shrink: 0;}
.lot-step-title h3{margin: 0px; font-size: 15.5px; font-weight: 800; color: var(--text, #fff);}
.lot-step-title p{margin: 2px 0px 0px; font-size: 12px; color: var(--muted, #93a0b0);}
.lot-step-actions{display: flex; align-items: center; gap: 8px;}
.lot-board-matrix{overflow-x: auto; border-radius: 10px; border: 1px solid var(--line); background: var(--card2);}
.lot-matrix-table{width: 100%; border-collapse: collapse;}
.lot-matrix-table th{padding: 8px 12px; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--muted); background: var(--card); border-bottom: 1px solid var(--line);}
.lot-matrix-table th.col-hour{text-align: left; width: 105px;}
.lot-matrix-table td{padding: 6px 8px; text-align: center; border-bottom: 1px solid var(--line);}
.lot-matrix-table tr:last-child td,.lot-matrix-table tr:last-child th{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
.lot-matrix-table tbody th{padding: 6px 12px; text-align: left;}
.lb-hour{background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--text, inherit); font-size: 12.5px; font-weight: 700; cursor: pointer; padding: 4px 6px; border-radius: 6px; transition: 0.15s; white-space: nowrap;}
.lb-hour:hover{color: rgba(255, 106, 0); background: color-mix(in srgb, var(--orange) 10%, transparent);}
.lb-cell{min-width: 44px; min-height: 38px; padding: 4px 10px; border: 1px solid var(--line); background: var(--card); color: var(--text); border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; transition: 0.18s cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; align-items: center; justify-content: center;}
.lb-cell:hover:not(:disabled){border-color: rgba(255, 106, 0); transform: translateY(-1px);}
.lb-cell.on{box-shadow: rgba(255, 106, 0, 0.38) 0px 2px 10px; transform: scale(1.04); background: linear-gradient(135deg, rgba(255, 106, 0), rgb(234, 88, 12)) !important; border-color: rgba(255, 106, 0) !important; color: rgb(255, 255, 255) !important;}
.lb-cell.off{opacity: 0.45; background: transparent; border-color: var(--line); color: var(--muted); font-size: 10.5px; font-weight: 600; cursor: not-allowed;}
.lot-inputs-row{display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 14px 0px 10px;}
.lot-field label{display: block; font-size: 12px; font-weight: 700; color: var(--muted); margin-bottom: 6px;}
.lot-text-input{width: 100%; padding: 10px 14px; font-size: 15px; font-weight: 700; border-radius: 10px; border: 1px solid var(--line); background: var(--card2); color: var(--text); outline: none; box-sizing: border-box; transition: border-color 0.2s;}
.lot-text-input:focus{border-color: rgba(255, 106, 0); box-shadow: rgba(255, 106, 0, 0.15) 0px 0px 0px 3px;}
.lot-money-input{position: relative; display: flex; align-items: center;}
.lot-money-input .lot-prefix{position: absolute; left: 12px; font-size: 13px; font-weight: 800; color: var(--orange); pointer-events: none;}
.lot-money-input .lot-text-input{padding-left: 38px;}
.lb-seg{display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 4px; border-radius: 11px; background: var(--card2); border: 1px solid var(--line);}
.lb-seg button{border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: var(--text); border-radius: 8px; padding: 8px 4px; font-size: 13px; font-weight: 700; cursor: pointer; transition: 0.15s;}
.lb-seg button.on{background: linear-gradient(135deg, rgba(255, 106, 0), rgb(234, 88, 12)); color: rgb(255, 255, 255); box-shadow: rgba(255, 106, 0, 0.25) 0px 2px 8px;}
.lb-amt{display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap;}
.lb-amt button{flex: 1 1 0%; min-width: 50px; padding: 7px 10px; border-radius: 8px; border: 1px solid var(--line); background: var(--card2); color: var(--text); font-size: 13px; font-weight: 700; cursor: pointer; transition: 0.15s;}
.lb-amt button:hover,.lb-amt button.on{border-color: rgba(255, 106, 0); color: rgba(255, 106, 0); background: color-mix(in srgb, var(--orange) 10%, var(--card2));}
.lb-signs{display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px;}
.lb-signs button{display: flex; align-items: center; justify-content: center; gap: 4px; padding: 6px 4px; border-radius: 8px; border: 1px solid var(--line); background: var(--card2); color: var(--text); font-size: 12px; font-weight: 600; cursor: pointer; transition: 0.15s;}
.lb-signs button.on{border-color: rgba(255, 106, 0); background: color-mix(in srgb, var(--orange) 15%, var(--card2)); color: rgb(255, 133, 11); font-weight: 800;}
.lb-signs button i{font-style: normal; font-size: 14px;}
.lb-signs-wrap[hidden]{display: none !important;}
.lb-preview{margin-top: 12px; padding: 10px 14px; border-radius: 10px; background: color-mix(in srgb, var(--orange) 8%, var(--card2)); border: 1px dashed color-mix(in srgb, var(--orange) 30%, transparent); font-size: 13px; color: var(--text);}
.lb-preview:empty{display: none;}
.lb-preview b{color: rgb(255, 133, 11);}
.lb-preview span{display: inline-block; background: var(--card); border-radius: 6px; padding: 2px 7px; margin: 4px 4px 0px 0px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; color: rgb(255, 133, 11);}
.lot-ball-mini{display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 26px; padding: 0px 6px; border-radius: 13px; font-size: 13px; font-weight: 800; color: rgb(255, 255, 255); background: radial-gradient(circle at 35% 30%, rgb(255, 157, 66) 0%, rgb(234, 88, 12) 60%, rgb(154, 52, 18) 100%); box-shadow: rgba(234, 88, 12, 0.4) 0px 2px 6px, rgba(255, 255, 255, 0.4) 0px 1px 1px inset; letter-spacing: 0.5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;}
.lot-cupon-panel{position: sticky; top: 16px; margin-top: 0px !important;}
.lot-cupon-panel .anim-cupon-list{max-height: 380px; overflow-y: auto; padding-right: 2px;}
.lot-btn-bet{cursor: pointer; background: linear-gradient(135deg, rgba(255, 106, 0), rgb(234, 88, 12)) !important; color: rgb(255, 255, 255) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 12px !important; padding: 13px !important; box-shadow: rgba(255, 106, 0, 0.35) 0px 3px 12px !important; transition: 0.2s !important;}
.lot-btn-bet:hover:not(:disabled){transform: translateY(-1px) !important; box-shadow: rgba(255, 106, 0, 0.45) 0px 5px 16px !important;}
.lot-btn-bet:disabled{opacity: 0.5 !important; cursor: not-allowed !important; box-shadow: none !important;}
.lot-btn-bet.btn-confirm-arm{animation: 1.2s ease 0s infinite normal none running dpPulse; background: linear-gradient(135deg, rgb(245, 158, 11), rgb(217, 119, 6)) !important;}
@keyframes dpPulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}
@media (max-width: 960px){
.lottery-board-layout{grid-template-columns: 1fr;}
.lot-cupon-panel{position: static;}
.lb-signs{grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 580px){
.lot-inputs-row{grid-template-columns: 1fr;}
.lb-signs{grid-template-columns: repeat(3, 1fr);}
}
#app .op-logo-img{display: block; max-width: 86%; max-height: 70%; margin: auto; object-fit: contain; box-sizing: border-box; filter: drop-shadow(rgba(0, 0, 0, 0.22) 0px 2px 6px); transition: transform 0.2s; background: transparent !important; animation: auto ease 0s 1 normal none running none !important;}
#app .op-logo-img.dp-image-loading,#app .op-logo-img.dp-image-ready{background: transparent !important; animation: auto ease 0s 1 normal none running none !important;}
#app .ref-selected-logo .op-logo-img{max-width: 48px !important; max-height: 36px !important; width: 100% !important; height: 100% !important; object-fit: contain !important; display: block !important; margin: auto !important;}
#app .home75-op:hover .op-logo-img{transform: scale(1.06);}
#app .home75-op[data-home-operator$="pos"]{position: relative;}
#app .home75-op[data-home-operator$="pos"]::after{content: "POSTPAGO"; position: absolute; top: 7px; right: 7px; font-size: 8.5px; font-weight: 800; letter-spacing: 0.5px; padding: 2px 5px; border-radius: 5px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); color: var(--text,#fff); pointer-events: none;}
html[data-theme="light"] #app .home75-op[data-home-operator$="pos"]::after{background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.12); color: rgb(34, 34, 34);}
html[data-theme="light"] #app .op-logo-img.op-cantv{content: url("/img/logos/op/cantv-light.svg");}
html[data-theme="light"] #app .op-logo-img.op-movistar,html[data-theme="light"] #app .op-logo-img.op-movistarpos{content: url("/img/logos/op/movistar-light.svg");}
html[data-theme="light"] #app .op-logo-img.op-digitel,html[data-theme="light"] #app .op-logo-img.op-digitelpos{content: url("/img/logos/op/digitel-light.svg");}
html[data-theme="light"] #app .op-logo-img.op-inter{content: url("/img/logos/op/inter-light.svg");}
.lb-mine-list{display: grid; gap: 6px;}
.lb-mine-row{display: grid; grid-template-columns: minmax(0px, 1fr) auto auto; gap: 10px; align-items: center; border-bottom: 1px solid var(--line); padding: 7px 0px; font-size: 13px;}
.lb-mine-row small{display: block; color: var(--muted); font-size: 11.5px; overflow-wrap: anywhere;}
#app .op-logo-fb{display: contents;}
#app .op-logo-fb[hidden]{display: none;}
html[data-theme="light"] #app .home75-card.home75-animal{background: radial-gradient(circle at 50% 25%, rgb(248, 250, 252) 0%, rgb(255, 255, 255) 60%, rgb(226, 232, 240) 100%) !important; border: 1.5px solid rgb(203, 213, 225) !important; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px !important; color: rgb(15, 23, 42) !important;}
html[data-theme="light"] #app .home75-card.home75-animal:hover{transform: translateY(-3px);}
html[data-theme="light"] #app .home75-card.home75-animal strong{color: rgb(15, 23, 42) !important;}
html[data-theme="light"] #app .home75-card.home75-animal .home75-card-symbol img{filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 3px 6px);}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="lotto_activo"],html[data-theme="light"] #app .home75-animal[data-lottery-theme="lottoactivo"]{background: radial-gradient(circle at 50% 25%, rgb(232, 250, 240) 0%, rgb(247, 253, 249) 60%, rgb(219, 245, 231) 100%) !important; border: 1.5px solid rgb(134, 239, 172) !important; box-shadow: rgba(16, 185, 129, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="lotto_activo"] strong,html[data-theme="light"] #app .home75-animal[data-lottery-theme="lottoactivo"] strong{color: rgb(6, 95, 70) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="lotto_activo"]:hover,html[data-theme="light"] #app .home75-animal[data-lottery-theme="lottoactivo"]:hover{border-color: rgb(16, 185, 129) !important; box-shadow: rgba(16, 185, 129, 0.25) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="granjita"],html[data-theme="light"] #app .home75-animal[data-lottery-theme="lagranjita"]{background: radial-gradient(circle at 50% 25%, rgb(254, 249, 195) 0%, rgb(255, 253, 240) 60%, rgb(254, 240, 138) 100%) !important; border: 1.5px solid rgb(250, 204, 21) !important; box-shadow: rgba(234, 179, 8, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="granjita"] strong,html[data-theme="light"] #app .home75-animal[data-lottery-theme="lagranjita"] strong{color: rgb(113, 63, 18) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="granjita"]:hover,html[data-theme="light"] #app .home75-animal[data-lottery-theme="lagranjita"]:hover{border-color: rgb(234, 179, 8) !important; box-shadow: rgba(234, 179, 8, 0.26) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="guacharo"],html[data-theme="light"] #app .home75-animal[data-lottery-theme="guacharoactivo"]{background: radial-gradient(circle at 50% 25%, rgb(255, 228, 230) 0%, rgb(255, 245, 246) 60%, rgb(254, 205, 211) 100%) !important; border: 1.5px solid rgb(253, 164, 175) !important; box-shadow: rgba(225, 29, 72, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="guacharo"] strong,html[data-theme="light"] #app .home75-animal[data-lottery-theme="guacharoactivo"] strong{color: rgb(136, 19, 55) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="guacharo"]:hover,html[data-theme="light"] #app .home75-animal[data-lottery-theme="guacharoactivo"]:hover{border-color: rgb(244, 63, 94) !important; box-shadow: rgba(225, 29, 72, 0.25) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="lottogato"]{background: radial-gradient(circle at 50% 25%, rgb(224, 242, 254) 0%, rgb(245, 250, 255) 60%, rgb(186, 230, 253) 100%) !important; border: 1.5px solid rgb(125, 211, 252) !important; box-shadow: rgba(14, 165, 233, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="lottogato"] strong{color: rgb(3, 105, 161) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="lottogato"]:hover{border-color: rgb(2, 132, 199) !important; box-shadow: rgba(14, 165, 233, 0.25) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="gatazo"]{background: radial-gradient(circle at 50% 25%, rgb(254, 243, 199) 0%, rgb(255, 251, 240) 60%, rgb(253, 230, 138) 100%) !important; border: 1.5px solid rgb(252, 211, 77) !important; box-shadow: rgba(245, 158, 11, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="gatazo"] strong{color: rgb(120, 53, 15) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="gatazo"]:hover{border-color: rgb(217, 119, 6) !important; box-shadow: rgba(245, 158, 11, 0.25) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="condor_gana"],html[data-theme="light"] #app .home75-animal[data-lottery-theme="condorgana"]{background: radial-gradient(circle at 50% 25%, rgb(243, 232, 255) 0%, rgb(250, 245, 255) 60%, rgb(233, 213, 255) 100%) !important; border: 1.5px solid rgb(216, 180, 254) !important; box-shadow: rgba(168, 85, 247, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="condor_gana"] strong,html[data-theme="light"] #app .home75-animal[data-lottery-theme="condorgana"] strong{color: rgb(88, 28, 135) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="condor_gana"]:hover,html[data-theme="light"] #app .home75-animal[data-lottery-theme="condorgana"]:hover{border-color: rgb(168, 85, 247) !important; box-shadow: rgba(168, 85, 247, 0.25) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="granjamillo"]{background: radial-gradient(circle at 50% 25%, rgb(254, 252, 232) 0%, rgb(255, 254, 247) 60%, rgb(254, 240, 138) 100%) !important; border: 1.5px solid rgb(253, 224, 71) !important; box-shadow: rgba(202, 138, 4, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="granjamillo"] strong{color: rgb(133, 77, 14) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="granjamillo"]:hover{border-color: rgb(202, 138, 4) !important; box-shadow: rgba(202, 138, 4, 0.25) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="granjazo"]{background: radial-gradient(circle at 50% 25%, rgb(236, 252, 203) 0%, rgb(247, 254, 231) 60%, rgb(217, 249, 157) 100%) !important; border: 1.5px solid rgb(190, 242, 100) !important; box-shadow: rgba(132, 204, 22, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="granjazo"] strong{color: rgb(54, 83, 20) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="granjazo"]:hover{border-color: rgb(132, 204, 22) !important; box-shadow: rgba(132, 204, 22, 0.25) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="tropi_gana"],html[data-theme="light"] #app .home75-animal[data-lottery-theme="tropigana"]{background: radial-gradient(circle at 50% 25%, rgb(255, 237, 213) 0%, rgb(255, 250, 245) 60%, rgb(254, 215, 170) 100%) !important; border: 1.5px solid rgb(253, 186, 116) !important; box-shadow: rgba(249, 115, 22, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="tropi_gana"] strong,html[data-theme="light"] #app .home75-animal[data-lottery-theme="tropigana"] strong{color: rgb(154, 52, 18) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="tropi_gana"]:hover,html[data-theme="light"] #app .home75-animal[data-lottery-theme="tropigana"]:hover{border-color: rgb(249, 115, 22) !important; box-shadow: rgba(249, 115, 22, 0.25) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="lotto_activo_int"],html[data-theme="light"] #app .home75-animal[data-lottery-theme="lottoactivord"]{background: radial-gradient(circle at 50% 25%, rgb(254, 226, 226) 0%, rgb(255, 247, 247) 60%, rgb(254, 202, 202) 100%) !important; border: 1.5px solid rgb(252, 165, 165) !important; box-shadow: rgba(239, 68, 68, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="lotto_activo_int"] strong,html[data-theme="light"] #app .home75-animal[data-lottery-theme="lottoactivord"] strong{color: rgb(153, 27, 27) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="lotto_activo_int"]:hover,html[data-theme="light"] #app .home75-animal[data-lottery-theme="lottoactivord"]:hover{border-color: rgb(239, 68, 68) !important; box-shadow: rgba(239, 68, 68, 0.25) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="guacharito"]{background: radial-gradient(circle at 50% 25%, rgb(255, 237, 213) 0%, rgb(255, 253, 250) 60%, rgb(254, 215, 170) 100%) !important; border: 1.5px solid rgb(253, 186, 116) !important; box-shadow: rgba(234, 88, 12, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="guacharito"] strong{color: rgb(124, 45, 18) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="loto_chaima"],html[data-theme="light"] #app .home75-animal[data-lottery-theme="chaima"]{background: radial-gradient(circle at 50% 25%, rgb(250, 232, 255) 0%, rgb(253, 244, 255) 60%, rgb(245, 208, 254) 100%) !important; border: 1.5px solid rgb(232, 121, 249) !important; box-shadow: rgba(217, 70, 239, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="loto_chaima"] strong{color: rgb(112, 26, 117) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="centena_animal"],html[data-theme="light"] #app .home75-animal[data-lottery-theme="centena_plus"]{background: radial-gradient(circle at 50% 25%, rgb(207, 250, 254) 0%, rgb(240, 253, 250) 60%, rgb(165, 243, 252) 100%) !important; border: 1.5px solid rgb(103, 232, 249) !important; box-shadow: rgba(6, 182, 212, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="centena_animal"] strong,html[data-theme="light"] #app .home75-animal[data-lottery-theme="centena_plus"] strong{color: rgb(21, 94, 117) !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="ruleta_activa"],html[data-theme="light"] #app .home75-animal[data-lottery-theme="ruleta"]{background: radial-gradient(circle at 50% 25%, rgb(220, 252, 231) 0%, rgb(240, 253, 244) 60%, rgb(187, 247, 208) 100%) !important; border: 1.5px solid rgb(74, 222, 128) !important; box-shadow: rgba(34, 197, 94, 0.12) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-animal[data-lottery-theme="ruleta_activa"] strong{color: rgb(20, 83, 45) !important;}
html[data-theme="light"] #app .home75-card.home75-sport.home79-sport{background: rgb(255, 255, 255) !important; border: 1.5px solid rgb(226, 232, 240) !important; color: rgb(15, 23, 42) !important; box-shadow: rgba(15, 23, 42, 0.05) 0px 3px 10px !important;}
html[data-theme="light"] #app .home75-card.home75-sport.home79-sport::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: linear-gradient(90deg, rgba(255, 106, 0), rgb(234, 88, 12)); opacity: 0.85;}
html[data-theme="light"] #app .home75-card.home75-sport.home79-sport:hover{border-color: rgba(255, 106, 0) !important; box-shadow: rgba(255, 106, 0, 0.12) 0px 6px 18px !important;}
html[data-theme="light"] #app .home79-league{color: rgb(71, 85, 105) !important; background: rgb(241, 245, 249) !important; border: 1px solid rgb(226, 232, 240) !important;}
html[data-theme="light"] #app .home79-time{color: rgb(217, 119, 6) !important;}
html[data-theme="light"] #app .home79-teams span{color: rgb(15, 23, 42) !important;}
html[data-theme="light"] #app .home79-teams em{color: rgb(148, 163, 184) !important; background: rgb(248, 250, 252) !important; border: 1px solid rgb(226, 232, 240) !important;}
html[data-theme="light"] #app .home79-odd{background: rgb(248, 250, 252) !important; border: 1px solid rgb(226, 232, 240) !important;}
html[data-theme="light"] #app .home79-odd:hover{background: rgb(255, 247, 237) !important; border-color: rgba(255, 106, 0) !important;}
html[data-theme="light"] #app .home79-odd em{color: rgb(100, 116, 139) !important;}
html[data-theme="light"] #app .home79-odd b{color: rgb(15, 23, 42) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme],:root[data-theme="light"] #app .anim-lot[data-lottery-theme]{background-color: rgb(248, 250, 252) !important; background-image: radial-gradient(circle at 50% 25%, rgb(241, 245, 249) 0%, rgb(255, 255, 255) 60%, rgb(226, 232, 240) 100%) !important; border: 1.5px solid rgb(203, 213, 225) !important; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px !important; color: rgb(15, 23, 42) !important; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme]:hover,:root[data-theme="light"] #app .anim-lot[data-lottery-theme]:hover{transform: translateY(-3px) !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme] b,:root[data-theme="light"] #app .anim-lot[data-lottery-theme] b{color: rgb(15, 23, 42) !important; font-weight: 800 !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme] small,:root[data-theme="light"] #app .anim-lot[data-lottery-theme] small{color: rgb(100, 116, 139) !important; font-weight: 700 !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme] .anim-lot-ic img,:root[data-theme="light"] #app .anim-lot[data-lottery-theme] .anim-lot-ic img{filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 4px 10px) !important; transition: transform 0.18s !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme]:hover .anim-lot-ic img,:root[data-theme="light"] #app .anim-lot[data-lottery-theme]:hover .anim-lot-ic img{transform: scale(1.08) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_activo"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottoactivo"]{background: radial-gradient(circle at 50% 25%, rgb(232, 250, 240) 0%, rgb(247, 253, 249) 60%, rgb(219, 245, 231) 100%) !important; border-color: rgb(134, 239, 172) !important; box-shadow: rgba(16, 185, 129, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_activo"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottoactivo"] b{color: rgb(6, 95, 70) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_activo"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottoactivo"] small{color: rgb(4, 120, 87) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_activo"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottoactivo"]:hover{border-color: rgb(16, 185, 129) !important; box-shadow: rgba(16, 185, 129, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjita"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="lagranjita"]{background: radial-gradient(circle at 50% 25%, rgb(254, 249, 195) 0%, rgb(255, 253, 240) 60%, rgb(254, 240, 138) 100%) !important; border-color: rgb(250, 204, 21) !important; box-shadow: rgba(234, 179, 8, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjita"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lagranjita"] b{color: rgb(113, 63, 18) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjita"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lagranjita"] small{color: rgb(133, 77, 14) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjita"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lagranjita"]:hover{border-color: rgb(234, 179, 8) !important; box-shadow: rgba(234, 179, 8, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharo"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharoactivo"]{background: radial-gradient(circle at 50% 25%, rgb(255, 228, 230) 0%, rgb(255, 245, 246) 60%, rgb(254, 205, 211) 100%) !important; border-color: rgb(253, 164, 175) !important; box-shadow: rgba(225, 29, 72, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharo"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharoactivo"] b{color: rgb(136, 19, 55) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharo"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharoactivo"] small{color: rgb(159, 18, 57) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharo"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharoactivo"]:hover{border-color: rgb(244, 63, 94) !important; box-shadow: rgba(225, 29, 72, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottogato"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_gato"]{background: radial-gradient(circle at 50% 25%, rgb(224, 242, 254) 0%, rgb(245, 250, 255) 60%, rgb(186, 230, 253) 100%) !important; border-color: rgb(125, 211, 252) !important; box-shadow: rgba(14, 165, 233, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottogato"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_gato"] b{color: rgb(3, 105, 161) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottogato"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_gato"] small{color: rgb(2, 132, 199) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottogato"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_gato"]:hover{border-color: rgb(2, 132, 199) !important; box-shadow: rgba(14, 165, 233, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="gatazo"]{background: radial-gradient(circle at 50% 25%, rgb(254, 243, 199) 0%, rgb(255, 251, 240) 60%, rgb(253, 230, 138) 100%) !important; border-color: rgb(252, 211, 77) !important; box-shadow: rgba(245, 158, 11, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="gatazo"] b{color: rgb(120, 53, 15) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="gatazo"] small{color: rgb(146, 64, 14) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="gatazo"]:hover{border-color: rgb(217, 119, 6) !important; box-shadow: rgba(245, 158, 11, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="condor_gana"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="condorgana"]{background: radial-gradient(circle at 50% 25%, rgb(243, 232, 255) 0%, rgb(250, 245, 255) 60%, rgb(233, 213, 255) 100%) !important; border-color: rgb(216, 180, 254) !important; box-shadow: rgba(168, 85, 247, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="condor_gana"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="condorgana"] b{color: rgb(88, 28, 135) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="condor_gana"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="condorgana"] small{color: rgb(107, 33, 168) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="condor_gana"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="condorgana"]:hover{border-color: rgb(168, 85, 247) !important; box-shadow: rgba(168, 85, 247, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjamillo"]{background: radial-gradient(circle at 50% 25%, rgb(254, 252, 232) 0%, rgb(255, 254, 247) 60%, rgb(254, 240, 138) 100%) !important; border-color: rgb(253, 224, 71) !important; box-shadow: rgba(202, 138, 4, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjamillo"] b{color: rgb(133, 77, 14) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjamillo"] small{color: rgb(161, 98, 7) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjamillo"]:hover{border-color: rgb(202, 138, 4) !important; box-shadow: rgba(202, 138, 4, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjazo"]{background: radial-gradient(circle at 50% 25%, rgb(236, 252, 203) 0%, rgb(247, 254, 231) 60%, rgb(217, 249, 157) 100%) !important; border-color: rgb(190, 242, 100) !important; box-shadow: rgba(132, 204, 22, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjazo"] b{color: rgb(54, 83, 20) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjazo"] small{color: rgb(77, 124, 15) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="granjazo"]:hover{border-color: rgb(132, 204, 22) !important; box-shadow: rgba(132, 204, 22, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="tropi_gana"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="tropigana"]{background: radial-gradient(circle at 50% 25%, rgb(255, 237, 213) 0%, rgb(255, 250, 245) 60%, rgb(254, 215, 170) 100%) !important; border-color: rgb(253, 186, 116) !important; box-shadow: rgba(249, 115, 22, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="tropi_gana"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="tropigana"] b{color: rgb(154, 52, 18) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="tropi_gana"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="tropigana"] small{color: rgb(194, 65, 12) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="tropi_gana"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="tropigana"]:hover{border-color: rgb(249, 115, 22) !important; box-shadow: rgba(249, 115, 22, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_activo_int"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottoactivord"]{background: radial-gradient(circle at 50% 25%, rgb(254, 226, 226) 0%, rgb(255, 247, 247) 60%, rgb(254, 202, 202) 100%) !important; border-color: rgb(252, 165, 165) !important; box-shadow: rgba(239, 68, 68, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_activo_int"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottoactivord"] b{color: rgb(153, 27, 27) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_activo_int"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottoactivord"] small{color: rgb(185, 28, 28) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_activo_int"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottoactivord"]:hover{border-color: rgb(239, 68, 68) !important; box-shadow: rgba(239, 68, 68, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharito"]{background: radial-gradient(circle at 50% 25%, rgb(255, 237, 213) 0%, rgb(255, 253, 250) 60%, rgb(254, 215, 170) 100%) !important; border-color: rgb(253, 186, 116) !important; box-shadow: rgba(234, 88, 12, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharito"] b{color: rgb(124, 45, 18) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharito"] small{color: rgb(154, 52, 18) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="guacharito"]:hover{border-color: rgb(234, 88, 12) !important; box-shadow: rgba(234, 88, 12, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="loto_chaima"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="chaima"]{background: radial-gradient(circle at 50% 25%, rgb(250, 232, 255) 0%, rgb(253, 244, 255) 60%, rgb(245, 208, 254) 100%) !important; border-color: rgb(232, 121, 249) !important; box-shadow: rgba(217, 70, 239, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="loto_chaima"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="chaima"] b{color: rgb(112, 26, 117) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="loto_chaima"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="chaima"] small{color: rgb(134, 25, 143) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="loto_chaima"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="chaima"]:hover{border-color: rgb(217, 70, 239) !important; box-shadow: rgba(217, 70, 239, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="centena_animal"]{background: radial-gradient(circle at 50% 25%, rgb(207, 250, 254) 0%, rgb(240, 253, 250) 60%, rgb(165, 243, 252) 100%) !important; border-color: rgb(103, 232, 249) !important; box-shadow: rgba(6, 182, 212, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="centena_animal"] b{color: rgb(21, 94, 117) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="centena_animal"] small{color: rgb(14, 116, 144) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="centena_animal"]:hover{border-color: rgb(6, 182, 212) !important; box-shadow: rgba(6, 182, 212, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="centena_plus"]{background: radial-gradient(circle at 50% 25%, rgb(219, 234, 254) 0%, rgb(248, 250, 255) 60%, rgb(191, 219, 254) 100%) !important; border-color: rgb(147, 197, 253) !important; box-shadow: rgba(37, 99, 235, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="centena_plus"] b{color: rgb(30, 64, 175) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="centena_plus"] small{color: rgb(29, 78, 216) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="centena_plus"]:hover{border-color: rgb(59, 130, 246) !important; box-shadow: rgba(37, 99, 235, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_max"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottomax"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_max_animal"]{background: radial-gradient(circle at 50% 25%, rgb(254, 243, 199) 0%, rgb(255, 253, 245) 60%, rgb(253, 230, 138) 100%) !important; border-color: rgb(245, 158, 11) !important; box-shadow: rgba(245, 158, 11, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_max"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottomax"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_max_animal"] b{color: rgb(120, 53, 15) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_max"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottomax"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_max_animal"] small{color: rgb(180, 83, 9) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_max"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lottomax"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="lotto_max_animal"]:hover{border-color: rgb(217, 119, 6) !important; box-shadow: rgba(245, 158, 11, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="ruleta_activa"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="ruleta"]{background: radial-gradient(circle at 50% 25%, rgb(220, 252, 231) 0%, rgb(240, 253, 244) 60%, rgb(187, 247, 208) 100%) !important; border-color: rgb(74, 222, 128) !important; box-shadow: rgba(34, 197, 94, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="ruleta_activa"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="ruleta"] b{color: rgb(20, 83, 45) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="ruleta_activa"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="ruleta"] small{color: rgb(21, 128, 61) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="ruleta_activa"]:hover,html[data-theme="light"] #app .anim-lot[data-lottery-theme="ruleta"]:hover{border-color: rgb(34, 197, 94) !important; box-shadow: rgba(34, 197, 94, 0.28) 0px 6px 18px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="selva_plus"],html[data-theme="light"] #app .anim-lot[data-lottery-theme="selvaplus"]{background: radial-gradient(circle at 50% 25%, rgb(220, 252, 231) 0%, rgb(244, 253, 246) 60%, rgb(187, 247, 208) 100%) !important; border-color: rgb(134, 239, 172) !important; box-shadow: rgba(22, 101, 52, 0.14) 0px 2px 8px !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="selva_plus"] b,html[data-theme="light"] #app .anim-lot[data-lottery-theme="selvaplus"] b{color: rgb(22, 101, 52) !important;}
html[data-theme="light"] #app .anim-lot[data-lottery-theme="selva_plus"] small,html[data-theme="light"] #app .anim-lot[data-lottery-theme="selvaplus"] small{color: rgb(21, 128, 61) !important;}
html[data-theme="light"] body[data-role="usuario"] .home75-section .home75-controls button,html[data-theme="light"] #app .home75 .home75-controls button{background: linear-gradient(135deg, rgba(255, 106, 0) 0%, rgb(234, 88, 12) 100%) !important; border: 1px solid rgb(224, 93, 0) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(255, 106, 0, 0.3) 0px 2px 6px !important;}
html[data-theme="light"] body[data-role="usuario"] .home75-section .home75-controls button svg,html[data-theme="light"] #app .home75 .home75-controls button svg{stroke: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;}
html[data-theme="light"] body[data-role="usuario"] .home75-section .home75-controls button svg defs lineargradient stop{stop-color: rgb(255, 255, 255) !important; stop-opacity: 1 !important;}
html[data-theme="light"] body[data-role="usuario"] .home75-section .home75-controls button:not(:disabled):hover,html[data-theme="light"] #app .home75 .home75-controls button:not(:disabled):hover{transform: translateY(-1px); background: linear-gradient(135deg, rgb(255, 140, 51) 0%, rgb(255, 107, 0) 100%) !important; border-color: rgba(255, 106, 0) !important; box-shadow: rgba(255, 106, 0, 0.45) 0px 4px 10px !important;}
html[data-theme="light"] body[data-role="usuario"] .home75-section .home75-controls button:disabled,html[data-theme="light"] #app .home75 .home75-controls button:disabled{background: rgb(255, 213, 179) !important; border-color: rgb(255, 202, 160) !important; color: rgb(255, 255, 255) !important; opacity: 0.65 !important; box-shadow: none !important; cursor: not-allowed !important; transform: none !important;}
#app .ref-recharge .ref-selected-logo{background: rgb(255, 255, 255) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important;}
#app .ref-recharge .ref-selected-logo .op-logo-img{width: auto !important; height: auto !important; max-width: 48px !important; max-height: 36px !important; object-fit: contain !important; display: block !important; margin: auto !important;}
#app .ref-selected-logo .op-logo-img.op-cantv{content: url("/img/logos/op/cantv-light.svg") !important;}
html[data-theme="light"] #app .home75-card.home75-animal{background: linear-gradient(145deg, rgb(255, 255, 255) 0%, rgb(248, 250, 252) 100%) rgb(255, 255, 255) !important; border: 1px solid rgb(226, 232, 240) !important; color: rgb(15, 23, 42) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 2px 8px !important;}
html[data-theme="light"] #app .home75-card.home75-animal strong{color: rgb(15, 23, 42) !important;}
html[data-theme="light"] #app .home75-card.home75-animal small{color: rgba(255, 106, 0) !important; font-weight: 700 !important;}
html[data-theme="light"] #app .home75-card.home75-animal:hover{transform: translateY(-2px); border-color: rgba(255, 106, 0) !important; box-shadow: rgba(255, 106, 0, 0.18) 0px 4px 14px !important;}
html[data-theme="light"] #app .home75 .home79-sport[data-event-photo],html[data-theme="light"] #app .home75-card.home75-sport{background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; background-image: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,247,250,.97)), var(--event-photo) !important; background-size: cover !important; background-position: center center !important; border: 1px solid rgb(226, 232, 240) !important; color: rgb(15, 23, 42) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 3px 10px !important;}
html[data-theme="light"] #app .home75 .home79-sport[data-event-photo] .home79-sport-meta{background: transparent !important;}
html[data-theme="light"] #app .home75 .home79-sport[data-event-photo] .home79-league{background: rgb(241, 245, 249) !important; color: rgb(51, 65, 85) !important; border: 1px solid rgb(226, 232, 240) !important; text-shadow: none !important;}
html[data-theme="light"] #app .home75 .home79-sport[data-event-photo] .home79-time{color: rgb(234, 88, 12) !important; font-weight: 700 !important; text-shadow: none !important;}
html[data-theme="light"] #app .home75 .home79-sport[data-event-photo] .home79-teams b{color: rgb(15, 23, 42) !important; text-shadow: none !important; font-weight: 700 !important;}
html[data-theme="light"] #app .home75 .home79-sport[data-event-photo] .home79-teams em{color: rgb(100, 116, 139) !important; background: rgb(248, 250, 252) !important; border: 1px solid rgb(226, 232, 240) !important; text-shadow: none !important;}
html[data-theme="light"] #app .home75 .home79-sport[data-event-photo] .home79-odds-link button,html[data-theme="light"] #app .home79-odd{background: rgb(255, 255, 255) !important; border: 1px solid rgb(226, 232, 240) !important; color: rgb(15, 23, 42) !important; box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px !important;}
html[data-theme="light"] #app .home79-odd em{color: rgb(100, 116, 139) !important; font-weight: 600 !important;}
html[data-theme="light"] #app .home79-odd b{color: rgba(255, 106, 0) !important; font-weight: 800 !important;}
html[data-theme="light"] #app .home75 .home79-sport[data-event-photo]:hover,html[data-theme="light"] #app .home75-card.home75-sport:hover{transform: translateY(-2px); border-color: rgba(255, 106, 0) !important; box-shadow: rgba(255, 106, 0, 0.18) 0px 6px 18px !important;}
.anim77-history{background: var(--card, #1c232d) !important; border: 1px solid var(--line, #2a3544) !important; border-radius: 16px !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px !important;}
.anim77-filters{display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 16px !important; margin-bottom: 16px !important; background: rgba(0, 0, 0, 0.15) !important; border: 1px solid var(--line, rgba(255,255,255,0.08)) !important; border-radius: 12px !important;}
:root[data-theme="light"] .anim77-filters{background: rgb(248, 250, 252) !important; border-color: rgb(226, 232, 240) !important;}
.anim77-filters label{font-size: 12px !important; font-weight: 700 !important; color: var(--muted, #94a3b8) !important; display: flex !important; align-items: center !important; gap: 6px !important;}
.anim77-filters select,.anim77-filters input[type="search"]{background: var(--card2, #141c26) !important; border: 1px solid var(--line, #2c3848) !important; border-radius: 8px !important; padding: 7px 12px !important; color: var(--text, #fff) !important; font-size: 13px !important; font-family: inherit !important; outline: none !important; transition: border-color 0.15s, box-shadow 0.15s !important;}
:root[data-theme="light"] .anim77-filters select,:root[data-theme="light"] .anim77-filters input[type="search"]{background: rgb(255, 255, 255) !important; border-color: rgb(203, 213, 225) !important; color: rgb(15, 23, 42) !important;}
.anim77-filters select:focus,.anim77-filters input[type="search"]:focus{border-color: rgba(255, 106, 0) !important; box-shadow: rgba(255, 106, 0, 0.2) 0px 0px 0px 2px !important;}
#anim77-clear{background: transparent !important; border: 1px solid var(--line, #334155) !important; color: var(--muted, #94a3b8) !important; border-radius: 8px !important; padding: 7px 14px !important; font-size: 12px !important; font-weight: 700 !important; cursor: pointer !important; transition: 0.15s !important;}
#anim77-clear:hover{border-color: rgba(255, 106, 0) !important; color: rgba(255, 106, 0) !important;}
.anim77-table-scroller{border: 1px solid var(--line, rgba(255,255,255,0.08)) !important; border-radius: 12px !important; overflow: hidden !important;}
:root[data-theme="light"] .anim77-table-scroller{border-color: rgb(226, 232, 240) !important; background: rgb(255, 255, 255) !important;}
.anim77-table{width: 100% !important; border-collapse: collapse !important;}
.anim77-table th{background: rgba(0, 0, 0, 0.2) !important; border-bottom: 1px solid var(--line, rgba(255,255,255,0.08)) !important;}
:root[data-theme="light"] .anim77-table th{background: rgb(241, 245, 249) !important; border-color: rgb(226, 232, 240) !important;}
.anim77-table th button{text-transform: uppercase !important; letter-spacing: 0.6px !important; font-size: 11px !important; font-weight: 700 !important; color: var(--muted, #94a3b8) !important;}
.anim77-table tbody tr{transition: background 0.15s !important; border-bottom: 1px solid var(--line, rgba(255,255,255,0.05)) !important;}
:root[data-theme="light"] .anim77-table tbody tr{border-color: rgb(241, 245, 249) !important;}
.anim77-table tbody tr:hover{background: rgba(255, 106, 0, 0.04) !important;}
.anim77-table td{padding: 11px 12px !important; vertical-align: middle !important;}
.anim77-table .status.success{background: rgba(16, 185, 129, 0.15) !important; color: rgb(16, 185, 129) !important; border: 1px solid rgba(16, 185, 129, 0.35) !important; border-radius: 999px !important; font-weight: 800 !important; padding: 3px 10px !important; box-shadow: rgba(16, 185, 129, 0.2) 0px 0px 10px !important;}
.anim77-table .status.danger{background: rgba(239, 68, 68, 0.1) !important; color: rgb(248, 113, 113) !important; border: 1px solid rgba(239, 68, 68, 0.2) !important; border-radius: 999px !important; font-weight: 700 !important; padding: 3px 10px !important;}
.anim77-table .status.warning{background: rgba(245, 158, 11, 0.12) !important; color: rgb(251, 191, 36) !important; border: 1px solid rgba(245, 158, 11, 0.25) !important; border-radius: 999px !important; font-weight: 700 !important; padding: 3px 10px !important;}
.pct-n{display: inline-grid !important; place-items: center !important; width: 28px !important; height: 28px !important; min-width: 28px !important; aspect-ratio: 1 / 1 !important; margin: 0px 4px 0px 0px !important; padding: 0px !important; border-radius: 50% !important; border: 1px solid rgba(255, 106, 0, 0.55) !important; background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.6) 14%, rgba(255, 255, 255, 0) 30%), radial-gradient(circle at 75% 85%, rgba(255, 180, 100, 0.35) 0%, rgba(255, 120, 40, 0) 40%), radial-gradient(circle at 36% 28%, rgb(255, 177, 107) 0%, rgb(255, 122, 24) 40%, rgb(181, 62, 5) 75%, rgb(84, 25, 0) 95%, rgb(42, 11, 0) 100%) !important; box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 2px inset, rgba(0, 0, 0, 0.65) -2px -4px 6px inset, rgba(0, 0, 0, 0.4) 0px 3px 6px, rgba(255, 106, 0, 0.35) 0px 1px 3px !important; color: rgb(15, 23, 42) !important; font-weight: 900 !important; font-size: 11px !important; line-height: 1 !important; font-variant-numeric: tabular-nums !important; position: relative !important; vertical-align: middle !important; transition: transform 0.15s, filter 0.15s !important;}
.pct-n:hover{transform: translateY(-2px) scale(1.1) !important; filter: brightness(1.12) !important;}
.pct-n b{display: grid !important; place-items: center !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; background: radial-gradient(circle at 35% 25%, rgb(255, 255, 255) 0%, rgb(244, 240, 230) 68%, rgb(213, 202, 189) 100%) !important; box-shadow: rgb(255, 255, 255) 0px 1px 1px inset, rgba(0, 0, 0, 0.5) 0px 1px 2px !important; color: rgb(15, 23, 42) !important; font-weight: 900 !important; font-size: 10.5px !important; line-height: 1 !important; letter-spacing: -0.3px !important; pointer-events: none !important; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px !important;}
.tri-ticket-animal.hit .tri-animal-round{border-color: rgb(16, 185, 129) !important; box-shadow: rgba(16, 185, 129, 0.45) 0px 0px 16px, rgba(16, 185, 129, 0.25) 0px 0px 10px inset !important;}
.tri-ticket-animal.hit .tri-hit-check{background: radial-gradient(circle at 35% 25%, rgb(52, 211, 153) 0%, rgb(16, 185, 129) 55%, rgb(4, 120, 87) 100%) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(16, 185, 129, 0.65) 0px 2px 8px, rgb(167, 243, 208) 0px 1px 1px inset !important; border: 2px solid rgb(255, 255, 255) !important;}
.tri-ticket-animal.hit .tri-animal-caption{color: rgb(16, 185, 129) !important; font-weight: 700 !important;}
.tri-progress-ticket[data-hits="1"]{border-left: 4px solid rgb(16, 185, 129) !important;}
.tri-progress-ticket[data-hits="2"]{border-left: 4px solid rgb(16, 185, 129) !important; box-shadow: rgba(16, 185, 129, 0.15) 0px 4px 18px !important;}
.tri-progress-ticket[data-hits="3"]{border-left: 4px solid rgb(16, 185, 129) !important; box-shadow: rgba(16, 185, 129, 0.25) 0px 4px 22px !important;}
.tri-steps-bar{display: flex !important; gap: 4px !important; height: 7px !important; margin-top: 6px !important; border-radius: 999px !important; overflow: hidden !important; background: rgba(255, 255, 255, 0.08) !important;}
:root[data-theme="light"] .tri-steps-bar{background: rgba(0, 0, 0, 0.08) !important;}
.tri-steps-bar .tri-step{flex: 1 1 0% !important; height: 100% !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.12) !important; transition: background 0.2s !important;}
:root[data-theme="light"] .tri-steps-bar .tri-step{background: rgba(0, 0, 0, 0.1) !important;}
.tri-steps-bar .tri-step.done{background: linear-gradient(90deg, rgb(52, 211, 153), rgb(16, 185, 129)) !important; box-shadow: rgba(16, 185, 129, 0.5) 0px 0px 8px !important;}
.lot-mis-shell{background: var(--card, #161c24) !important; border: 1px solid var(--line, #263445) !important; border-radius: 16px !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px !important;}
.lot-mine-kpis{display: grid !important; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; gap: 14px !important; margin-bottom: 20px !important;}
.lot-kpi-card{background: var(--card2, #1c2430) !important; border: 1px solid var(--line, #263445) !important; border-radius: 12px !important; padding: 14px 18px !important; display: flex !important; align-items: center !important; gap: 14px !important; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px !important; transition: transform 0.15s, border-color 0.15s !important;}
:root[data-theme="light"] .lot-kpi-card{background: rgb(248, 250, 252) !important; border-color: rgb(226, 232, 240) !important;}
.lot-kpi-card:hover{transform: translateY(-2px) !important; border-color: var(--orange, #ff6a00) !important;}
.lot-kpi-card .kpi-icon{width: 42px !important; height: 42px !important; border-radius: 10px !important; background: rgba(255, 106, 0, 0.12) !important; display: grid !important; place-items: center !important; font-size: 20px !important; flex-shrink: 0 !important;}
.lot-kpi-card small{display: block !important; font-size: 11px !important; font-weight: 700 !important; color: var(--muted, #94a3b8) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important;}
.lot-kpi-card strong{font-size: 18px !important; font-weight: 800 !important; color: var(--text, #fff) !important;}
:root[data-theme="light"] .lot-kpi-card strong{color: rgb(15, 23, 42) !important;}
.lot-kpi-card.kpi-win .kpi-icon{background: rgba(16, 185, 129, 0.15) !important; color: rgb(16, 185, 129) !important;}
.lot-kpi-card.kpi-win .win-amt{color: rgb(16, 185, 129) !important;}
.lot-mine-filters{display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 16px !important; margin-bottom: 18px !important; background: var(--card2, #1c2430) !important; border: 1px solid var(--line, #263445) !important; border-radius: 12px !important; flex-wrap: wrap !important;}
:root[data-theme="light"] .lot-mine-filters{background: rgb(248, 250, 252) !important; border-color: rgb(226, 232, 240) !important;}
.lot-mine-filters label{display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12.5px !important; font-weight: 700 !important; color: var(--muted, #94a3b8) !important;}
.lot-mine-filters select,.lot-mine-filters input[type="search"]{background: var(--card, #161c24) !important; border: 1px solid var(--line, #263445) !important; border-radius: 9px !important; padding: 8px 14px !important; color: var(--text, #fff) !important; font-size: 13px !important; font-family: inherit !important; outline: none !important; transition: 0.15s !important;}
:root[data-theme="light"] .lot-mine-filters select,:root[data-theme="light"] .lot-mine-filters input[type="search"]{background: rgb(255, 255, 255) !important; border-color: rgb(203, 213, 225) !important; color: rgb(15, 23, 42) !important;}
.lot-mine-filters select:focus,.lot-mine-filters input[type="search"]:focus{border-color: var(--orange, #ff6a00) !important; box-shadow: rgba(255, 106, 0, 0.2) 0px 0px 0px 2px !important;}
.lot-mine-search-wrap{flex: 1 1 0% !important; min-width: 220px !important;}
.lot-mine-search-wrap input{width: 100% !important;}
.lot-mine-filters .btn-clear{background: transparent !important; border: 1px solid var(--line, #334155) !important; color: var(--muted, #94a3b8) !important; border-radius: 8px !important; padding: 8px 16px !important; font-size: 12.5px !important; font-weight: 700 !important; cursor: pointer !important; transition: 0.15s !important;}
.lot-mine-filters .btn-clear:hover{border-color: var(--orange, #ff6a00) !important; color: var(--orange, #ff6a00) !important;}
.lot-mine-scroller{border: 1px solid var(--line, #263445) !important; border-radius: 14px !important; overflow: hidden !important;}
:root[data-theme="light"] .lot-mine-scroller{border-color: rgb(226, 232, 240) !important; background: rgb(255, 255, 255) !important;}
.lot-mine-table{width: 100% !important; border-collapse: collapse !important; font-size: 13px !important;}
.lot-mine-table th{background: rgba(0, 0, 0, 0.18) !important; padding: 12px 14px !important; text-align: left !important; font-size: 11px !important; font-weight: 800 !important; color: var(--muted, #94a3b8) !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; border-bottom: 1px solid var(--line, #263445) !important;}
:root[data-theme="light"] .lot-mine-table th{background: rgb(241, 245, 249) !important; border-color: rgb(226, 232, 240) !important; color: rgb(71, 85, 105) !important;}
.lot-mine-table td{padding: 14px !important; border-bottom: 1px solid var(--line, #263445) !important; vertical-align: middle !important;}
:root[data-theme="light"] .lot-mine-table td{border-color: rgb(241, 245, 249) !important;}
.lot-mine-table tbody tr{transition: background 0.15s !important;}
.lot-mine-table tbody tr:hover{background: rgba(255, 106, 0, 0.04) !important;}
.lot-mine-table tbody tr:last-child td{border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important;}
.lot-date-cell{display: flex !important; flex-direction: column !important; gap: 2px !important;}
.lot-dt-day{font-weight: 700 !important; color: var(--text, #fff) !important; font-size: 13px !important;}
:root[data-theme="light"] .lot-dt-day{color: rgb(15, 23, 42) !important;}
.lot-dt-time{font-size: 11px !important; color: var(--muted, #94a3b8) !important;}
.lot-lottery-info{display: flex !important; align-items: center !important; gap: 12px !important;}
.lot-mini-logo{width: 36px !important; height: 36px !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.06) !important; border: 1px solid var(--line, #263445) !important; display: grid !important; place-items: center !important; padding: 3px !important; flex-shrink: 0 !important;}
:root[data-theme="light"] .lot-mini-logo{background: rgb(255, 255, 255) !important; border-color: rgb(226, 232, 240) !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px !important;}
.lot-mini-logo img{max-width: 100% !important; max-height: 100% !important; object-fit: contain !important;}
.lot-game-name{display: block !important; font-size: 13.5px !important; font-weight: 800 !important; color: var(--text, #fff) !important;}
:root[data-theme="light"] .lot-game-name{color: rgb(15, 23, 42) !important;}
.lot-game-sub{font-size: 11px !important; color: var(--muted, #94a3b8) !important;}
.lot-num-col{display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important;}
.lot-ball-num{display: inline-grid !important; place-items: center !important; min-width: 44px !important; height: 32px !important; padding: 0px 10px !important; border-radius: 8px !important; border: 1px solid rgba(255, 106, 0, 0.5) !important; background: linear-gradient(135deg, rgba(255, 106, 0, 0.22) 0%, rgba(234, 88, 12, 0.12) 100%) !important; color: rgb(255, 154, 74) !important; font-weight: 900 !important; font-size: 14.5px !important; font-variant-numeric: tabular-nums !important; box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 1px inset, rgba(0, 0, 0, 0.3) 0px 2px 6px !important; letter-spacing: 0.8px !important;}
:root[data-theme="light"] .lot-ball-num{background: linear-gradient(135deg, rgb(255, 247, 237) 0%, rgb(255, 237, 213) 100%) !important; border-color: rgb(253, 186, 116) !important; color: rgb(234, 88, 12) !important; box-shadow: rgba(234, 88, 12, 0.15) 0px 1px 4px !important;}
.lot-sign-pill{display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 4px 10px !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 700 !important; background: linear-gradient(135deg, rgba(168, 85, 247, 0.2) 0%, rgba(126, 34, 206, 0.28) 100%) !important; border: 1px solid rgba(192, 132, 252, 0.35) !important; color: rgb(233, 213, 255) !important; box-shadow: rgba(126, 34, 206, 0.2) 0px 2px 6px !important;}
:root[data-theme="light"] .lot-sign-pill{background: linear-gradient(135deg, rgb(250, 245, 255) 0%, rgb(243, 232, 255) 100%) !important; border-color: rgb(216, 180, 254) !important; color: rgb(126, 34, 206) !important;}
.lot-sign-glyph{font-style: normal !important; font-size: 13px !important; color: rgb(192, 132, 252) !important;}
:root[data-theme="light"] .lot-sign-glyph{color: rgb(147, 51, 234) !important;}
.lot-money{font-weight: 800 !important; font-size: 13.5px !important; font-variant-numeric: tabular-nums !important;}
.lot-prize-won{color: rgb(16, 185, 129) !important; font-weight: 900 !important; font-size: 14px !important; text-shadow: rgba(16, 185, 129, 0.35) 0px 0px 12px !important;}
.lot-dash{color: var(--muted, #94a3b8) !important; font-weight: 600 !important;}
.st-pill{display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 4px 12px !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 0.3px !important;}
.st-dot{width: 7px !important; height: 7px !important; border-radius: 50% !important;}
.st-wait{background: rgba(245, 158, 11, 0.15) !important; color: rgb(251, 191, 36) !important; border: 1px solid rgba(245, 158, 11, 0.35) !important; box-shadow: rgba(245, 158, 11, 0.15) 0px 0px 10px !important;}
.st-wait .st-dot{background: rgb(251, 191, 36) !important; box-shadow: rgb(251, 191, 36) 0px 0px 6px !important;}
.st-win{background: rgba(16, 185, 129, 0.18) !important; color: rgb(16, 185, 129) !important; border: 1px solid rgba(16, 185, 129, 0.45) !important; box-shadow: rgba(16, 185, 129, 0.35) 0px 0px 14px !important;}
.st-win .st-dot{background: rgb(16, 185, 129) !important; box-shadow: rgb(16, 185, 129) 0px 0px 8px !important;}
.st-lose{background: rgba(239, 68, 68, 0.1) !important; color: rgb(248, 113, 113) !important; border: 1px solid rgba(239, 68, 68, 0.25) !important;}
.st-lose .st-dot{background: rgb(248, 113, 113) !important;}
.st-anulada{background: rgba(148, 163, 184, 0.12) !important; color: rgb(148, 163, 184) !important; border: 1px solid rgba(148, 163, 184, 0.25) !important;}
.st-anulada .st-dot{background: rgb(148, 163, 184) !important;}
.lot-mine-foot{display: flex !important; justify-content: space-between !important; align-items: center !important; margin-top: 14px !important; font-size: 12.5px !important; color: var(--muted, #94a3b8) !important; font-weight: 600 !important; flex-wrap: wrap !important; gap: 10px !important;}
.lot-pag-controls{display: flex !important; align-items: center !important; gap: 8px !important;}
.dp-ledger-table{width: 100% !important; border-collapse: separate !important; border-spacing: 0px !important;}
.dp-ledger-table th{font-size: 11.5px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; font-weight: 700 !important; padding: 12px 14px !important; border-bottom: 2px solid var(--line, #2a3441) !important; color: var(--muted, #94a3b8) !important; white-space: nowrap !important;}
.dp-ledger-table td{padding: 12px 14px !important; vertical-align: middle !important; font-size: 13px !important; border-bottom: 1px solid var(--line, rgba(255,255,255,0.06)) !important;}
.dp-tag-tipo{display: inline-block; padding: 3px 8px; border-radius: 6px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; background: rgba(255, 106, 0, 0.08); color: var(--primary, #ff6a00); border: 1px solid rgba(255, 106, 0, 0.2);}
.dp-cell-numero code{background: rgba(148, 163, 184, 0.12); color: var(--text, #e2e8f0); padding: 2px 7px; border-radius: 5px; font-size: 12px;}
.dp-pill-ref{cursor: pointer; transition: 0.2s; border: 1px dashed rgba(255, 106, 0, 0.35);}
.dp-pill-ref:hover{border-style: solid; transform: translateY(-1px); background: rgba(255, 106, 0, 0.22) !important;}
.dp-btn-eye{width: 32px; height: 32px; cursor: pointer; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 8px !important; border: 1.5px solid var(--line, rgba(255,255,255,0.15)) !important; background: transparent !important; color: var(--text, #cbd5e1) !important;}
.dp-btn-eye:hover{transform: scale(1.08); border-color: rgba(255, 106, 0) !important; background: rgba(255, 106, 0, 0.15) !important; color: rgba(255, 106, 0) !important;}
.dp-btn-eye svg{transition: stroke 0.2s;}
[data-theme="light"] .dp-ledger-table th{border-bottom: 2px solid rgb(226, 232, 240) !important; color: rgb(100, 116, 139) !important;}
[data-theme="light"] .dp-ledger-table td{border-bottom: 1px solid rgb(241, 245, 249) !important;}
[data-theme="light"] .dp-cell-numero code{background: rgb(241, 245, 249); color: rgb(51, 65, 85); border: 1px solid rgb(226, 232, 240);}
[data-theme="light"] .dp-tag-tipo{background: rgb(255, 247, 237); color: rgb(234, 88, 12); border-color: rgb(254, 215, 170);}
[data-theme="light"] .dp-pill-ref{border: 1px dashed rgb(253, 186, 116); background: rgb(255, 247, 237) !important; color: rgb(234, 88, 12) !important;}
[data-theme="light"] .dp-btn-eye{border-color: rgb(203, 213, 225) !important; color: rgb(71, 85, 105) !important;}
[data-theme="light"] .dp-btn-eye:hover{border-color: rgb(234, 88, 12) !important; background: rgb(255, 247, 237) !important; color: rgb(234, 88, 12) !important;}
.dp-saved-acc-box{transition: 0.2s;}
.dp-saved-acc-box select{cursor: pointer; background: var(--card, #171d26) !important; color: var(--text, #fff) !important; border: 1px solid var(--line, #2a3342) !important; border-radius: 8px !important; padding: 8px 12px !important; font-size: 13px !important;}
[data-theme="light"] .dp-saved-acc-box{background: rgb(248, 250, 252) !important; border-color: rgb(226, 232, 240) !important;}
[data-theme="light"] .dp-saved-acc-box select{background: rgb(255, 255, 255) !important; color: rgb(15, 23, 42) !important; border-color: rgb(203, 213, 225) !important;}
[data-theme="light"] .dp-manage-cuentas-wrap{color: rgb(15, 23, 42) !important;}
[data-theme="light"] .dp-manage-cuentas-wrap form,[data-theme="light"] .dp-manage-cuentas-wrap thead{background: rgb(248, 250, 252) !important; border-color: rgb(226, 232, 240) !important;}
[data-theme="light"] .dp-manage-cuentas-wrap input,[data-theme="light"] .dp-manage-cuentas-wrap select{background: rgb(255, 255, 255) !important; color: rgb(15, 23, 42) !important; border-color: rgb(203, 213, 225) !important;}
html body #app .home75-top .home75-shortcuts-mobile{display: none !important;}
html body .home75-top .home75-shortcut.home-product-card{isolation: isolate; display: block !important; position: relative !important; aspect-ratio: 716 / 452 !important; min-height: 0px !important; padding: 0px !important; border: 1px solid var(--line,#35404c) !important; box-sizing: border-box !important; border-radius: 16px !important; overflow: hidden !important; background: rgb(16, 23, 25) !important;}
html body .home75-top .home75-shortcut.home-product-card > img.home83-shortcut-icon{display: none !important;}
html body .home75-top .home75-shortcut.home-product-card::before{content: ""; position: absolute; inset: 0px; z-index: 0 !important; display: block !important; opacity: 1 !important; background-image: url("/frontend/assets/home-shortcuts/cards-dark.png") !important; background-repeat: no-repeat !important; background-size: 214.525% auto !important; background-position: var(--tile-x) var(--tile-y) !important;}
html body .home75-top .home-product-depositos{--tile-x: 5.122%; --tile-y: 8.392%;}
html body .home75-top .home-product-historial{--tile-x: 95.244%; --tile-y: 8.392%;}
html body .home75-top .home-product-recargas{--tile-x: 5.122%; --tile-y: 91.08%;}
html body .home75-top .home-product-soporte{--tile-x: 95.244%; --tile-y: 91.08%;}
html body .home75-top .home75-shortcut.home-product-card .home83-shortcut-copy{position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important;}
html body .home75-top .home75-shortcut.home-product-card > .home79-arrow{display: none !important;}
html[data-theme="light"] body .home75-top .home75-shortcut.home-product-card::before{background-image: url("/frontend/assets/home-shortcuts/cards-light.png") !important; background-size: 210.989% auto !important; background-position: var(--tile-light-x) var(--tile-light-y) !important;}
html body .home75-top .home-product-depositos{--tile-light-x: 3.59%; --tile-light-y: 4.75%;}
html body .home75-top .home-product-historial{--tile-light-x: 96.53%; --tile-light-y: 4.75%;}
html body .home75-top .home-product-recargas{--tile-light-x: 3.59%; --tile-light-y: 92.6%;}
html body .home75-top .home-product-soporte{--tile-light-x: 96.53%; --tile-light-y: 92.6%;}
html body .home75-top .home75-shortcut.home-product-card:focus-visible{outline: rgb(255, 154, 55) solid 2px; outline-offset: 3px;}
html body .home75-top .home75-shortcut.home-product-card:hover{filter: brightness(1.08);}
@media (max-width: 599px){
html body .home75-top .home75-shortcuts:has(.home-product-card){grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important;}
html body .home75-top .home75-shortcut.home-product-card{min-height: 0px !important; padding: 0px !important; border-radius: 12px !important;}
}
html body .home75-top .home75-shortcut.home-product-card{box-shadow: inset 0 0 0 1px var(--line,#303943) !important;}
html body .home75-top .home75-shortcut.home-product-card::after{border-radius: inherit; pointer-events: none; box-sizing: border-box; content: "" !important; display: block !important; position: absolute !important; inset: 0px !important; border: 0px !important; z-index: 2 !important;}
html body .home75-top .home75-shortcut.home-product-card{border-color: rgb(52, 67, 84) !important;}
html[data-theme="light"] body .home75-top .home75-shortcut.home-product-card{border-color: rgb(188, 198, 209) !important;}
html body .home75-top .home75-shortcut.home-product-card{aspect-ratio: 749 / 493 !important; background: rgb(243, 228, 212) !important;}
html body .home75-top .home75-shortcut.home-product-card::before,html[data-theme="light"] body .home75-top .home75-shortcut.home-product-card::before{background-image: url("/frontend/assets/home-shortcuts/cards-satin-v3.png") !important; background-size: 205.073% auto !important; background-position: var(--bright-x) var(--bright-y) !important;}
html body .home75-top .home-product-depositos{--bright-x: 1.652%; --bright-y: 1.883%;}
html body .home75-top .home-product-historial{--bright-x: 98.602%; --bright-y: 1.883%;}
html body .home75-top .home-product-recargas{--bright-x: 1.652%; --bright-y: 97.175%;}
html body .home75-top .home-product-soporte{--bright-x: 98.602%; --bright-y: 97.175%;}
.ref-mobile-back{display: none !important;}
.dp-tabs .anim-tab-back{background: var(--primary, #ff6c0a) !important; color: rgb(255, 255, 255) !important; font-weight: 800 !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; box-shadow: rgba(255, 108, 10, 0.35) 0px 4px 14px !important;}
#app .anim-tabs > .dp-tab{display: inline-flex; align-items: center; justify-content: center; gap: 5px;}
#app .anim-tabs > .dp-tab > svg.ico{width: 15px; height: 15px; flex: 0 0 15px; fill: none; stroke: currentcolor; stroke-width: 1.8;}
@media (max-width: 767px){
#app .anim-card > .anim-lots.anim-lots-animalitos{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 8px !important;}
#app .anim-lots-animalitos > .anim-lot[data-lottery-theme]{height: 112px !important; min-height: 112px !important; padding: 8px 4px !important; gap: 5px !important;}
#app .anim-lots-animalitos > .anim-lot[data-lottery-theme] .anim-lot-ic{width: 48px !important; height: 48px !important;}
#app .anim-lots-animalitos > .anim-lot[data-lottery-theme] .anim-lot-ic img{object-fit: contain; width: 48px !important; height: 48px !important;}
#app .anim-lots-animalitos > .anim-lot[data-lottery-theme] b{line-height: 1.15; overflow-wrap: anywhere; font-size: 11px !important;}
#app .anim-lots-animalitos > .anim-lot[data-lottery-theme] small{font-size: 10px !important;}
}
.anim-banner-carousel{position: relative !important; border-radius: 16px !important; overflow: hidden !important; margin-bottom: 10px !important; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 24px !important; border: 1px solid rgb(40, 55, 77) !important; background: rgb(18, 23, 34) !important; width: 100% !important;}
.anim-slides-track{display: flex !important; transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.3, 1) !important; width: 300% !important;}
.anim-slide{width: 33.3333% !important; padding: 14px 14px 12px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; min-height: 146px !important; position: relative !important; box-sizing: border-box !important; background-size: cover !important; background-position: right center !important; background-repeat: no-repeat !important;}
.anim-slide::before{content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(90deg, rgba(11, 14, 20, 0.97) 0%, rgba(11, 14, 20, 0.88) 50%, rgba(11, 14, 20, 0.25) 100%) !important;}
.anim-slide-content{position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: space-between !important; height: 100% !important; width: 100% !important;}
.anim-slide-1{background-image: url("/frontend/assets/animalitos/banner-lotto-activo.jpg") !important;}
.anim-slide-2{background-image: url("/frontend/assets/animalitos/banner-guacharo-pantera.jpg") !important;}
.anim-slide-3{background-image: url("/frontend/assets/animalitos/banner-resultados-oro.jpg") !important;}
.slide-tag{display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 2px 8px !important; border-radius: 999px !important; font-size: 9.5px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 4px !important; width: fit-content !important;}
.tag-green{background: rgba(16, 185, 129, 0.25) !important; color: rgb(52, 211, 153) !important; border: 1px solid rgba(16, 185, 129, 0.4) !important;}
.tag-orange{background: rgba(255, 108, 10, 0.25) !important; color: rgb(255, 145, 66) !important; border: 1px solid rgba(255, 108, 10, 0.4) !important;}
.tag-blue{background: rgba(59, 130, 246, 0.25) !important; color: rgb(96, 165, 250) !important; border: 1px solid rgba(59, 130, 246, 0.4) !important;}
.slide-title{font-size: 16.5px !important; font-weight: 900 !important; color: rgb(255, 255, 255) !important; line-height: 1.2 !important; margin-bottom: 3px !important; max-width: 220px !important; text-shadow: rgba(0, 0, 0, 0.8) 0px 2px 6px !important;}
.slide-desc{font-size: 11px !important; color: rgb(203, 213, 225) !important; line-height: 1.3 !important; margin-bottom: 10px !important; max-width: 220px !important; text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 4px !important;}
#app .slide-btn,.slide-btn{display: inline-flex !important; align-items: center !important; gap: 6px !important; background: var(--primary-grad, linear-gradient(135deg, #ff6a00 0%, #f15000 100%)) !important; color: rgb(255, 255, 255) !important; padding: 7px 16px !important; border-radius: 999px !important; font-size: 11.5px !important; font-weight: 800 !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; cursor: pointer !important; width: fit-content !important; align-self: flex-start !important; box-shadow: rgba(255, 108, 10, 0.45) 0px 4px 14px !important; transition: transform 0.15s, box-shadow 0.15s !important;}
#app .slide-btn:active,.slide-btn:active{transform: scale(0.95) !important;}
#app .slide-btn svg,.slide-btn svg{width: 13px !important; height: 13px !important; stroke-width: 2.6 !important;}
.anim-carousel-dots{position: absolute; bottom: 10px; right: 12px; display: flex; gap: 5px; z-index: 5;}
.c-dot{width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); cursor: pointer; transition: 0.25s;}
.c-dot.active{width: 18px; border-radius: 999px; background: rgb(255, 255, 255);}
.anim-tabs-scroller-wrap{position: relative !important; margin-bottom: 10px !important; display: flex !important; align-items: center !important; width: 100% !important;}
.anim-tabs-scroller{display: flex !important; gap: 7px !important; overflow-x: auto !important; white-space: nowrap !important; flex-wrap: nowrap !important; padding: 2px 34px 2px 2px !important; scrollbar-width: none !important; scroll-behavior: smooth !important; width: 100% !important;}
.anim-tabs-scroller::-webkit-scrollbar{display: none !important;}
#app .anim-tabs-scroller > .dp-tab{flex-shrink: 0 !important; white-space: nowrap !important; min-height: 32px !important; height: 32px !important; padding: 5px 13px !important; font-size: 12px !important; border-radius: 999px !important;}
.tabs-more-arrow-btn{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 30px; height: 32px; border-radius: 999px 0px 0px 999px; background: linear-gradient(90deg, rgba(11, 14, 20, 0) 0%, rgba(11, 14, 20, 0.95) 45%, rgb(11, 14, 20) 100%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--primary, #ff6c0a); display: flex; align-items: center; justify-content: flex-end; padding-right: 3px; cursor: pointer; z-index: 10; transition: opacity 0.25s, transform 0.15s;}
.tabs-more-arrow-btn:active{transform: translateY(-50%) scale(0.92);}
.tabs-more-arrow-btn svg{width: 17px; height: 17px; stroke-width: 2.6; filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 2px 4px); animation: 1.6s ease-in-out 0s infinite normal none running bounceRight;}
@keyframes bounceRight { 
  0%, 100% { transform: translateX(0px); }
  50% { transform: translateX(3px); }
}
#app .anim-shell > .anim-heading-row{margin-bottom: 2px !important;}
#app .anim-shell .page-heading{margin-bottom: 8px !important;}
#app .anim-shell .page-heading h1{font-size: 24px !important; line-height: 1.1 !important; margin-bottom: 2px !important;}
#app .anim-shell .page-heading p{font-size: 12px !important; margin-bottom: 6px !important;}
#app .anim-card > .anim-step{font-size: 14.5px !important; margin: 0px 0px 8px !important; font-weight: 800 !important;}
#app .anim-fig{position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; padding: 2px 0px !important;}
#app .anim-fig .anim-fig-emo,.anim-fig .anim-fig-emo{width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; background: rgb(255, 255, 255) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; margin: 0px auto 3px !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 9px !important; border: 2px solid rgba(255, 255, 255, 0.18) !important; position: relative !important; transition: 0.2s cubic-bezier(0.2, 0.9, 0.3, 1) !important;}
#app .anim-fig .anim-fig-emo img,.anim-fig .anim-fig-emo img{width: 100% !important; height: 100% !important; border-radius: 50% !important; object-fit: cover !important; display: block !important;}
#app .anim-fig.on .anim-fig-emo,.anim-fig.on .anim-fig-emo{border: 2.2px solid var(--green, #10b981) !important; box-shadow: rgba(16, 185, 129, 0.45) 0px 0px 10px !important; transform: scale(1.04) !important;}
#app .anim-fig .anim-fig-chk,.anim-fig .anim-fig-chk{position: absolute !important; inset: 26px auto auto 50% !important; transform: translate(-50%, -50%) !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: var(--green, #10b981) !important; color: rgb(255, 255, 255) !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px !important; border: 1.5px solid rgb(255, 255, 255) !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; z-index: 5 !important; pointer-events: none !important; animation: 0.16s ease 0s 1 normal none running popCheck !important;}
@keyframes popCheck { 
  0% { transform: translate(-50%, -50%) scale(0.4); opacity: 0; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
#app .anim-fig.on b{color: var(--green, #10b981) !important;}
#app .anim-fig.on small{color: rgb(255, 255, 255) !important; font-weight: 700 !important;}
#app .anim-board-wrap .anim-col-left.anim-lp{margin-bottom: 8px !important; border-radius: 14px !important; overflow: hidden !important;}
#app .anim-board-wrap .anim-col-left.anim-lp .anim-lp-hero{padding: 8px 12px !important; gap: 10px !important;}
#app .anim-board-wrap .anim-col-left.anim-lp .anim-lp-logo{width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex: 0 0 40px !important;}
#app .anim-board-wrap .anim-col-left.anim-lp .anim-lp-id b{font-size: 15px !important; line-height: 1.1 !important;}
#app .anim-board-wrap .anim-col-left.anim-lp .anim-lp-pay{font-size: 10.5px !important; padding: 2px 8px !important;}
#app .anim-board-wrap .anim-col-left.anim-lp .anim-lp-body{padding: 8px 12px 10px !important;}
#app .anim-board-wrap .anim-col-left.anim-lp .anim-lp-lbl{font-size: 11px !important; margin-bottom: 6px !important;}
#app .anim-board-wrap .anim-col-left .anim-sorteos{display: grid !important; grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)) !important; gap: 6px !important; margin-bottom: 6px !important;}
#app .anim-board-wrap .anim-col-left .anim-sorteo,#app .anim-board-wrap .anim-col-left .anim-lp-grid .anim-all-hours{min-height: 34px !important; height: 34px !important; padding: 4px 6px !important; font-size: 11.5px !important; font-weight: 700 !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; text-align: center !important; box-sizing: border-box !important;}
#app .anim-board-wrap .anim-col-left.anim-lp .anim-cierre{font-size: 10px !important; line-height: 1.25 !important; margin-top: 5px !important;}
#app .anim-board-wrap .anim-col-center{padding: 10px 10px 65px !important;}
#app .anim-board-wrap .anim-col-center .anim-step{font-size: 13.5px !important; margin: 0px 0px 8px !important;}
#app .anim-board-wrap .anim-grid{grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 8px 4px !important;}
@media (max-width: 800px){
html body .home75-track,body[data-role="usuario"] .home75-track{gap: 8px !important; padding-left: 2px !important; padding-right: 2px !important;}
html body[data-role="usuario"] .home75-track > .home75-card.home75-op,html body[data-role="usuario"] .home75-track > .home75-card.home75-animal,html body .home75-track > .home75-card.home75-op,html body .home75-track > .home75-card.home75-animal,body[data-role="usuario"] .home75-card.home75-op,body[data-role="usuario"] .home75-card.home75-animal,body[data-role="usuario"] .home75-card:not(.home75-sport){flex: 0 0 calc(33.3333% - 5.33333px) !important; width: calc(33.3333% - 5.33333px) !important; max-width: calc(33.3333% - 5.33333px) !important; min-width: 0px !important; min-height: 98px !important; height: 104px !important; padding: 8px 4px 6px !important; gap: 4px !important; border-radius: 14px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: space-between !important; text-align: center !important; box-sizing: border-box !important;}
html body .home75-track > .home75-card .home75-oplogo,html body .home75-track > .home75-card .home75-card-symbol{flex: 1 1 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 48px !important; min-height: 48px !important; max-height: 48px !important; width: 100% !important;}
html body .home75-track > .home75-card .home75-oplogo img,html body .home75-track > .home75-card .home75-oplogo svg,html body .home75-track > .home75-card .home75-card-symbol img{max-height: 42px !important; max-width: 80% !important; width: auto !important; height: auto !important; object-fit: contain !important;}
html body .home75-track > .home75-card .operator-wordmark{font-size: 15px !important;}
html body .home75-track > .home75-card .operator-simple{width: 32px !important; height: 32px !important; font-size: 20px !important;}
html body .home75-track > .home75-card strong,body[data-role="usuario"] .home75-card strong{font-size: 11px !important; font-weight: 800 !important; line-height: 1.15 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 95% !important; margin: 0px !important;}
html body .home75-track > .home75-card small{display: none !important;}
body[data-role="usuario"] .home79-sport,html body .home75-track > .home75-card.home75-sport{flex: 0 0 clamp(240px, 75%, 290px) !important; width: auto !important; max-width: none !important; min-height: 135px !important; height: auto !important;}
}
.tx-tabs-scroller-wrap{position: relative !important; margin-bottom: 14px !important; width: 100% !important;}
.tx-tabs-scroller{display: flex !important; gap: 7px !important; overflow-x: auto !important; scrollbar-width: none !important; padding: 4px 28px 6px 2px !important; scroll-behavior: smooth !important; width: 100% !important;}
.tx-tabs-scroller::-webkit-scrollbar{display: none !important;}
.tx-tabs-scroller .dp-tab{flex-shrink: 0 !important; white-space: nowrap !important; background: rgb(20, 28, 38) !important; color: rgb(143, 160, 181) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; padding: 7px 16px !important; border-radius: 20px !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer !important; transition: 0.2s !important;}
.tx-tabs-scroller .dp-tab:hover{border-color: rgba(255, 106, 0, 0.4) !important; color: rgb(255, 145, 66) !important;}
.tx-tabs-scroller .dp-tab.active{background: linear-gradient(135deg, rgba(255, 106, 0), rgb(255, 77, 0)) !important; color: rgb(255, 255, 255) !important; border-color: transparent !important; box-shadow: rgba(255, 106, 0, 0.4) 0px 4px 14px !important; font-weight: 700 !important;}
.tx-container-native{background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; padding: 0px !important;}
.dp-txf.dp-txf-native{display: flex !important; flex-direction: column !important; gap: 8px !important; background: rgb(18, 25, 34) !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; border-radius: 18px !important; padding: 12px 14px !important; margin: 0px 0px 14px !important;}
.dp-txf-search-row{display: flex !important; gap: 8px !important; align-items: center !important; width: 100% !important;}
.dp-txf-search-wrap{flex: 1 1 0% !important; position: relative !important; display: flex !important; align-items: center !important; min-width: 0px !important;}
.dp-txf-search-icon{position: absolute !important; left: 11px !important; width: 15px !important; height: 15px !important; color: rgb(100, 116, 139) !important; pointer-events: none !important;}
.dp-txf-search-input{width: 100% !important; height: 38px !important; min-height: 38px !important; background: rgb(12, 18, 25) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; padding: 0px 12px 0px 34px !important; color: rgb(255, 255, 255) !important; font-size: 12.5px !important; outline: none !important; transition: border-color 0.2s !important;}
.dp-txf-search-input:focus{border-color: var(--primary, #ff6a00) !important; box-shadow: rgba(255, 106, 0, 0.15) 0px 0px 0px 2px !important;}
.dp-txf-select{background: rgb(12, 18, 25) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; height: 38px !important; min-height: 38px !important; padding: 0px 10px !important; color: rgb(148, 163, 184) !important; font-size: 12px !important; font-weight: 600 !important; outline: none !important; cursor: pointer !important;}
.dp-txf-quick.dp-txf-quick-chips{display: flex !important; gap: 6px !important; overflow-x: auto !important; scrollbar-width: none !important; align-items: center !important; width: 100% !important;}
.dp-txf-quick.dp-txf-quick-chips::-webkit-scrollbar{display: none !important;}
.dp-txf-chip{background: rgb(23, 33, 45) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; color: rgb(141, 162, 184) !important; border-radius: 14px !important; padding: 5px 12px !important; font-size: 11.5px !important; font-weight: 600 !important; cursor: pointer !important; white-space: nowrap !important; transition: 0.15s !important;}
.dp-txf-chip:hover{background: rgba(255, 106, 0, 0.15) !important; border-color: rgba(255, 106, 0, 0.4) !important; color: rgb(255, 145, 66) !important;}
.dp-txf-chip-clear{color: rgb(100, 116, 139) !important; border-style: dashed !important;}
.dp-txf-dates-compact{display: inline-flex !important; align-items: center !important; gap: 4px !important; margin-left: auto !important; font-size: 11px !important; color: rgb(100, 116, 139) !important;}
.dp-txf-dates-compact input[type="date"]{background: rgb(12, 18, 25) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: rgb(148, 163, 184) !important; border-radius: 8px !important; padding: 3px 6px !important; font-size: 11px !important; height: 28px !important; min-height: 28px !important;}
.dp-txf-meta{display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 12px !important; color: var(--text-muted, #8b99ad) !important; margin-top: 2px !important; padding: 0px 2px !important;}
.tx-container-native .table-scroll{background: rgb(18, 25, 34) !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; border-radius: 18px !important; overflow: hidden !important;}
@media (max-width: 768px){
.tx-container-native .dp-ledger-table thead{display: none !important;}
.tx-container-native .dp-ledger-table,.tx-container-native .dp-ledger-table tbody{display: block !important; width: 100% !important;}
.tx-container-native .dp-ledger-table tr{display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; padding: 12px 14px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important; background: transparent !important; gap: 4px 8px !important;}
.tx-container-native .dp-ledger-table tr:last-child{border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important;}
.tx-container-native .dp-ledger-table td{padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: transparent !important;}
.tx-container-native .dp-ledger-table td[data-label="Detalle"]{order: 1 !important; flex: 1 1 60% !important; font-size: 13.5px !important; font-weight: 700 !important; color: rgb(255, 255, 255) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;}
.tx-container-native .dp-ledger-table td[data-label="Monto"]{order: 2 !important; text-align: right !important; font-size: 14px !important; font-weight: 800 !important; letter-spacing: -0.3px !important;}
.tx-container-native .dp-ledger-table td[data-label="Fecha"]{order: 3 !important; font-size: 11px !important; color: rgb(126, 141, 159) !important;}
.tx-container-native .dp-ledger-table td[data-label="Referencia"]{order: 4 !important;}
.tx-container-native .dp-ledger-table td[data-label="Tipo"]{order: 5 !important;}
.tx-container-native .dp-ledger-table td[data-label="Saldo"]{order: 6 !important; font-size: 10.5px !important; color: rgb(100, 116, 139) !important; width: 100% !important; text-align: right !important; margin-top: -2px !important;}
.tx-container-native .dp-ledger-table td[data-label="Ver"]{order: 7 !important; margin-left: 6px !important;}
.tx-container-native .dp-ledger-table td[data-label="Número"]{display: none !important;}
}
.header-title-box{flex: 1 1 0% !important; min-width: 0px !important;}
.header-title-box .page-kicker{font-size: 10.5px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; color: var(--primary, #ff6a00) !important; margin-bottom: 2px !important;}
.recharge-search-icon{position: absolute !important; left: 12px !important; width: 16px !important; height: 16px !important; color: rgb(100, 116, 139) !important; pointer-events: none !important;}
.recharge-search-input{width: 100% !important; height: 40px !important; min-height: 40px !important; background: rgb(18, 25, 34) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 14px !important; padding: 0px 14px 0px 38px !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; outline: none !important; transition: 0.2s !important;}
.recharge-search-input:focus{border-color: var(--primary, #ff6a00) !important; box-shadow: rgba(255, 106, 0, 0.15) 0px 0px 0px 2px !important;}
.step-header{display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 10px !important; padding: 0px 2px !important;}
.step-title{display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; font-weight: 800 !important; color: var(--text) !important;}
.step-pill{background: linear-gradient(135deg, rgba(255, 106, 0), rgb(255, 77, 0)) !important; color: rgb(255, 255, 255) !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 800 !important;}
.step-count{font-size: 11.5px !important; color: var(--text-muted, #8b99ad) !important; font-weight: 600 !important;}
.operator-tile[data-operator-theme],#app .ref-recharge .operator-tile[data-operator-theme]{--brand: #1a9fd9; position: relative !important; isolation: isolate !important; overflow: hidden !important; background: radial-gradient(ellipse at 50% -10%, rgba(255, 255, 255, 0.06), transparent 60%),
              radial-gradient(ellipse at 95% 0%, color-mix(in srgb, var(--brand) 34%, rgba(255, 255, 255, 0.1)), transparent 72%),
              linear-gradient(140deg, #203042, #131d27) !important; color: rgb(255, 255, 255) !important; border: 1px solid color-mix(in srgb, var(--brand) 40%, rgba(255, 255, 255, 0.14)) !important; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px inset, rgba(0, 0, 0, 0.35) 0px 6px 18px !important; transition: 0.22s !important;}
.operator-tile[data-operator-theme="movilnet"],#app .ref-recharge .operator-tile[data-operator-theme="movilnet"]{--brand: #ff5919 !important;}
.operator-tile[data-operator-theme="movistar"],#app .ref-recharge .operator-tile[data-operator-theme="movistar"]{--brand: #00a9e7 !important;}
.operator-tile[data-operator-theme="digitel"],#app .ref-recharge .operator-tile[data-operator-theme="digitel"]{--brand: #ed087f !important;}
.operator-tile[data-operator-theme="inter"],#app .ref-recharge .operator-tile[data-operator-theme="inter"]{--brand: #147dea !important;}
.operator-tile[data-operator-theme="simpletv"],#app .ref-recharge .operator-tile[data-operator-theme="simpletv"]{--brand: #1b9dec !important;}
.operator-tile[data-operator-theme="cantv"],#app .ref-recharge .operator-tile[data-operator-theme="cantv"]{--brand: #5980e7 !important;}
.operator-tile[data-operator-theme]::before,#app .ref-recharge .operator-tile[data-operator-theme]::before{content: "" !important; position: absolute !important; z-index: -1 !important; width: 140px !important; height: 140px !important; right: -45px !important; bottom: -55px !important; border: 1px solid color-mix(in srgb, var(--brand) 28%, transparent) !important; border-radius: 50% !important; box-shadow: 0 0 0 18px color-mix(in srgb, var(--brand) 6%, transparent),
              0 0 0 36px color-mix(in srgb, var(--brand) 7%, transparent) !important; pointer-events: none !important;}
.operator-tile[data-operator-theme]::after,#app .ref-recharge .operator-tile[data-operator-theme]::after{content: "" !important; display: block !important; position: absolute !important; z-index: 1 !important; left: 16px !important; bottom: 12px !important; width: 28px !important; height: 3.5px !important; border-radius: 4px !important; background: var(--brand) !important; opacity: 0.9 !important; box-shadow: 0 0 8px var(--brand) !important;}
.operator-tile[data-operator-theme]:hover,#app .ref-recharge .operator-tile[data-operator-theme]:hover{transform: translateY(-3px) !important; border-color: var(--brand) !important; box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 10px 24px color-mix(in srgb, var(--brand) 28%, rgba(0, 0, 0, 0.45)) !important;}
.operator-tile[data-operator-theme].selected,#app .ref-recharge .operator-tile[data-operator-theme].selected{border: 2px solid var(--primary, #ff6a00) !important; background: radial-gradient(ellipse at 50% -10%, rgba(255, 255, 255, 0.1), transparent 60%),
              radial-gradient(ellipse at 95% 0%, color-mix(in srgb, var(--brand) 44%, rgba(255, 255, 255, 0.15)), transparent 72%),
              linear-gradient(140deg, #263a4f, #172432) !important; box-shadow: rgba(255, 255, 255, 0.18) 0px 1px 1px inset, rgba(255, 106, 0, 0.4) 0px 0px 20px, rgba(0, 0, 0, 0.4) 0px 8px 20px !important;}
:root[data-theme="light"] .operator-tile[data-operator-theme],html[data-theme="light"] #app .ref-recharge .operator-tile[data-operator-theme]{background: radial-gradient(ellipse at 95% 0%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 75%),
              linear-gradient(140deg, #ffffff, #f1f5f9) !important; border: 1px solid color-mix(in srgb, var(--brand) 32%, #cbd5e1) !important; color: rgb(15, 23, 42) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 4px 14px !important;}
:root[data-theme="light"] .operator-tile[data-operator-theme] strong,html[data-theme="light"] #app .ref-recharge .operator-tile[data-operator-theme] strong{color: rgb(15, 23, 42) !important;}
:root[data-theme="light"] .operator-tile[data-operator-theme].selected,html[data-theme="light"] #app .ref-recharge .operator-tile[data-operator-theme].selected{background: radial-gradient(ellipse at 95% 0%, color-mix(in srgb, var(--brand) 28%, transparent), transparent 75%),
              linear-gradient(140deg, #ffffff, #fff7ed) !important; border: 2px solid rgba(255, 106, 0) !important; box-shadow: rgba(255, 106, 0, 0.28) 0px 0px 16px, rgba(15, 23, 42, 0.08) 0px 4px 14px !important;}
:root[data-theme="light"] .recharge-history-panel .table-scroll,html[data-theme="light"] #app .recharge-history-panel .table-scroll{background: rgb(255, 255, 255) !important; border: 1px solid rgb(226, 232, 240) !important;}
:root[data-theme="light"] .recharge-history-panel th,html[data-theme="light"] #app .recharge-history-panel th{background: rgb(248, 250, 252) !important; color: rgb(100, 116, 139) !important;}
:root[data-theme="light"] .recharge-history-panel td,html[data-theme="light"] #app .recharge-history-panel td{color: rgb(30, 41, 59) !important; border-bottom: 1px solid rgb(241, 245, 249) !important;}
:root[data-theme="light"] .history-section-head h3,html[data-theme="light"] #app .history-section-head h3{color: rgb(15, 23, 42) !important;}
:root[data-theme="light"] .recharge-search-input,html[data-theme="light"] #app .recharge-search-input{background: rgb(255, 255, 255) !important; border: 1px solid rgb(203, 213, 225) !important; color: rgb(15, 23, 42) !important;}
:root[data-theme="light"] .header-title-box .page-title,html[data-theme="light"] #app .header-title-box .page-title{color: rgb(15, 23, 42) !important;}
:root[data-theme="light"] #app .operator-logo-box,html[data-theme="light"] #app .operator-logo-box,:root[data-theme="light"] #app .op-logo-img,html[data-theme="light"] #app .op-logo-img,:root[data-theme="light"] #app .operator-mark,html[data-theme="light"] #app .operator-mark,:root[data-theme="light"] #app .operator-wordmark,html[data-theme="light"] #app .operator-wordmark{filter: none !important; text-shadow: none !important; box-shadow: none !important;}
.history-section-head{display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 10px !important; padding: 0px 2px !important;}
.history-section-head h3{font-size: 14.5px !important; font-weight: 800 !important; color: rgb(255, 255, 255) !important; display: flex !important; align-items: center !important; gap: 6px !important; margin: 0px !important;}
.history-section-head .see-all-link{font-size: 12px !important; color: var(--primary, #ff6a00) !important; text-decoration: none !important; font-weight: 700 !important;}
.recharge-history-panel{margin-top: 18px !important;}
.recharge-history-panel .table-scroll{background: rgb(18, 25, 34) !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; border-radius: 18px !important; overflow: hidden !important;}
@media (min-width: 769px){
.recharge-top-bar{display: flex !important; justify-content: space-between !important; align-items: flex-end !important; margin-bottom: 22px !important; gap: 20px !important; width: 100% !important;}
.header-with-back{display: flex !important; align-items: flex-start !important; gap: 0px !important; margin: 0px !important;}
.btn-native-back{display: none !important;}
.header-title-box .page-title{font-size: 26px !important; font-weight: 800 !important; color: rgb(255, 255, 255) !important; letter-spacing: -0.5px !important; line-height: 1.15 !important; margin: 0px !important;}
.header-title-box .page-desc{font-size: 13.5px !important; color: var(--text-muted, #8b99ad) !important; line-height: 1.35 !important; margin: 3px 0px 0px !important;}
.recharge-search-wrap{position: relative !important; display: flex !important; align-items: center !important; width: 320px !important; max-width: 38% !important; margin-bottom: 0px !important; flex-shrink: 0 !important;}
.ref-recharge-content{display: grid !important; grid-template-columns: 1.58fr 1fr !important; gap: 20px !important; align-items: start !important;}
.ref-recharge-left{display: grid !important; gap: 18px !important;}
#app .ref-recharge .operators-grid{display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 14px !important;}
#app .ref-recharge .operator-tile{border-radius: 16px !important; min-height: 128px !important; height: auto !important; padding: 16px 12px 14px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; position: relative !important; overflow: hidden !important; transition: 0.22s !important;}
#app .ref-recharge .operator-logo-box{height: 72px !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 8px !important; filter: none !important;}
#app .ref-recharge .operator-logo-box img,#app .ref-recharge .operator-logo-box svg{max-height: 64px !important; max-width: 125px !important; width: auto !important; object-fit: contain !important; filter: none !important;}
#app .ref-recharge .operator-logo-box img.op-movilnet,#app .ref-recharge .operator-logo-box img[src*="movilnet"]{transform: scale(1.6) !important; max-height: 68px !important; max-width: 130px !important;}
#app .ref-recharge .operator-logo-box img.op-movistar,#app .ref-recharge .operator-logo-box img[src*="movistar"]{transform: scale(1.15) !important; max-height: 64px !important; max-width: 125px !important;}
#app .ref-recharge .operator-logo-box img.op-digitel,#app .ref-recharge .operator-logo-box img[src*="digitel"]{transform: scale(1.18) !important; max-height: 62px !important; max-width: 130px !important;}
#app .ref-recharge .operator-logo-box img.op-inter,#app .ref-recharge .operator-logo-box img[src*="inter"]{transform: scale(1.18) !important; max-height: 62px !important; max-width: 130px !important;}
#app .ref-recharge .operator-logo-box img.op-cantv,#app .ref-recharge .operator-logo-box img[src*="cantv"]{transform: scale(1.15) !important; max-height: 62px !important; max-width: 125px !important;}
#app .ref-recharge .operator-mark{width: 108px !important; height: 60px !important; max-width: 95% !important; filter: none !important;}
#app .ref-recharge .mark-movilnet{width: 110px !important; height: 60px !important;}
#app .ref-recharge .mark-movistar{width: 105px !important; height: 58px !important;}
#app .ref-recharge .operator-wordmark{font-size: 28px !important; font-weight: 850 !important; filter: none !important; text-shadow: none !important;}
#app .ref-recharge .operator-wordmark.digitel{font-size: 28px !important; letter-spacing: 2px !important; font-weight: 900 !important;}
#app .ref-recharge .operator-wordmark.inter{font-size: 36px !important; font-weight: 900 !important; font-style: italic !important;}
#app .ref-recharge .operator-wordmark.cantv{font-size: 30px !important; font-weight: 900 !important; font-style: italic !important;}
#app .ref-recharge .op-logo-img{max-height: 64px !important; max-width: 128px !important; filter: none !important;}
#app .ref-recharge .operator-tile strong{font-size: 14.5px !important; font-weight: 750 !important; color: rgb(255, 255, 255) !important; text-align: center !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 95% !important; margin: 0px !important;}
.ref-recharge-right{display: block !important;}
}
@media (max-width: 768px){
.recharge-top-bar{display: block !important;}
.header-with-back{display: flex !important; align-items: flex-start !important; gap: 12px !important; margin: 4px 0px 14px !important;}
.btn-native-back{width: 38px !important; height: 38px !important; min-width: 38px !important; border-radius: 12px !important; background: rgb(20, 28, 38) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: rgb(203, 213, 225) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: 0.2s !important; text-decoration: none !important; margin-top: 2px !important;}
.btn-native-back:hover,.btn-native-back:active{transform: scale(0.95) !important; border-color: var(--primary, #ff6a00) !important; color: rgb(255, 145, 66) !important; background: rgba(255, 106, 0, 0.12) !important;}
.header-title-box .page-title{font-size: 23px !important; font-weight: 800 !important; color: rgb(255, 255, 255) !important; letter-spacing: -0.5px !important; line-height: 1.15 !important; margin: 0px !important;}
.header-title-box .page-desc{font-size: 12px !important; color: var(--text-muted, #8b99ad) !important; line-height: 1.35 !important; margin: 3px 0px 0px !important;}
.recharge-search-wrap{position: relative !important; margin-bottom: 16px !important; display: flex !important; align-items: center !important; width: 100% !important;}
#app .ref-recharge .operators-grid{display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important;}
#app .ref-recharge .operator-tile{border-radius: 16px !important; min-height: 94px !important; height: 94px !important; padding: 8px 6px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; position: relative !important; overflow: hidden !important;}
#app .ref-recharge .operator-logo-box{height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 4px !important;}
#app .ref-recharge .operator-tile strong{font-size: 11.5px !important; font-weight: 700 !important; color: rgb(226, 232, 240) !important; text-align: center !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 95% !important; margin: 0px !important;}
}
@media (max-width: 900px){
html body #app .home75-track#home75-recharges,html body #app .home75-track#home75-animals,html body[data-role="usuario"] .home75-track#home75-recharges,html body[data-role="usuario"] .home75-track#home75-animals,html body .home75-track:has(.home75-op),html body .home75-track:has(.home75-animal),body[data-role="usuario"] .home75-section .home75-track{display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; padding: 0px 0px 6px !important; margin: 0px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important;}
html body #app .home75-track > .home75-card.home75-op,html body #app .home75-track > .home75-card.home75-animal,html body[data-role="usuario"] .home75-track > .home75-card.home75-op,html body[data-role="usuario"] .home75-track > .home75-card.home75-animal,html body[data-role="usuario"] .home75-card.home75-op,html body[data-role="usuario"] .home75-card.home75-animal,html body .home75-card.home75-op,html body .home75-card.home75-animal,#app #home75-recharges > .home75-card,#app #home75-animals > .home75-card,body[data-role="usuario"] .home75-card:not(.home75-sport){flex: 0 0 calc(33.3333% - 4px) !important; width: calc(33.3333% - 4px) !important; max-width: calc(33.3333% - 4px) !important; min-width: 0px !important; min-height: 94px !important; height: 98px !important; padding: 8px 4px 6px !important; gap: 4px !important; border-radius: 14px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: space-between !important; text-align: center !important; box-sizing: border-box !important; scroll-snap-align: start !important;}
html body .home75-track > .home75-card .home75-oplogo,html body .home75-track > .home75-card .home75-card-symbol,#app #home75-recharges .home75-oplogo,#app #home75-animals .home75-card-symbol{flex: 1 1 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; width: 100% !important;}
html body .home75-track > .home75-card .home75-oplogo img,html body .home75-track > .home75-card .home75-oplogo svg,html body .home75-track > .home75-card .home75-card-symbol img,#app #home75-recharges .home75-oplogo img,#app #home75-animals .home75-card-symbol img{max-height: 38px !important; max-width: 80% !important; width: auto !important; height: auto !important; object-fit: contain !important;}
html body .home75-track > .home75-card strong,body[data-role="usuario"] .home75-card.home75-op strong,body[data-role="usuario"] .home75-card.home75-animal strong,#app #home75-recharges strong,#app #home75-animals strong{font-size: 11px !important; font-weight: 800 !important; line-height: 1.15 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 95% !important; margin: 0px !important; color: rgb(226, 232, 240) !important;}
html body .home75-track > .home75-card small,#app #home75-recharges small,#app #home75-animals small{display: none !important;}
body[data-role="usuario"] .home79-sport,html body .home75-track > .home75-card.home75-sport{flex: 0 0 clamp(240px, 75%, 290px) !important; width: auto !important; max-width: none !important; min-height: 135px !important; height: auto !important;}
}
html:not([data-theme="light"]) #app .home75-track#home75-animals > .home75-card.home75-animal,html:not([data-theme="light"]) body[data-role="usuario"] .home75-track#home75-animals > .home75-card.home75-animal,html:not([data-theme="light"]) #app .home75-card.home75-animal{position: relative !important; overflow: hidden !important; background: radial-gradient(circle at 85% 15%, rgba(16, 185, 129, 0.16), transparent 60%), linear-gradient(150deg, rgb(18, 28, 23) 0%, rgb(13, 20, 17) 100%) !important; border: 1px solid rgba(16, 185, 129, 0.28) !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 14px !important;}
html:not([data-theme="light"]) #app .home75-track#home75-animals > .home75-card.home75-animal::before,html:not([data-theme="light"]) body[data-role="usuario"] .home75-track#home75-animals > .home75-card.home75-animal::before,html:not([data-theme="light"]) #app .home75-card.home75-animal::before{content: "" !important; position: absolute !important; right: -8px !important; bottom: -6px !important; width: 55px !important; height: 55px !important; opacity: 0.18 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%2310b981'%3E%3Cpath d='M50 5 C30 20 15 45 20 75 C25 90 40 98 50 95 C60 98 75 90 80 75 C85 45 70 20 50 5 Z M50 25 C50 50 50 75 50 90 M30 45 C40 50 48 55 50 56 M70 45 C60 50 52 55 50 56 M25 65 C38 68 47 70 50 71 M75 65 C62 68 53 70 50 71' stroke='%2310b981' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: contain !important; transform: rotate(-15deg) !important; pointer-events: none !important; z-index: 1 !important;}
html:not([data-theme="light"]) #app .home75-card.home75-animal[data-lottery-theme*="granjita"],html:not([data-theme="light"]) #app .home75-card.home75-animal[data-lottery-theme*="granja"]{background: radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.16), transparent 60%), linear-gradient(150deg, rgb(28, 24, 17) 0%, rgb(19, 16, 11) 100%) !important; border-color: rgba(245, 158, 11, 0.28) !important;}
html:not([data-theme="light"]) #app .home75-card.home75-animal[data-lottery-theme*="granjita"]::before,html:not([data-theme="light"]) #app .home75-card.home75-animal[data-lottery-theme*="granja"]::before{opacity: 0.18 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23f59e0b'%3E%3Cpath d='M50 95 L50 15 M50 30 C40 25 35 30 35 35 C40 40 48 35 50 35 M50 30 C60 25 65 30 65 35 C60 40 52 35 50 35 M50 50 C38 45 32 52 32 58 C38 63 48 56 50 56 M50 50 C62 45 68 52 68 58 C62 63 52 56 50 56 M50 70 C38 65 32 72 32 78 C38 83 48 76 50 76 M50 70 C62 65 68 72 68 78 C62 83 52 76 50 76' stroke='%23f59e0b' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important; transform: rotate(10deg) !important;}
html:not([data-theme="light"]) #app .home75-card.home75-animal[data-lottery-theme*="guacharo"]{background: radial-gradient(circle at 85% 15%, rgba(239, 68, 68, 0.15), transparent 60%), linear-gradient(150deg, rgb(26, 18, 20) 0%, rgb(18, 11, 13) 100%) !important; border-color: rgba(239, 68, 68, 0.28) !important;}
html:not([data-theme="light"]) #app .home75-card.home75-animal[data-lottery-theme*="guacharo"]::before{opacity: 0.16 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23ef4444'%3E%3Cpath d='M50 5 C30 20 15 45 20 75 C25 90 40 98 50 95 C60 98 75 90 80 75 C85 45 70 20 50 5 Z M50 25 C50 50 50 75 50 90 M30 45 C40 50 48 55 50 56 M70 45 C60 50 52 55 50 56' stroke='%23ef4444' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important; transform: rotate(-25deg) !important;}
#app .home75-card.home75-animal .home75-card-symbol,#app .home75-card.home75-animal strong{position: relative !important; z-index: 2 !important;}
.swal2-confirm.dp-swal-neutral-btn,button.swal2-confirm.dp-swal-neutral-btn{background: rgb(51, 65, 85) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgb(71, 85, 105) !important; box-shadow: none !important;}
.swal2-confirm.dp-swal-neutral-btn:hover{background: rgb(71, 85, 105) !important;}
.home76-header{display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important;}
.home76-header-left{display: inline-flex !important; align-items: center !important; gap: 10px !important;}
.home76-header-left strong,.home76-title{margin: 0px !important; font-size: 18px !important; font-weight: 800 !important; color: var(--text, #f1f5f9) !important;}
.home76-modal > header button.home76-back-arrow,button.home76-back-arrow{background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; border-radius: 0px !important; width: auto !important; height: auto !important; min-width: 0px !important; min-height: 0px !important; padding: 4px 6px 4px 0px !important; margin: 0px !important; color: var(--text, #cbd5e1) !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; opacity: 0.85 !important; transition: opacity 0.2s, transform 0.2s, color 0.2s !important;}
.home76-modal > header button.home76-back-arrow:hover,.home76-modal > header button.home76-back-arrow:active,button.home76-back-arrow:hover,button.home76-back-arrow:active{background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; opacity: 1 !important; color: var(--primary, #ff6a00) !important; transform: translateX(-3px) !important;}
.home76-modal > header button.home76-back-arrow svg,button.home76-back-arrow svg{display: block !important; stroke: currentcolor !important;}
:root[data-theme="light"] .home76-title,html[data-theme="light"] .home76-title{color: rgb(15, 23, 42) !important;}
:root[data-theme="light"] .home76-modal > header button.home76-back-arrow,html[data-theme="light"] button.home76-back-arrow{color: rgb(51, 65, 85) !important;}
:root[data-theme="light"] .home76-modal > header button.home76-back-arrow:hover,html[data-theme="light"] button.home76-back-arrow:hover{color: rgba(255, 106, 0) !important;}
@media (max-width: 768px){
.home76-modal > header button.home76-back-arrow,button.home76-back-arrow{display: inline-flex !important;}
.home76-modal > header button.home76-close-x,button.home76-close-x{display: none !important;}
}
@media (min-width: 769px){
.home76-modal > header button.home76-back-arrow,button.home76-back-arrow{display: none !important;}
.home76-modal > header button.home76-close-x,button.home76-close-x{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 10px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  background: var(--card2, #262c37) !important;
  border: 1px solid var(--line, #384252) !important;
  color: var(--text, #cbd5e1) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.home76-modal > header button.home76-close-x:hover,button.home76-close-x:hover{
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--primary, #ff6a00) !important;
  color: var(--primary, #ff6a00) !important;
}
.home76-modal > header button.home76-close-x svg,button.home76-close-x svg{
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 auto !important;
  stroke: currentColor !important;
}
}

/* ===== account-integrated.css ===== */
.dp93-account.dpa{gap: 12px;}
.dpa .dpa-profile-integrated{isolation: isolate; aspect-ratio: 6 / 1; min-height: 170px; padding: 20px 24px; gap: 18px; border-radius: 16px; background: rgb(18, 24, 32); color: rgb(255, 255, 255);}
.dpa-photo-layers{position: absolute; inset: 0px; z-index: -2; pointer-events: none; overflow: hidden; background: rgb(18, 24, 32);}
.dpa-photo-layers span{position: absolute; inset: 0px; opacity: 0; background-image: url("/frontend/assets/account-panorama-atlas-v2.png"); background-size: auto 300%; background-repeat: no-repeat; animation: 24s ease 0s infinite normal none running dp-account-photo;}
.dpa-photo-layers span:nth-child(1){background-position: 50% 0%; opacity: 1;}
.dpa-photo-layers span:nth-child(2){background-position: 50% 50%; animation-delay: 8s;}
.dpa-photo-layers span:nth-child(3){background-position: 50% 100%; animation-delay: 16s;}
.dpa-profile-integrated::after{content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(90deg, rgba(11, 17, 25, 0.93) 0%, rgba(11, 17, 25, 0.73) 28%, rgba(11, 17, 25, 0.19) 54%, rgba(11, 17, 25, 0.74) 76%, rgba(11, 17, 25, 0.933) 100%); pointer-events: none;}
.dpa-profile-integrated .dpa-avatar{width: 58px; height: 58px; flex: 0 0 58px; font-size: 21px; box-shadow: none; background: rgba(23, 32, 44, 0.74); border: 2px solid rgb(255, 134, 28);}
.dpa-profile-integrated .dpa-id{gap: 14px;}
.dpa-profile-integrated .dpa-who h1{font-size: 24px; font-weight: 700; line-height: 1.2; margin: 3px 0px 5px;}
.dpa-profile-integrated .dpa-who p{font-size: 12px; margin: 0px 0px 7px; overflow-wrap: anywhere; color: rgb(208, 217, 229);}
.dpa-profile-integrated .dpa-kicker{font-size: 10px; letter-spacing: 1px;}
.dpa-profile-integrated .dpa-badge{font-size: 10px;}
.dpa-profile-integrated .dpa-wallet{min-width: 265px; padding: 13px 15px; border-radius: 12px; background: rgba(16, 23, 32, 0.85); backdrop-filter: none; -webkit-backdrop-filter: none;}
.dpa-profile-integrated .dpa-wallet strong{font-size: 26px; font-weight: 700; margin: 2px 0px 10px;}
.dpa-profile-integrated .dpa-btn{min-height: 40px; padding: 8px 12px; font-size: 13px;}
.dpa-photo-pause{position: absolute; bottom: 5px; left: calc(50% - 22px); width: 44px; height: 32px; border: 0px; border-radius: 6px; color: rgb(232, 238, 246); background: rgba(16, 23, 32, 0.57); font-size: 15px; cursor: pointer;}
.dpa-profile-integrated.photos-paused .dpa-photo-layers span,.dpa-profile-integrated:focus-within .dpa-photo-layers span{animation-play-state: paused;}
.dpa .dpa-quick{gap: 10px; margin: 0px;}
.dpa .dpa-qa{padding: 10px 12px; min-height: 58px;}
.dpa .dpa-qa b{font-size: 13px; font-weight: 600;}
.dpa .dpa-qa small{font-size: 11px;}
.dpa .dpa-tabs{margin: 0px; padding: 3px; gap: 6px;}
.dpa .dpa-tab{padding: 9px 14px; min-height: 42px; font-size: 13px;}
.dpa .dpa-layout{gap: 14px;}
.dpa .dpa-card{padding: 18px;}
.dpa .dpa-card > header{margin-bottom: 14px;}
.dpa .dpa-card h2{font-size: 18px; font-weight: 650;}
.dpa .dpa-card > header p{font-size: 12px; margin: 4px 0px 0px;}
.dpa .dpa-form{gap: 12px;}
.dpa .dpa-note{padding: 10px 12px; font-size: 12px;}
.dpa .dpa-aside{padding: 16px;}
.dpa .dpa-tips{gap: 10px;}
@keyframes dp-account-photo { 
  0%, 28% { opacity: 1; }
  34%, 95% { opacity: 0; }
  100% { opacity: 1; }
}
@media (min-width: 1250px){
.dpa .dp93-profile-card .dpa-form{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.dpa .dp93-profile-card .dpa-form-actions{margin-top: 0px;}
}
@media (max-width: 650px){
.dpa .dpa-profile-integrated{aspect-ratio: auto; padding: 18px 14px; grid-template-columns: minmax(0px, 1fr); gap: 16px; min-height: 240px;}
.dpa-profile-integrated .dpa-wallet{min-width: 0px; display: grid; grid-template-columns: 1fr auto; gap: 0px 12px; padding: 12px;}
.dpa-profile-integrated .dpa-wallet small{grid-column: 1;}
.dpa-profile-integrated .dpa-wallet strong{grid-column: 1; font-size: 24px; margin: 2px 0px 0px;}
.dpa-profile-integrated .dpa-wallet-actions{grid-area: 1 / 2 / 3; align-self: center;}
.dpa-profile-integrated .dpa-btn{min-height: 44px; padding: 8px;}
.dpa-profile-integrated .dpa-who h1{font-size: 21px;}
.dpa-profile-integrated::after{background: linear-gradient(90deg, rgba(11, 17, 25, 0.863), rgba(11, 17, 25, 0.565)), linear-gradient(0deg, rgba(11, 17, 25, 0.69), transparent);}
.dpa-photo-layers span{background-size: auto 300%;}
.dpa-photo-pause{inset: 4px 4px auto auto; height: 44px;}
.dpa .dpa-quick{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.dpa .dpa-tabs{display: flex; overflow: auto; flex-wrap: nowrap;}
.dpa .dpa-card{padding: 14px;}
}
@media (max-width: 370px){
.dpa-profile-integrated .dpa-wallet{display: block;}
.dpa-profile-integrated .dpa-wallet-actions{margin-top: 10px;}
.dpa-profile-integrated .dpa-wallet-actions a{min-height: 44px;}
.dpa-profile-integrated .dpa-id{gap: 10px;}
}
@media (prefers-reduced-motion: reduce){
.dpa-photo-layers span{animation: auto ease 0s 1 normal none running none !important;}
.dpa-photo-layers span:nth-child(1){opacity: 1;}
.dpa-photo-pause{display: none;}
}

/* ===== chat-media.css ===== */
html body #danli-chat-widget .danli-chat-panel{width: min(390px, -24px + 100vw); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.267) 0px 16px 55px; font: 14px / 1.45 "Segoe UI", system-ui, sans-serif; border: 1px solid rgb(220, 225, 229) !important;}
html body #danli-chat-widget .danli-chat-head{padding: 14px 16px; gap: 11px; border-bottom: 1px solid rgb(231, 233, 233); min-height: 68px; box-sizing: border-box; background: rgb(255, 255, 255) !important; color: rgb(35, 49, 60) !important;}
.danli-chat-head > div{flex: 1 1 0%;}
.danli-chat-head strong{font-size: 14px;}
.danli-chat-head small{color: rgb(115, 128, 120); font-size: 11px;}
.chat-brand-avatar{position: relative; display: grid; place-items: center; width: 39px; height: 39px; flex: 0 0 39px; border-radius: 50%; background: rgb(255, 240, 227); color: rgb(232, 107, 19); font-weight: 800; font-size: 19px;}
.chat-brand-avatar i{position: absolute; width: 9px; height: 9px; border-radius: 50%; background: rgb(37, 180, 111); right: 0px; bottom: 1px; border: 2px solid white;}
html body #danli-chat-widget .danli-chat-head button{border-radius: 50%; width: 32px; height: 32px; padding: 0px; font-size: 23px; color: rgb(114, 128, 120) !important; background: rgb(243, 245, 244) !important;}
html body #danli-chat-widget .danli-chat-content{background-size: 17px 17px; padding: 16px; gap: 10px; background-color: rgb(244, 242, 237) !important; background-image: radial-gradient(rgba(201, 198, 188, 0.4) 0.7px, transparent 0.7px) !important;}
html body #danli-chat-widget .danli-chat-bubble{border-radius: 4px 13px 13px; box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 2px; max-width: 83%; padding: 9px 12px; min-width: 55px; box-sizing: border-box; align-self: flex-start; margin: 0px; background: rgb(255, 255, 255) !important; color: rgb(41, 55, 48) !important; border: 1px solid rgb(229, 231, 225) !important;}
html body #danli-chat-widget .danli-chat-bubble.customer{border-radius: 13px 4px 13px 13px; align-self: flex-end; margin-left: auto; background: rgb(255, 234, 215) !important; color: rgb(61, 48, 37) !important; border-color: rgb(243, 220, 198) !important;}
html body #danli-chat-widget .danli-chat-bubble p{margin: 0px; line-height: 1.45; font-size: 14px; color: inherit !important;}
.chat-message-time{display: block; text-align: right; margin-top: 4px; line-height: 1.2; font-size: 10px !important; color: rgb(133, 144, 135) !important; opacity: 1 !important;}
html body .chat-compose{margin: 0px; box-sizing: border-box; display: block !important; background: rgb(255, 255, 255) !important; border-top: 1px solid rgb(225, 229, 223) !important; padding: 9px 10px !important;}
html body .chat-compose .chat-compose-row{position: relative; align-items: center; gap: 6px; min-width: 0px; flex-wrap: wrap; width: 100%; display: flex !important;}
.chat-media-tools{display: contents;}
.chat-media-tools [hidden]{display: none !important;}
.chat-media-tools button{display: grid; place-items: center; width: 32px; min-width: 32px; height: 36px; min-height: 36px; cursor: pointer; padding: 0px !important; border: 0px !important; border-radius: 8px !important; background: transparent !important; color: rgb(119, 131, 123) !important; font: 22px "Segoe UI", sans-serif !important; box-shadow: none !important;}
html body .chat-compose .chat-compose-row > input,html body .chat-compose .chat-compose-row > textarea{max-height: 90px; box-sizing: border-box; resize: none; flex: 1 1 100px !important; width: 0px !important; min-width: 0px !important; height: 40px !important; min-height: 40px !important; border: 1px solid rgb(227, 231, 226) !important; border-radius: 22px !important; background: rgb(245, 247, 244) !important; color: rgb(41, 55, 48) !important; padding: 9px 12px !important; margin: 0px !important; font: 14px / 20px "Segoe UI", sans-serif !important; box-shadow: none !important;}
html body .chat-compose .chat-compose-row > button[type="submit"]{flex: 0 0 38px; display: grid; place-items: center; width: 38px; min-width: 38px; height: 38px; min-height: 38px; cursor: pointer; padding: 0px !important; border: 0px !important; border-radius: 50% !important; background: rgb(247, 123, 23) !important; color: white !important; font-size: 20px !important; box-shadow: none !important;}
.chat-media-tools [data-file]:empty{display: none;}
.chat-media-tools [data-file]{flex-basis: calc(100% - 42px); font-size: 11px; overflow-wrap: anywhere; order: 5;}
.chat-media-tools [data-remove]{order: 6;}
.chat-media-tools > img{width: 65px; height: 50px; object-fit: contain; border-radius: 6px; order: 4;}
.chat-media-tools [data-emojis]{display: flex; flex-wrap: wrap; gap: 3px; position: absolute; bottom: calc(100% + 10px); left: 0px; max-width: 270px; background: white; padding: 8px; border: 1px solid rgb(220, 226, 219); border-radius: 12px; z-index: 3; box-shadow: rgba(0, 0, 0, 0.133) 0px 5px 22px;}
.chat-media-tools [data-emojis] button{font-size: 22px !important;}
html body .chat-message-image{display: block; object-fit: contain; border-radius: 9px; margin-top: 6px; width: auto !important; height: auto !important; max-width: min(225px, 100%) !important; max-height: 190px !important;}
.chat-image-load{font-size: 12px !important;}
.chat-unread{display: inline-flex; align-items: center; justify-content: center; background: rgb(238, 94, 34); color: white; border-radius: 12px; min-width: 20px; height: 20px; font-size: 12px; margin-left: 5px; padding: 0px 4px;}
html body #danli-chat-widget .danli-chat-note{opacity: 1; font-size: 9px !important; color: rgb(132, 144, 135) !important; padding: 2px 10px 8px !important; background: rgb(255, 255, 255) !important;}
@media (max-width: 600px){
html body #danli-chat-widget .danli-chat-panel{right: 8px; width: calc(-16px + 100vw);}
html body .chat-compose .chat-compose-row > input,html body .chat-compose .chat-compose-row > textarea{font-size: 16px !important;}
.chat-media-tools button{width: 36px; min-width: 36px; min-height: 42px;}
.chat-media-tools [data-emojis] button{width: 39px; min-width: 39px;}
html body .chat-compose .chat-compose-row > button[type="submit"]{height: 42px; min-height: 42px; width: 42px; flex-basis: 42px;}
html body .chat-message-image{max-width: min(205px, 100%) !important;}
}
html body #danli-chat-widget .danli-chat-content{min-height: 0px; overscroll-behavior: contain;}
html body #danli-chat-widget .chat-message-time{color: rgb(119, 130, 120) !important; font-size: 10px !important;}
html body #danli-chat-widget .danli-chat-bubble img{max-width: 220px !important; max-height: 190px !important; width: auto !important; height: auto !important; object-fit: contain !important;}
html body #danli-chat-widget .danli-chat-head{flex-shrink: 0; background: rgb(255, 255, 255) !important; color: rgb(36, 51, 44) !important;}
html body #danli-chat-widget .danli-chat-head button{display: grid; place-items: center; min-width: 40px; min-height: 40px;}
html body #danli-chat-widget .chat-compose-row{flex-wrap: nowrap !important;}
html body #danli-chat-widget .chat-compose-row:has([data-file]:not(:empty)){flex-wrap: wrap !important;}
html body #danli-chat-widget .chat-compose-row > input{outline: none;}
html body #danli-chat-widget .chat-compose-row > input:focus{border-color: rgb(229, 164, 109) !important;}
@media (max-width: 900px){
html body.danli-chat-open{overflow: hidden !important;}
html body #danli-chat-widget .danli-chat-panel{position: fixed !important; inset: 0px !important; width: 100% !important; max-width: none !important; height: 100dvh !important; min-height: 0px !important; max-height: none !important; border: 0px !important; border-radius: 0px !important; z-index: 2147483000 !important; box-shadow: none !important; margin: 0px !important; box-sizing: border-box !important; transform: none !important;}
html body #danli-chat-widget .danli-chat-head{gap: 11px; min-height: 66px; padding: calc(10px + env(safe-area-inset-top,0px)) 14px 10px !important;}
html body #danli-chat-widget .danli-chat-head strong{font-size: 15px !important;}
html body #danli-chat-widget .danli-chat-content{padding: 16px 13px !important; gap: 9px !important; flex: 1 1 0px !important;}
html body #danli-chat-widget .danli-chat-bubble{max-width: 82% !important; padding: 9px 11px !important;}
html body #danli-chat-widget .danli-chat-bubble p{font-size: 15px !important;}
html body #danli-chat-widget .chat-compose{padding: 8px 9px !important; flex-shrink: 0 !important;}
html body #danli-chat-widget .danli-chat-note{flex-shrink: 0; padding: 0 8px calc(5px + env(safe-area-inset-bottom,0px)) !important;}
html body #danli-chat-widget .chat-compose-row{gap: 5px !important;}
html body #danli-chat-widget .chat-compose-row > input{height: 44px !important; min-height: 44px !important; font-size: 16px !important;}
html body #danli-chat-widget .chat-media-tools > button{width: 35px !important; min-width: 35px !important; height: 44px !important; min-height: 44px !important;}
html body #danli-chat-widget .chat-compose-row > button[type="submit"]{height: 44px !important; min-height: 44px !important; width: 44px !important; flex-basis: 44px !important;}
}
@media (max-width: 900px){
html body #danli-chat-widget .danli-chat-panel{width: 100vw !important; max-width: 100vw !important;}
}
html body #danli-chat-widget .chat-message-time{color: rgb(105, 120, 109) !important; opacity: 1 !important;}

/* =============================================================================
   CAPA DE UNIFICACIÓN · v3.7.134 (03/11/2026)
   Iguala los módulos del portal tomando como regla la variante que ya usa la
   mayoría (Tripletas es el molde). Para revertir: borrar desde aquí hasta el final.
   ========================================================================== */

/* Tarjetas de lotería: mismo formato en Animalitos, Tripletas y Loterías. */
@media (max-width: 767px){
  #app .anim-card > .anim-lots,
  #app .anim-card > .anim-lots.anim-lots-animalitos,
  #app .lottery-catalog .anim-lots{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;align-items:stretch !important}
  #app .anim-card .tripleta-lot[data-lottery-theme]{height:auto !important;min-height:128px !important}
  #app .anim-card .anim-lot b{overflow-wrap:anywhere;line-height:1.15}
}

/* Misma medida interna en Animalitos y Tripletas para 3 por fila; todas las filas del mismo alto. */
@media (max-width: 767px){
  #app .anim-card > .anim-lots{grid-auto-rows:1fr}
  #app .anim-card > .anim-lots > .anim-lot[data-lottery-theme]{padding:8px 4px !important;gap:5px !important}
  #app .anim-card > .anim-lots > .anim-lot[data-lottery-theme] .anim-lot-ic{width:48px !important;height:48px !important}
  #app .anim-card > .anim-lots > .anim-lot[data-lottery-theme] .anim-lot-ic img{object-fit:contain;width:48px !important;height:48px !important}
  #app .anim-card > .anim-lots > .anim-lot[data-lottery-theme] b{font-size:11px !important;line-height:1.15}
  #app .anim-card > .anim-lots > .anim-lot[data-lottery-theme] small{font-size:10px !important}
}

/* Loterías: encabezado de la lista igual a Animalitos/Tripletas, con el buscador al lado. */
#app .lottery-catalog .lot-step-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}
#app .lottery-catalog .lot-step-row > h3.anim-step{margin:0}
#app .lottery-catalog .lot-search{width:220px;max-width:100%;height:36px;font-size:13px;padding:0 12px;border-radius:10px;background:var(--card2);border:1px solid var(--line);color:var(--text)}
@media (max-width: 767px){
  #app .lottery-catalog .lot-search{width:100%}
  #app .lottery-catalog .anim-lots{grid-auto-rows:1fr}
  #app .lottery-catalog .anim-lots > .anim-lot[data-lottery-theme]{padding:8px 4px !important;gap:5px !important}
  #app .lottery-catalog .anim-lots > .anim-lot[data-lottery-theme] .anim-lot-ic{width:48px !important;height:48px !important}
  #app .lottery-catalog .anim-lots > .anim-lot[data-lottery-theme] .anim-lot-ic img{object-fit:contain;width:48px !important;height:48px !important}
  #app .lottery-catalog .anim-lots > .anim-lot[data-lottery-theme] b{font-size:11px !important;line-height:1.15}
  #app .lottery-catalog .anim-lots > .anim-lot[data-lottery-theme] small{font-size:10px !important}
}

/* ---- Encabezado de página único (molde: Tripletas) ---- */
#app .page-heading .eyebrow,#app .page-kicker,#app .cxl-eyebrow{font-size:11px !important;font-weight:750 !important;letter-spacing:1.6px !important;text-transform:uppercase;color:var(--orange) !important;line-height:1.45 !important;margin:0 0 9px !important}
#app .page-heading h1,#app h1.page-title,#app .page-title,#app .cxl-top h1{font-size:24px !important;font-weight:700 !important;letter-spacing:-1.2px !important;line-height:1.1 !important;margin:0 0 2px !important}
#app .page-heading p{font-size:12px !important;line-height:1.55 !important;color:var(--muted) !important;margin:0 0 6px !important}

/* ---- Pestañas únicas (molde: Tripletas) en todos los módulos, incluidos Casino y Mi cuenta ---- */
#app .dp-tabs .dp-tab,#app .cxl-tabs button,#app .dpa-tabs .dpa-tab{display:inline-flex !important;align-items:center !important;gap:5px !important;height:30px !important;min-height:30px !important;padding:4px 11px !important;border-radius:999px !important;font-size:12px !important;font-weight:600 !important;line-height:20px !important;background:var(--card2) !important;border:1px solid var(--line) !important;color:var(--muted) !important;box-shadow:none !important}
#app .dp-tabs .dp-tab.active,#app .cxl-tabs button.on,#app .dpa-tabs .dpa-tab.active{background:linear-gradient(95deg,#ff6a00,#e65f00) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 3px 14px rgba(255,113,23,.22) !important}
#app .dp-tabs,#app .cxl-tabs,#app .dpa-tabs{gap:7px !important}
@media (max-width: 767px){
  #app .dp-tabs .dp-tab,#app .cxl-tabs button,#app .dpa-tabs .dpa-tab{height:36px !important;min-height:36px !important;padding:4px 10px !important}
}

/* ---- Campos: mismo alto, borde y letra (variante mayoritaria) ---- */
#app .dp-txf-search-input,#app .dp-txf-select,#app .recharge-search-input,#app .lot-search{min-height:40px !important;height:40px !important;border-radius:10px !important;font-size:13px !important}

/* ---- Botón principal: mismo alto, borde y letra (variante mayoritaria) ---- */
#app .btn.btn-primary,#app .ref-button,#app .cxl-btn.primary,#app .dpa-btn.primary{min-height:43px !important;border-radius:12px !important;font-size:14px !important;font-weight:600 !important}

/* ---- Campos: un solo fondo por tema (antes 3 fondos; el de Transacciones quedaba negro en modo claro) ---- */
:root{--dp-field:#0c1219;--dp-field-line:rgba(255,255,255,.08)}
html[data-theme="light"]{--dp-field:#ffffff;--dp-field-line:var(--line)}
#app .dp-txf-search-input,#app .dp-txf-select,#app .recharge-search-input,#app .lot-search{background-color:var(--dp-field) !important;border:1px solid var(--dp-field-line) !important;color:var(--text) !important}
#app .dp-txf-search-input,#app .recharge-search-input,#app .lot-search{font-weight:400 !important}

/* ---- Botón principal de Recargas al mismo alto que el resto ---- */
#app .ref-recharge #recharge-form > .ref-button{min-height:43px !important;height:43px !important;font-size:14px !important;border-radius:12px !important}

/* ---- Tarjetas de operadora (Propuesta B aprobada): la del Inicio en Inicio y en Recargas,
        con una línea fina del color de la operadora; la elegida lleva borde naranja y ✓. ---- */
html body #app .home75 .home75-op,html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]{--op-accent:#ff6a00}
html body #app .home75 .home75-op[data-home-operator^="digitel"],html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="digitel"]{--op-accent:#f80085}
html body #app .home75 .home75-op[data-home-operator^="movistar"],html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="movistar"]{--op-accent:#00b6ec}
html body #app .home75 .home75-op[data-home-operator^="inter"],html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="inter"]{--op-accent:#168dff}
html body #app .home75 .home75-op[data-home-operator^="cantv"],html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="cantv"]{--op-accent:#6487e5}
html body #app .home75 .home75-op[data-home-operator^="simpletv"],html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="simpletv"]{--op-accent:#22a6ef}

/* Fondo y línea de marca (oscuro) */
html body #app .home75 .home75-op,html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]{background:linear-gradient(var(--op-accent),var(--op-accent)) center bottom 6px / 40% 3px no-repeat,radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--op-accent) 19%,transparent),transparent 72%),linear-gradient(135deg,#29323b,#202830) !important;border:1px solid color-mix(in srgb,var(--op-accent) 25%,#38434e) !important}
/* Fondo y línea de marca (claro) */
html[data-theme="light"] body #app .home75 .home75-op,html[data-theme="light"] body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]{background:linear-gradient(var(--op-accent),var(--op-accent)) center bottom 6px / 40% 3px no-repeat,radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--op-accent) 13%,transparent),transparent 75%),linear-gradient(135deg,#faf9f6,#edf0f2) !important;border-color:color-mix(in srgb,var(--op-accent) 20%,#dce1e6) !important;color:#1d2935 !important}

/* Recargas: misma forma, medidas y contenido que la tarjeta del Inicio */
html body #app .ref-recharge .operators-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(124px,1fr)) !important;gap:12px !important}
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]{position:relative !important;isolation:isolate;overflow:hidden !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;aspect-ratio:1/1;height:auto !important;min-height:0 !important;padding:10px 8px 14px !important;border-radius:14px !important;box-shadow:none !important;transform:none !important;text-align:center !important;color:var(--text) !important}
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]::before,html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]::after,html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] strong::before,html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] strong::after{content:none !important;display:none !important}
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;max-width:none !important;min-width:0 !important;flex:0 0 auto !important;height:82px !important;max-height:62% !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important;position:static !important}
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box img{max-width:84% !important;max-height:54px !important;width:auto !important;height:auto !important;object-fit:contain !important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.22)) !important;position:static !important;transform:none !important}
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] strong{display:block !important;max-width:100% !important;font-size:12px !important;font-weight:700 !important;line-height:1.2 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;padding:0 !important;margin:0 !important;color:inherit !important;position:static !important}
/* Postpago: la misma etiqueta que en el Inicio */
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme$="pos"]::after{content:"POSTPAGO" !important;display:block !important;position:absolute;top:7px;right:7px;font-size:8.5px;font-weight:800;letter-spacing:.5px;padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--text)}
html[data-theme="light"] body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme$="pos"]::after{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12);color:#222}
/* Elegida: borde naranja y ✓ */
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme].selected{border:2px solid var(--orange) !important}
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme].selected::before{content:"" !important;display:block !important;position:absolute;top:7px;left:7px;width:18px;height:18px;border-radius:50%;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}

@media (max-width: 767px){
  html body #app .ref-recharge .operators-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
  html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]{aspect-ratio:auto;height:98px !important;justify-content:space-between !important;gap:4px !important;padding:8px 4px 12px !important}
  html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box{height:44px !important;max-height:none !important;width:100% !important}
  html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box img{max-width:80% !important;max-height:38px !important}
  html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] strong{font-size:11px !important;font-weight:800 !important}
}

/* ---- Tablero de animalitos (Animalitos y Tripletas) · Propuesta A aprobada ----
   Imagen grande y limpia, debajo «21 - Gallo» en una línea; elegido = aro naranja.
   Computadora: imágenes cuadradas con esquinas suaves (~7 por fila). Teléfono: redondas, 5 por fila. */
html body #app .anim-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(92px,1fr)) !important;gap:10px !important;align-items:start !important}
html body #app .anim-grid > .anim-fig{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:6px !important;min-width:0 !important;width:auto !important;height:auto !important;min-height:0 !important;padding:6px 2px !important;margin:0 !important;background:none !important;border:0 !important;border-radius:14px !important;box-shadow:none !important;transform:none !important}
html body #app .anim-grid > .anim-fig .anim-fig-emo{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;max-width:84px !important;height:auto !important;aspect-ratio:1/1 !important;margin:0 !important;padding:0 !important;border-radius:12px !important;overflow:hidden !important;background:none !important;border:0 !important;box-shadow:none !important;font-size:34px;transition:transform .15s ease,box-shadow .15s ease}
html body #app .anim-grid > .anim-fig .anim-fig-emo img{display:block !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;border-radius:inherit !important;margin:0 !important}
html body #app .anim-grid > .anim-fig:hover .anim-fig-emo{transform:scale(1.04)}
html body #app .anim-grid > .anim-fig .anim-fig-lbl{display:block;max-width:100%;font-size:12px;font-weight:700;line-height:1.2;color:var(--text, #f8fafc) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #app .anim-grid > .anim-fig .anim-fig-lbl b{color:var(--text, #f8fafc) !important;font-weight:800}
html[data-theme="light"] body #app .anim-grid > .anim-fig .anim-fig-lbl,
html[data-theme="light"] body #app .anim-grid > .anim-fig .anim-fig-lbl b{color:#0f172a !important}
html body #app .anim-grid > .anim-fig .anim-fig-mult{font-size:10px;font-weight:700;color:var(--orange);line-height:1}
html body #app .anim-grid > .anim-fig > b,html body #app .anim-grid > .anim-fig > small:not(.anim-fig-mult){display:none !important}
html body #app .anim-grid > .anim-fig .anim-fig-chk,
.anim-fig-chk{display:flex !important;align-items:center !important;justify-content:center !important;position:absolute !important;top:2px !important;right:2px !important;width:26px !important;height:26px !important;border-radius:50% !important;background:radial-gradient(circle at 35% 25%,#a7f3d0 0%,#34d399 25%,#10b981 50%,#059669 75%,#064e3b 100%) !important;border:1.8px solid #ecfdf5 !important;box-shadow:0 4px 10px rgba(0,0,0,0.45),0 0 14px rgba(34,197,94,0.6),inset 0 1.5px 2px rgba(255,255,255,0.85),inset 0 -2px 3px rgba(0,0,0,0.45) !important;z-index:6 !important;color:#ffffff !important;font-size:14px !important;font-weight:900 !important;line-height:1 !important;animation:dpAnimFigPop .22s cubic-bezier(0.175,0.885,0.32,1.275) !important;text-shadow:0 1px 2px rgba(0,0,0,0.7) !important;pointer-events:none !important}
html body #app .anim-grid > .anim-fig .anim-fig-chk svg,
.anim-fig-chk svg{display:block !important;width:15px !important;height:15px !important;stroke:#ffffff !important;stroke-width:3.8 !important;fill:none !important;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.65)) !important}
@keyframes dpAnimFigPop{0%{transform:scale(0.3);opacity:0}100%{transform:scale(1);opacity:1}}
@media (max-width: 767px){
  html body #app .anim-grid > .anim-fig .anim-fig-chk,
  .anim-fig-chk{width:22px !important;height:22px !important;top:0 !important;right:0 !important;font-size:12px !important}
  html body #app .anim-grid > .anim-fig .anim-fig-chk svg,
  .anim-fig-chk svg{width:13px !important;height:13px !important}
}
html body #app .anim-grid > .anim-fig.on .anim-fig-emo{box-shadow:0 0 0 3px #10b981,0 8px 22px rgba(16,185,129,0.45) !important}
html body #app .anim-grid > .anim-fig.on .anim-fig-lbl,
html body #app .anim-grid > .anim-fig.on .anim-fig-lbl b{color:#10b981 !important}
@media (prefers-reduced-motion: reduce){html body #app .anim-grid > .anim-fig .anim-fig-emo{transition:none}}
@media (max-width: 767px){
  html body #app .anim-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:6px !important}
  html body #app .anim-grid > .anim-fig{padding:4px 0 !important;gap:4px !important}
  html body #app .anim-grid > .anim-fig .anim-fig-emo{border-radius:50% !important;max-width:64px !important}
  html body #app .anim-grid > .anim-fig .anim-fig-lbl{font-size:10px}
}

/* Corrección v3.7.139: las reglas viejas fijaban tamaño y posición de ::before/::after con !important
   (el ✓ salía como un círculo naranja de 140 px y POSTPAGO quedaba corrido). Se fuerzan aquí. */
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme].selected::before{inset:7px auto auto 7px !important;width:18px !important;height:18px !important;min-width:0 !important;min-height:0 !important;border-radius:50% !important;border:0 !important;box-shadow:none !important;opacity:1 !important;transform:none !important;filter:none !important;animation:none !important;margin:0 !important;z-index:3 !important;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat !important}
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme$="pos"]::after{position:absolute !important;inset:7px 7px auto auto !important;width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;margin:0 !important;z-index:3 !important;transform:none !important;box-shadow:none !important;opacity:1 !important;filter:none !important;animation:none !important;font-size:8.5px !important;font-weight:800 !important;letter-spacing:.5px !important;line-height:1.3 !important;padding:2px 5px !important;border-radius:5px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.15) !important;color:var(--text) !important}
html[data-theme="light"] body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme$="pos"]::after{background:rgba(0,0,0,.06) !important;border-color:rgba(0,0,0,.12) !important;color:#222 !important}
/* Corrección v3.7.139: los nombres largos no se cortan con «…»; pasan a una segunda línea (máximo 2). */
html body #app .anim-grid > .anim-fig .anim-fig-lbl{white-space:normal !important;overflow:hidden !important;text-overflow:clip !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word;text-wrap:balance;font-size:11.5px}
@media (max-width: 767px){html body #app .anim-grid > .anim-fig .anim-fig-lbl{font-size:10px;line-height:1.15}}

/* Corrección v3.7.139: una regla vieja (#app .anim-board-wrap .anim-grid) forzaba 5 columnas también en computadora. */
html body #app :is(.anim-board-wrap,.tri-board-wrap,.anim-card) .anim-grid{grid-template-columns:repeat(auto-fill,minmax(max(80px,calc((100% - 60px) / 7)),1fr)) !important;gap:10px !important}
@media (max-width: 767px){html body #app :is(.anim-board-wrap,.tri-board-wrap,.anim-card) .anim-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:6px !important}}

/* Corrección v3.7.140: la línea de color quedaba pegada al nombre en las tarjetas del Inicio. */
html body #app .home75 .home75-track > .home75-card.home75-op{padding-bottom:16px !important}

/* ---- Inicio v3.7.140: 3 banners que rotan, Opción A (260 px) en computadora; en teléfono, 4 tarjetas en una fila ---- */
html body #app .home75-hero > .dp-hero-slide{position:absolute !important;inset:0 !important;display:block !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important;z-index:0 !important;opacity:0;transition:opacity .6s ease;pointer-events:none}
html body #app .home75-hero > .dp-hero-slide.on{opacity:1}
html body #app .home75-hero > .dp-hero-slide[data-hero-img="1"]{object-position:center 32% !important}
html body #app .home75-hero > .dp-hero-slide[data-hero-img="2"]{object-position:center 40% !important}
html body #app .home75-hero .dp-hero-dots{position:absolute;left:34px;bottom:10px;z-index:3;display:flex;gap:6px}
html body #app .home75-hero .dp-hero-dots button{width:8px;height:8px;min-height:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}
html body #app .home75-hero .dp-hero-dots button.on{width:22px;border-radius:4px;background:var(--orange)}
html body #app .home75-hero .dp-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:32px;height:32px;min-height:0;padding:0;border:0;border-radius:50%;background:rgba(6,11,17,.55);color:#fff;font-size:20px;line-height:1;cursor:pointer}
html body #app .home75-hero .dp-hero-arrow.l{left:8px}
html body #app .home75-hero .dp-hero-arrow.r{right:8px}
html[data-theme="light"] body #app .home75-hero .dp-hero-dots button{background:rgba(20,26,34,.3)}
html[data-theme="light"] body #app .home75-hero .dp-hero-dots button.on{background:var(--orange)}
@media (prefers-reduced-motion: reduce){html body #app .home75-hero > .dp-hero-slide{transition:none}}

@media (min-width: 901px){
  html body #app .home75-top{--dp-top:260px;grid-template-columns:minmax(0,1fr) calc((var(--dp-top) - 10px) * 1.584 + 10px) !important;height:var(--dp-top) !important;min-height:0 !important;align-items:stretch !important}
  html body #app .home75-top .home75-hero{height:var(--dp-top) !important;min-height:0 !important;padding-top:12px !important;padding-bottom:22px !important;justify-content:center !important}
  html body #app .home75-top .home75-hero h1{font-size:clamp(26px,2.4vw,38px) !important}
  html body #app .home75-top .home75-shortcuts:has(.home-product-card){grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:repeat(2,minmax(0,1fr)) !important;gap:10px !important;height:100% !important;min-height:0 !important}
  html body #app .home75-top .home75-shortcut.home-product-card{aspect-ratio:auto !important;height:100% !important;min-height:0 !important}
}
@media (max-width: 900px){
  html body #app .home75-top .home75-shortcuts-pc{display:none !important;}
  html body #app .home75-top .home75-shortcuts-mobile{display:grid !important;}
  html body #app .home75-top .home75-shortcuts:has(.home-product-card){grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important}
  html body #app .home75-top .home75-shortcut.home-product-card{border-radius:9px !important}
  html body #app .home75-hero .dp-hero-arrow{display:none}
  html body #app .home75-hero .dp-hero-dots{left:16px;bottom:8px}
}

/* ---- Inicio v3.7.141 · Teléfono: 4 tarjetas con imagen propia (sin texto dibujado) y nombre en texto real ---- */
@media (max-width: 900px){
  html body #app .home75-top .home75-shortcut.home-product-card{position:relative !important;aspect-ratio:1/.95 !important;overflow:hidden !important;background:var(--card) !important}
  html body #app .home75-top .home75-shortcut.home-product-card::before{inset:0 !important;width:100% !important;height:100% !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important}
  html body #app .home75-top .home75-shortcut.home-product-card .home83-shortcut-copy{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;width:auto !important;height:auto !important;margin:0 !important;padding:14px 2px 4px !important;clip:auto !important;clip-path:none !important;overflow:visible !important;white-space:nowrap !important;display:block !important;z-index:2 !important;text-align:center !important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78)) !important}
  html body #app .home75-top .home75-shortcut.home-product-card .home83-shortcut-copy strong{display:block !important;font-size:10.5px !important;font-weight:700 !important;line-height:1.1 !important;color:#fff !important}
  html body #app .home75-top .home75-shortcut.home-product-card .home83-shortcut-copy small{display:none !important}
}
/* La línea de color no debe tocar el nombre en las tarjetas de operadora del Inicio en teléfono. */
@media (max-width: 767px){
  html body #app .home75 .home75-track > .home75-card.home75-op strong{margin-bottom:9px !important}
}

/* Teléfono: más espacio entre el nombre y la línea de color en las tarjetas de operadora del Inicio. */
@media (max-width: 767px){
  html body #app .home75 .home75-track > .home75-card.home75-op .home75-oplogo{height:36px !important;min-height:0 !important;flex:0 0 36px !important}
  html body #app .home75 .home75-track > .home75-card.home75-op .home75-oplogo img{max-height:34px !important}
  html body #app .home75 .home75-track > .home75-card.home75-op strong{margin-bottom:0 !important}
  html body #app .home75 .home75-track > .home75-card.home75-op{justify-content:flex-start !important;gap:7px !important;padding-top:10px !important}
}

/* Corrección v3.7.142: espacio real entre nombre y línea de color (las reglas viejas usan #app #home75-recharges). */
@media (max-width: 767px){
  html body #app #home75-recharges.home75-track > .home75-card.home75-op{justify-content:flex-start !important;gap:6px !important;padding:9px 4px 14px !important}
  html body #app #home75-recharges.home75-track > .home75-card.home75-op .home75-oplogo{flex:0 0 46px !important;height:46px !important;min-height:0 !important}
  html body #app #home75-recharges.home75-track > .home75-card.home75-op .home75-oplogo img{max-height:44px !important}
}

/* Inicio v3.7.146 · Teléfono: el arte de PC sin texto, objeto centrado y tarjeta completa. */
@media (max-width: 900px){
  html body #app .home75-top .home75-shortcut.home-product-depositos::before{background-image:url("/frontend/assets/home-shortcuts/movil-depositar-v3.jpg?v=3") !important}
  html body #app .home75-top .home75-shortcut.home-product-casino::before{background-image:url("/frontend/assets/home-shortcuts/movil-casino-v3.jpg?v=3") !important}
  html body #app .home75-top .home75-shortcut.home-product-historial::before{background-image:url("/frontend/assets/home-shortcuts/movil-historial-v3.jpg?v=3") !important}
  html body #app .home75-top .home75-shortcut.home-product-deportes::before{background-image:url("/frontend/assets/home-shortcuts/movil-deportes-v3.jpg?v=3") !important}
  html body #app .home75-top .home75-shortcut.home-product-recargas::before{background-image:url("/frontend/assets/home-shortcuts/movil-recargas-v3.jpg?v=3") !important}
  html body #app .home75-top .home75-shortcut.home-product-loterias::before{background-image:url("/frontend/assets/home-shortcuts/movil-loterias-v3.jpg?v=3") !important}
  html body #app .home75-top .home75-shortcut.home-product-soporte::before{background-image:url("/frontend/assets/home-shortcuts/movil-soporte-v3.jpg?v=3") !important}
}
/* Modo claro: el menú de pie y los nombres de operadora traían colores fijos para fondo oscuro. */
html[data-theme="light"] body[data-role="usuario"] .mobile-bottom-nav .bn-menu:not(.active),
html[data-theme="light"] body[data-role="usuario"] .mobile-bottom-nav a[href="/recargas/"]:not(.active),
html[data-theme="light"] body[data-role="usuario"] .mobile-bottom-nav a[href="/login/"]:not(.active){color:var(--muted) !important}
html[data-theme="light"] body #app #home75-recharges.home75-track > .home75-card.home75-op strong{color:var(--text) !important}

/* Fase 1 móvil v3.7.147: aviso dentro de la hoja del cupón de Loterías. */
.lot-mobile-cupon-modal [data-lb-note]{margin:10px 0 0}
.lot-mobile-cupon-modal [data-lb-note]:empty{display:none}
.lot-mobile-cupon-modal [data-lb-note].lb-warn{color:#e5484d;font-weight:700}

/* Inicio v3.7.148 · Modo claro: el carrusel de Animalitos usa la misma receta que Recargas, con el color de cada lotería. */
html[data-theme="light"] body #app .home75 .home75-animal{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--anim-accent) 14%,transparent),transparent 75%),linear-gradient(135deg,#faf9f6,#edf0f2) !important;border:1px solid color-mix(in srgb,var(--anim-accent) 32%,#dfe3e8) !important;box-shadow:0 1px 3px rgba(15,23,42,.06) !important}
html[data-theme="light"] body #app #home75-animals.home75-track > .home75-card.home75-animal strong{color:var(--text) !important}

/* Fase 3 móvil v3.7.149: cupón igual en Animalitos, Tripletas y Loterías; la barra se oculta con el teclado. */
@media (max-width: 899px){
  html body #app .tri-board-wrap .tri-col-cupon,html body #app .lottery-catalog .lot-cupon-panel{display:none !important}
  html.dp-keyboard-open .anim-cupon-bar,body.dp-keyboard-open .anim-cupon-bar{display:none !important}
  .tri-module-shell,.lottery-catalog{padding-bottom:64px}
}

/* ---- Fase 4 móvil v3.7.150 · Modo claro: pantallas que traían colores fijos oscuros ---- */
html[data-theme="light"] body #app .dp-txf.dp-txf-native,html[data-theme="light"] body #app .tx-container-native .table-scroll{background:var(--card) !important;border-color:var(--line) !important}
html[data-theme="light"] body #app .dp-txf-chip{background:var(--card2) !important;border-color:var(--line) !important;color:var(--muted) !important}
html[data-theme="light"] body #app .dp-txf-dates-compact input[type="date"]{background:var(--dp-field) !important;border-color:var(--dp-field-line) !important;color:var(--text) !important}
html[data-theme="light"] body #app .tx-container-native .dp-ledger-table td[data-label="Detalle"]{color:var(--text) !important}
html[data-theme="light"] body #app .tx-container-native .dp-ledger-table td[data-label="Fecha"],html[data-theme="light"] body #app .tx-container-native .dp-ledger-table td[data-label="Saldo"]{color:var(--muted) !important}
html[data-theme="light"] body #app .lottery-catalog .anim-lot{background:linear-gradient(135deg,#faf9f6,#edf0f2) !important;border-color:var(--line) !important;box-shadow:0 1px 3px rgba(15,23,42,.06) !important}
html[data-theme="light"] body #app .lottery-catalog .anim-lot b{color:var(--text) !important}
html[data-theme="light"] body #app .lottery-catalog .anim-lot small{color:#c2570b !important}
html[data-theme="light"] body #app .lottery-catalog .anim-lot-ic .text-logo{color:var(--text);background:var(--card2);border-color:var(--line)}
html[data-theme="light"] body #app .tripleta-mark,html[data-theme="light"] body #app .tripleta-mark i{color:#9a6a14 !important}
html[data-theme="light"] .forecast-daily-row{background:var(--card2) !important}

/* Teléfono, modo claro: el banner conserva su foto y su texto blanco, como en oscuro. */
@media (max-width: 900px){
  html[data-theme="light"] body #app .home75 .home75-hero > .home85-hero-scrim{background:linear-gradient(90deg,rgba(10,14,20,.86) 0%,rgba(10,14,20,.62) 50%,rgba(10,14,20,.12) 85%) !important}
  html[data-theme="light"] body #app .home75 .home75-hero h1{color:#fff !important;text-shadow:0 1px 6px rgba(0,0,0,.5) !important}
  html[data-theme="light"] body #app .home75 .home75-hero p{color:#e5edf6 !important;text-shadow:0 1px 4px rgba(0,0,0,.5) !important}
  html[data-theme="light"] body #app .home75 .home75-kicker{color:#ffb070 !important}
}

/* Teléfono: botones de al menos 40 px (Casino no se toca). */
@media (max-width: 767px){
  html body #app .dp-tabs .dp-tab,html body #app .dpa-tabs .dpa-tab,html body #app .tri-module-shell > .anim-heading-row .dp-tab,html body #app .anim-shell > .anim-heading-row .anim-tabs > .dp-tab{height:40px !important;min-height:40px !important}
  html body #app .ref-recharge .rf-chip{height:40px !important;min-height:40px !important}
  html body #app .ref-recharge .rf-ico,html body #app .ref-recharge .contact-book-button{width:40px !important;height:40px !important;min-height:40px !important}
  html body #app .ref-mobile-back{height:40px}
  html body #app .dp-btn-eye{width:40px;height:40px}
  html body #app .tri-ticket-money .btn{height:40px;min-height:40px !important}
  html body #app .forecast-module .forecast-pagination .btn{min-height:40px}
  html body #app .anim-xp-btn{height:40px}
  html body #app .lottery-catalog .btn{min-height:40px !important}
  .payment-dialog [data-bank-details] button{min-height:40px}
  html body #app .home75-hero .dp-hero-dots button{position:relative}
  html body #app .home75-hero .dp-hero-dots button::after{content:"";position:absolute;inset:-16px -6px}
}
/* iPhone: los buscadores no deben hacer zoom al tocarlos. */
html.dp-ios #app .search-native-input,html.dp-ios #app .dp-txf-search-input,html.dp-ios #app .dp-txf-select,html.dp-ios #app .recharge-search-input,html.dp-ios #app .lot-search{font-size:16px !important}

/* Ajustes tras revisar capturas v3.7.151. */
@media (max-width: 900px){
  html[data-theme="light"] body #app .home75-hero .dp-hero-dots button:not(.on){background:rgba(255,255,255,.45)}
}
@media (max-width: 767px){
  html body #app .dp-txf-select{flex:0 0 140px !important;width:140px !important;max-width:140px !important}
}

/* v3.7.152 · Flechas de carruseles en modo claro: mismo botón que en oscuro, con flecha visible. */
html[data-theme="light"] body #app .home75 .home75-section .home75-controls button,html[data-theme="light"] body #app .home75 .home75-section .home75-controls button:not(:disabled):hover{background:var(--card) !important;border:1px solid var(--line) !important;color:var(--text) !important;box-shadow:none !important;transform:none !important}
html[data-theme="light"] body #app .home75 .home75-section .home75-controls button svg,html[data-theme="light"] body #app .home75 .home75-section .home75-controls button svg *{stroke:var(--text) !important;color:var(--text) !important}
html[data-theme="light"] body #app .home75 .home75-section .home75-controls button svg defs linearGradient stop{stop-color:var(--text) !important}
html[data-theme="light"] body #app .home75 .home75-section .home75-controls button:disabled{background:var(--card) !important;border-color:var(--line) !important;opacity:.45 !important}
html[data-theme="light"] body #app .home75 .home75-section .home75-controls button:not(:disabled):hover{border-color:var(--orange) !important}
html[data-theme="light"] body #app .lottery-catalog .anim-lot-ic img{filter:none !important}
#app .dp-txf-search-input{padding-left:34px !important}
@media (max-width: 767px){
  html body #app .dp-txf-select{flex:0 0 158px !important;width:158px !important;max-width:158px !important;padding:0 6px !important}
}

/* ---- Tanda 3 v3.7.154 · Estado visible después de cada acción ---- */
.rt-hist{display:flex;flex-direction:column;gap:8px}
.rt-hist-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.rt-hist-row > div{min-width:0;display:flex;flex-direction:column;gap:2px}
.rt-hist-row small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.dp93-monto-total{margin:8px 0 0;font-size:13px;color:var(--muted)}
.dp93-monto-total b{color:var(--text)}
.dp93-monto-total:empty{display:none}
#app .tri-board-wrap [data-tri-monto]{margin-top:14px}
.tx-container-native .dp-ledger-table td[data-label="Estado"]{order:6 !important;width:100%;text-align:right}
@media (max-width: 860px){
  html body[data-role="usuario"] .topbar .dp95-notify-btn{display:inline-grid !important;flex:0 0 34px !important;width:34px !important;height:34px !important;background:transparent !important}
}

/* Resultados de Loterías: el número y el signo los pinta el CSS según el tema. */
html[data-theme="light"] body #app .lottery-catalog .res-dice-cell:not(.latest) .res-dice-num{color:var(--text) !important}
#app .lottery-catalog .res-dice-sign{color:#38bdf8}
html[data-theme="light"] body #app .lottery-catalog .res-dice-sign{color:#0369a1 !important}
/* Teléfono angosto: la campana no debe cortar el saldo. */
@media (max-width: 420px){
  html body[data-role="usuario"] .topbar .brand-header{max-width:104px !important}
  html body[data-role="usuario"] .topbar .dp95-notify-btn{flex:0 0 30px !important;width:30px !important;height:30px !important}
  html body[data-role="usuario"] .topbar .dp91-balance-pill{flex:1 1 auto !important;max-width:none !important}
}

/* ---- Tanda 4 v3.7.156 · Acabado visual ---- */
/* Menú lateral: Chat en vivo igual a las demás opciones; avatar y flecha según el tema. */
html body[data-role="usuario"] .sidebar .dp87-drawer-chat{background:transparent !important;border:0 !important;color:var(--menu-ink,var(--text)) !important;min-height:46px !important;height:46px !important}
html[data-theme="light"] body[data-role="usuario"] .sidebar .dp79-side-avatar{background:#f1f4f8 !important;color:#e8730c !important;box-shadow:inset 0 0 0 1px var(--line) !important}
html body .sidebar .dp79-side-chevron{color:var(--menu-soft,var(--muted))}
@media (max-width: 900px){
  html body .sidebar .dp79-side-chevron{display:none}
}
/* Modo claro: controles que traían colores fijos oscuros. */
html[data-theme="light"] body #app .btn-native-back{background:var(--card2) !important;border-color:var(--line) !important;color:var(--text) !important}
html[data-theme="light"] .dp95-confirm .dp-btn-ghost{background:var(--card2) !important;border-color:var(--line) !important;color:var(--text) !important}
html[data-theme="light"] .dp95-prompt-field{background:var(--dp-field);border-color:var(--dp-field-line);color:var(--text)}
html[data-theme="light"] body .tabs-more-arrow-btn{background:linear-gradient(90deg,transparent 0%,var(--bg) 45%,var(--bg) 100%) !important;color:var(--text) !important}
/* Recargas: el total usa el color de la marca. */
html body #app .ref-summary .total{color:var(--orange)}
/* Teléfono: letra legible en lo que más se mira. */
@media (max-width: 767px){
  html body .mobile-bottom-nav a,html body .mobile-bottom-nav button{font-size:11px !important}
  html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-saldo b{font-size:clamp(12px,3.4vw,14px) !important}
  html body[data-role="usuario"] .topbar .dp91-balance-pill .dp-saldo small{font-size:9px !important}
  html body #app .home75-top .home75-shortcut.home-product-card .home83-shortcut-copy strong{font-size:11.5px !important}
  html body #app #home75-recharges strong,html body #app #home75-animals strong{font-size:11.5px !important}
}
html[data-theme="light"] body .withdrawal-dialog .balance-mini{background:var(--card2) !important}

/* v3.7.158 · Fuente de marca: Saira solo en títulos y cifras. El resto usa la letra del sistema. */
/* 11/11/2026: se quitó la Saira 700 estática duplicada; se usa solo la variable (más abajo). */
html body #app h1,html body #app h2,html body .topbar .dp-saldo b,html body #app .balance-mini strong,html body #app .anim-cupon-tot b,html body #app .ticket-amount,html body #app .ref-summary .total{font-family:"Saira",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;font-weight:700 !important;letter-spacing:0 !important}

/* ---- Historial de jugadas v3.7.163: una regla para Animalitos, Tripletas y Loterías ---- */
.tk-panel{container-type:inline-size;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.tk-bar{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px;align-items:center;margin-bottom:10px}
.tk-bar h2,.tk-chips{grid-column:1/-1}
.tk-bar h2{font-size:18px;margin:0}
#app .tk-panel .tk-search{display:block;position:relative;width:100%;min-width:0;margin:0}
.tk-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted);pointer-events:none}
#app .tk-panel .tk-search input,#app .tk-panel .tk-select{display:block;width:100% !important;max-width:none !important;height:40px;min-height:40px;margin:0 !important;border:1px solid var(--dp-field-line);border-radius:10px;background:var(--dp-field);color:var(--text);font-size:13px}
#app .tk-panel .tk-search input{padding:0 12px 0 34px}
#app .tk-panel .tk-select{padding:0 8px;font-weight:600}
.tk-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.tk-chips::-webkit-scrollbar{display:none}
.tk-chip{flex:none;height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--card2);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}
.tk-chip.on{color:var(--text);border-color:var(--orange);background:color-mix(in srgb,var(--orange) 14%,var(--card))}
.tk-chip i{width:7px;height:7px;border-radius:50%}.tk-chip i.wait{background:#f59e0b}.tk-chip i.win{background:#10b981}.tk-chip i.lose{background:#ef4444}
.tk-head{display:none}
.tk-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"play amount" "lot state" "meta meta";gap:4px 10px;align-items:center;border:1px solid var(--line);border-radius:12px;margin-top:8px;padding:10px 12px}
.tk-play{grid-area:play;display:flex;align-items:center;gap:8px;min-width:0}.tk-play>b{font:700 14px "Saira",system-ui,sans-serif;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-pics{display:flex;flex:none}.tk-pic,.tk-ball{width:36px;height:36px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--card2);border:2px solid var(--card);margin-left:-8px}
.tk-pics>:first-child{margin-left:0}.tk-pic img{width:100%;height:100%;object-fit:cover}
.tk-ball{width:auto;min-width:36px;padding:0 7px;border-radius:18px;font:700 12px "Saira",system-ui,sans-serif;color:var(--orange)}
.tk-amount,.tk-prize b{grid-area:amount;justify-self:end;font:700 15px "Saira",system-ui,sans-serif;white-space:nowrap}
.tk-prize{display:none;grid-area:amount;justify-self:end}.tk-prize b{color:#10b981}.tk-prize i{font-style:normal;color:var(--muted)}
.has-prize .tk-amount{display:none}.has-prize .tk-prize{display:block}
.tk-lot{grid-area:lot;font-size:12px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-state{grid-area:state;justify-self:end}
.tk-code,.tk-sorteo,.tk-res,.tk-when{font-size:12px;color:var(--muted)}
.tk-code{display:none}.tk-sorteo{grid-area:meta}.tk-res{grid-area:meta;justify-self:center}.tk-when{grid-area:meta;justify-self:end}
.tk-res:not(:empty)::before{content:attr(data-l) ": "}
.tk-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:800;text-transform:uppercase}
.tk-pill.win{color:#34d399;background:rgba(52,211,153,.14)}.tk-pill.lose{color:#f87171;background:rgba(248,113,113,.14)}.tk-pill.wait{color:#fbbf24;background:rgba(251,191,36,.15)}.tk-pill.back{color:#94a3b8;background:rgba(148,163,184,.16)}
html[data-theme="light"] .tk-pill.win,html[data-theme="light"] .tk-prize b{color:#047857}html[data-theme="light"] .tk-pill.lose{color:#b91c1c}html[data-theme="light"] .tk-pill.wait{color:#92400e}html[data-theme="light"] .tk-pill.back{color:#475569}
.tk-r{text-align:right}
.tk-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--muted)}
.tk-pages{display:flex;align-items:center;gap:6px}.tk-pages b{min-width:18px;text-align:center;color:var(--text)}
.tk-pages button{width:40px;height:40px;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--text);font-size:18px;cursor:pointer}.tk-pages button:disabled{opacity:.4;cursor:default}
@container (min-width: 1000px){
  .tk-bar{grid-template-columns:auto minmax(200px,1fr) 180px auto}.tk-bar h2,.tk-chips{grid-column:auto}
  .tk-head,.tk-item{display:grid;grid-template-columns:78px minmax(180px,1.5fr) minmax(100px,1fr) 118px 120px 112px 104px 116px 92px;grid-template-areas:none;gap:0 12px;align-items:center}
  .tk-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .tk-head{padding:9px 12px;background:var(--card2);font-size:11.5px;font-weight:700;color:var(--muted)}
  .tk-item{border:0;border-top:1px solid var(--line);border-radius:0;margin:0;padding:7px 12px}
  .tk-item>*{grid-area:auto;justify-self:auto;min-width:0}
  .tk-code{display:block;font:700 13px "Saira",system-ui,sans-serif;color:var(--orange)}
  .tk-res::before{content:none !important}
  .tk-lot,.tk-sorteo,.tk-res,.tk-when{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tk-amount{display:block !important;text-align:right;font-size:14px}.tk-prize{display:block !important;text-align:right}.tk-prize b{font-size:14px}
}

/* ---- Mis operaciones · Tickets v3.7.165 ---- */
.tkt-bar{grid-template-columns:minmax(0,1fr)}
.tkt-head{display:none}
.tkt-item{border:1px solid var(--line);border-radius:12px;margin-top:8px;overflow:hidden}
.tkt-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"code amount" "has state" "lot when";gap:4px 10px;align-items:center;padding:11px 12px;cursor:pointer}
.tkt-code{grid-area:code;font:700 15px "Saira",system-ui,sans-serif;color:var(--orange)}
.tkt-has{grid-area:has;font-size:13px;min-width:0}.tkt-lot{grid-area:lot;font-size:12px;color:var(--muted)}.tkt-when{grid-area:when;justify-self:end;font-size:12px;color:var(--muted)}
.tkt-amount{grid-area:amount;justify-self:end;font:700 15px "Saira",system-ui,sans-serif;white-space:nowrap}
.tkt-prize{display:none}.tkt-ver{display:none}
.tkt-state{grid-area:state;justify-self:end;text-align:right}.tkt-state small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.tkt-plays{background:var(--card2);padding:4px 12px 10px;border-top:1px solid var(--line)}
.tkt-play{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name mon" "det st" "mod pre";gap:3px 10px;align-items:center;padding:8px 0;border-top:1px dashed var(--line);font-size:12.5px}
.tkt-play:first-child{border-top:0}
.tkt-mod{grid-area:mod;color:var(--muted);font-size:12px}.tkt-name{grid-area:name;display:flex;align-items:center;gap:8px;min-width:0}.tkt-name .tk-pic,.tkt-name .tk-ball{margin:0;width:30px;height:30px}
.tkt-det{grid-area:det;color:var(--muted);font-size:12px}.tkt-mon{grid-area:mon;justify-self:end;white-space:nowrap}.tkt-pre{grid-area:pre;justify-self:end}.tkt-pre b,.tkt-win{color:#10b981}.tkt-pre i{font-style:normal;color:var(--muted)}.tkt-st{grid-area:st;justify-self:end}
.tkt-sum{display:flex;justify-content:flex-end;gap:18px;padding-top:8px;font-size:12.5px;color:var(--muted)}.tkt-sum b{color:var(--text);font:700 14px "Saira",system-ui,sans-serif}.tkt-sum .tkt-win{color:#10b981}
html[data-theme="light"] .tkt-pre b,html[data-theme="light"] .tkt-sum .tkt-win,html[data-theme="light"] .tkt-prize b{color:#047857}
@container (min-width: 900px){
  .tkt-bar{grid-template-columns:auto minmax(200px,1fr) auto}.tkt-bar h2,.tkt-bar .tk-chips{grid-column:auto}
  .tkt-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .tkt-head,.tkt-row{display:grid;grid-template-columns:86px minmax(180px,1.5fr) minmax(90px,1fr) 124px 112px 124px 126px 72px;grid-template-areas:none;gap:0 12px;align-items:center}
  .tkt-head{padding:9px 12px;background:var(--card2);font-size:11.5px;font-weight:700;color:var(--muted)}
  .tkt-item{border:0;border-top:1px solid var(--line);border-radius:0;margin:0}.tkt-row{padding:9px 12px}.tkt-row>*{grid-area:auto;justify-self:auto;min-width:0}
  .tkt-lot,.tkt-when{font-size:13px;color:var(--text)}.tkt-amount{text-align:right;font-size:14px}
  .tkt-prize{display:block;text-align:right}.tkt-prize b{font:700 14px "Saira",system-ui,sans-serif;color:#10b981}.tkt-prize i{font-style:normal;color:var(--muted)}.tkt-state{text-align:left}
  .tkt-ver{display:inline-grid;place-items:center;height:30px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:600}
  .tkt-plays{padding:4px 12px 10px 110px}
  .tkt-play{grid-template-columns:96px minmax(0,1.4fr) minmax(0,1.2fr) 104px 124px 96px;grid-template-areas:none;gap:0 12px}.tkt-play>*{grid-area:auto;justify-self:auto}.tkt-mon,.tkt-pre{text-align:right}
}

/* Cupón único v3.7.166 */
.cupon-grupo{display:flex;justify-content:space-between;margin:12px 0 6px;font-size:12px;color:var(--orange);text-transform:uppercase}.cupon-grupo small{color:var(--muted)}
.anim-ticket-line small{display:block;color:var(--muted);font-size:12px}
/* El cupón se abre también sobre la recarga rápida de Inicio */
#dp-ticket-host .dp-sheet-ov{z-index:11500}
.anim-ticket-ok.warn{background:rgba(245,158,11,.18);color:#d97706}
.anim-ticket-line.fuera>b{color:var(--muted);font-weight:600;text-decoration:line-through}
.anim-ticket-line.cobrado{margin-top:6px;padding-top:8px;border-top:1px solid var(--line);font-weight:700}

/* Mis tripletas: sin figuras, con Desde y Hasta v3.7.167 */
.tk-rango .tk-item{grid-template-areas:"play amount" "lot state" "desde hasta" "res res"}
.tk-rango .tk-play>b{white-space:normal}
.tk-rango .tk-sorteo{grid-area:desde;margin-top:4px}
.tk-rango .tk-when{grid-area:hasta;justify-self:end;text-align:right;margin-top:4px;color:var(--text);font-weight:700}
.tk-rango .tk-res{grid-area:res;justify-self:start}
.tk-rango .tk-sorteo::before,.tk-rango .tk-when::before{content:attr(data-l);display:block;font-size:10.5px;font-weight:600;color:var(--muted)}
@container (min-width: 1000px){
  .tk-rango .tk-head,.tk-rango .tk-item{grid-template-columns:78px minmax(210px,1.6fr) minmax(100px,1fr) 118px 118px 92px 104px 100px 104px;grid-template-areas:none}
  .tk-rango .tk-play>b{white-space:nowrap}
  .tk-rango .tk-sorteo,.tk-rango .tk-when,.tk-rango .tk-res{grid-area:auto;justify-self:auto;text-align:left;margin-top:0}
  .tk-rango .tk-sorteo::before,.tk-rango .tk-when::before{content:none}
}
/* Bolas de billar: naranja falta por salir, verde ya salió */
.tk-rango .tk-pics{gap:4px}
.tk-bola{--ball-light:#6ee7b7;--ball-mid:#10b981;--ball-dark:#047857;--ball-rim:#022c22;width:30px;height:30px;flex:none;display:grid;place-items:center;box-sizing:border-box;border-radius:50%;border:1px solid #ea580c;background:radial-gradient(ellipse at 30% 18%,#ffffffdf 0%,#ffffff65 12%,transparent 32%),radial-gradient(circle at 36% 28%,var(--ball-light) 0%,var(--ball-mid) 47%,var(--ball-dark) 85%,var(--ball-rim) 100%);box-shadow:inset 0 1px 2px #fff9,inset -3px -5px 7px rgba(0,0,0,.65),0 3px 6px rgba(0,0,0,.4)}
.tk-bola.hit{--ball-light:#6ee7b7;--ball-mid:#10b981;--ball-dark:#047857;--ball-rim:#022c22;border-color:#059669;box-shadow:inset 0 1px 2px #fff9,inset -3px -5px 7px rgba(0,0,0,.65),0 3px 8px rgba(16,185,129,.45)}
.tk-bola i{display:grid;place-items:center;width:63%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fffdf6,#eee6d5 75%,#c8bea9);box-shadow:inset 0 1px 2px #fff,0 1px 2px #492b1e55;color:#0f172a;font:900 11px/1 system-ui,sans-serif;font-style:normal;text-shadow:0 1px #fff9}
/* Móvil: bolas arriba y nombres debajo. PC: el nombre pasa a dos líneas antes que cortarse. */
.tk-rango .tk-play{flex-wrap:wrap;gap:5px 8px}
.tk-rango .tk-play>b{flex-basis:100%;font-size:13px;line-height:1.25}
@container (min-width: 1000px){
  .tk-rango .tk-play{flex-wrap:nowrap}
  .tk-rango .tk-play>b{flex-basis:auto;white-space:normal}
}
/* Bola naranja de Campañas, igual en Pronósticos y Mis tripletas. El verde marca el acierto. */
.tk-bola:not(.hit),.fx-n:not(.is-hit),.forecast-number:not(.is-hit){border:1px solid rgba(255,160,60,.45);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.6) 14%,rgba(255,255,255,0) 30%),radial-gradient(circle at 75% 85%,rgba(255,180,100,.35) 0%,rgba(255,120,40,0) 40%),radial-gradient(circle at 36% 28%,#ffb16b 0%,#ff7a18 42%,#b53e05 78%,#541900 95%,#2a0b00 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.85),inset -2px -4px 6px rgba(0,0,0,.65),0 3px 6px rgba(0,0,0,.4),0 1px 3px rgba(255,122,24,.35)}
:root[data-theme="light"] .tk-bola:not(.hit),:root[data-theme="light"] .fx-n:not(.is-hit),:root[data-theme="light"] .forecast-number:not(.is-hit){box-shadow:inset 0 1px 2px rgba(255,255,255,.85),inset -2px -4px 6px rgba(0,0,0,.5),0 2px 5px rgba(255,122,24,.35)}
.fx-dot:not(.fx-hit){border-color:rgba(255,160,60,.55);background:radial-gradient(circle at 30% 20%,#fff 0%,rgba(255,255,255,.7) 15%,transparent 32%),radial-gradient(circle at 36% 28%,#ffb16b 0%,#ff7a18 42%,#b53e05 80%,#2a0b00 100%)}
.tk-bola i{width:18px;height:18px;aspect-ratio:auto;background:radial-gradient(circle at 35% 25%,#fff 0%,#f4f0e6 68%,#d5cabd 100%);box-shadow:inset 0 1px 1px #fff,0 1px 2px rgba(0,0,0,.5);font-size:10.5px;letter-spacing:-.3px}
/* Medida única de las bolas de billar en todo el portal. Para cambiarla, tocar solo estas variables. */
:root{--dp-bola:28px;--dp-bola-centro:16px;--dp-bola-texto:10px}
.pct-n,.fx-n,.forecast-number,.tk-bola{width:var(--dp-bola)!important;height:var(--dp-bola)!important;min-width:var(--dp-bola)!important;max-width:var(--dp-bola)!important;min-height:var(--dp-bola)!important;flex:0 0 var(--dp-bola)!important;box-sizing:border-box!important;padding:0!important}
.pct-n b,.fx-n b,.forecast-number b,.tk-bola i{width:var(--dp-bola-centro)!important;height:var(--dp-bola-centro)!important;font-size:var(--dp-bola-texto)!important;line-height:1!important;letter-spacing:-.3px}
.forecast-number-cell .forecast-number{margin-inline:auto}

/* Apuesta rápida en Pronósticos v3.7.170 */
.qb{position:relative;box-sizing:border-box;width:100%;max-width:440px;max-height:92dvh;overflow-y:auto;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:16px;display:grid;gap:12px;font-family:system-ui,sans-serif}
.qb-x{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card2);color:var(--text);font-size:18px;cursor:pointer}
.qb-h{display:flex;align-items:center;gap:10px;padding-right:44px}.qb-h strong{display:block;font:700 18px "Saira",system-ui,sans-serif}.qb-h small{color:var(--muted);font-size:12.5px}
.qb-tip{padding:9px 11px;border-radius:10px;font-size:12.5px;background:color-mix(in srgb,var(--orange) 11%,var(--card2));border:1px solid color-mix(in srgb,var(--orange) 34%,transparent)}.qb-tip b{color:var(--orange)}
.qb-salio{margin:0;font-size:12.5px;color:#34d399}html[data-theme="light"] .qb-salio{color:#047857}
.qb-l{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:12.5px;font-weight:700;color:var(--muted)}.qb-l button{border:0;background:none;color:var(--orange);font-weight:700;font-size:12.5px;padding:0;cursor:pointer}
.qb-hrs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 6px}.qb-m{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.qb-hr,.qb-amt{position:relative;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--text);font:700 13px system-ui,sans-serif;cursor:pointer}
.qb-hr.on,.qb-amt.on{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 16%,var(--card2))}
.qb-hr i{position:absolute;top:-7px;left:50%;transform:translateX(-50%);padding:1px 6px;border-radius:999px;background:var(--orange);color:#fff;font:800 9px system-ui,sans-serif;font-style:normal;text-transform:uppercase}
.qb-in{display:flex;align-items:center;gap:8px;height:46px;margin-bottom:6px;padding:0 12px;border-radius:10px;border:1px solid var(--dp-field-line,var(--line));background:var(--dp-field,var(--card2))}.qb-in span{color:var(--muted);font-size:13px;font-weight:700}
.qb-in input{flex:1;min-width:0;border:0;outline:0;background:none;box-shadow:none;padding:0;color:var(--text);font:700 17px "Saira",system-ui,sans-serif}
.qb-t{display:grid;gap:5px;padding:10px 12px;border-radius:10px;background:var(--card2);font-size:13px}.qb-t div{display:flex;justify-content:space-between}.qb-t span{color:var(--muted)}.qb-t .win{color:#34d399}html[data-theme="light"] .qb-t .win{color:#047857}
.qb-a{position:sticky;bottom:-16px;display:grid;gap:8px;margin:0 -16px;padding:8px 16px;background:var(--card)}
.qb-go{height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff7d1f,#ea580c);color:#fff;font:800 15px system-ui,sans-serif;cursor:pointer}.qb-add{height:44px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--text);font:700 14px system-ui,sans-serif;cursor:pointer}
.qb-go:disabled,.qb-add:disabled{opacity:.5;cursor:default}
.qb-n{margin:0;text-align:center;font-size:11.5px;color:var(--muted)}
@media(min-width:700px){#dp-ticket-host .dp-sheet-ov:has(.qb){align-items:center}.qb{border-radius:18px}}

/* Teclado del teléfono: las ventanas suben sobre él y la página gana espacio para desplazarse. */
html.dp-kb-open body{padding-bottom:var(--dp-kb,0px)}
html.dp-kb-open .dp-sheet-ov,html.dp-kb-open .dp-modal-ov,html.dp-kb-open .home76-overlay{padding-bottom:var(--dp-kb,0px);box-sizing:border-box}
html.dp-kb-open .dp-sheet,html.dp-kb-open .qb,html.dp-kb-open .dp93-pick-modal,html.dp-kb-open .dp-modal,html.dp-kb-open .home76-overlay>section{max-height:calc(100dvh - var(--dp-kb,0px) - 10px);overflow-y:auto}
html.dp-kb-open dialog:modal{max-height:calc(100dvh - var(--dp-kb,0px) - 10px);overflow-y:auto;margin-top:5px}
html.dp-kb-open .qb-a{position:static;margin:0;padding:0}

/* Mis operaciones del cliente v3.7.171: misma vista en PC (tabla) y móvil (tarjetas). */
.mov-box{container-type:inline-size;margin-top:12px}
.mov-lista{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.mov-h,.mov-r{display:grid;grid-template-columns:128px minmax(0,1fr) 130px 130px 36px;gap:12px;align-items:center;padding:10px 14px}
.mov-h{background:var(--card2);color:var(--muted);font-size:11.5px;font-weight:700}.mov-r{border-top:1px solid var(--line)}
.mov-ri{text-align:right}.mov-d{font-size:13px;color:var(--muted)}
.mov-m{min-width:0}.mov-m b{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:700 14px "Saira",system-ui,sans-serif}.mov-m small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.mov-a{font:700 14px "Saira",system-ui,sans-serif;text-align:right;white-space:nowrap}.mov-out{color:#ff6372}.mov-pos{color:#16d68d}.mov-x s{color:var(--muted);font-weight:600}.mov-x small{display:block;font:600 11px system-ui,sans-serif;color:var(--muted)}
html[data-theme="light"] .mov-out{color:#be123c}html[data-theme="light"] .mov-pos{color:#047857}
.mov-s{text-align:right;font-size:13px;font-weight:600;white-space:nowrap}.mov-s span{display:none}
.mov-v{width:34px;height:34px;display:grid;place-items:center;padding:0;border-radius:9px;border:1px solid var(--line);background:var(--card2);color:var(--muted);cursor:pointer}.mov-v svg{width:16px;height:16px}
@container (max-width:760px){
 .mov-h{display:none}.mov-lista{border:0;border-radius:0;overflow:visible;background:none}
 .mov-r{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"m a" "d s";gap:6px 10px;border:1px solid var(--line);border-radius:12px;margin-top:8px;padding:11px 12px;background:var(--card)}
 .mov-r:first-of-type{margin-top:0}
 .mov-m{grid-area:m}.mov-a{grid-area:a}.mov-d{grid-area:d;font-size:12px}.mov-s{grid-area:s;font-size:12px;color:var(--muted)}.mov-s span{display:inline}.mov-v,.mov-v0{display:none}
}
/* Buscador y filtro uno al lado del otro */
html body #app .dp-txf-search-row .dp-txf-search-wrap{flex:1 1 0% !important;width:auto !important;min-width:0 !important}
html body #app .dp-txf-search-row .dp-txf-select{flex:0 0 180px !important;width:180px !important;max-width:180px !important}
@media(max-width:560px){html body #app .dp-txf-search-row .dp-txf-select{flex-basis:128px !important;width:128px !important;max-width:128px !important}}

/* v3.7.172 · Premio en Pronósticos: la bola que jugaste y ganaste */
.fx-n{position:relative}
.fx-n.is-won{box-shadow:0 0 0 2px #f5c542,0 0 12px rgba(245,197,66,.6),inset 0 1px 2px rgba(255,255,255,.9),inset -2px -4px 6px rgba(0,0,0,.65)!important}
.fx-copa{position:absolute;top:-6px;right:-6px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#ffe08a,#e6a817);box-shadow:0 1px 3px rgba(0,0,0,.6);color:#3a2500;pointer-events:none}
.fx-copa svg{width:10px;height:10px;display:block}
.fx-dot{flex:0 0 12px;box-sizing:border-box}
.fx-dot.fx-won{border-color:rgba(52,211,153,.55);background:radial-gradient(circle at 36% 28%,#34d399 0%,#10b981 42%,#047857 90%);box-shadow:0 0 0 2px #f5c542}
.fx-premio{display:flex;align-items:center;gap:14px;margin:14px 0 4px;padding:12px 14px;border-radius:12px;border:1px solid rgba(245,197,66,.45);background:linear-gradient(100deg,rgba(245,197,66,.14),rgba(16,185,129,.1) 60%,var(--card,#1b2430))}
.fx-premio-copa{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#ffe08a,#e6a817);color:#3a2500;box-shadow:0 2px 8px rgba(245,197,66,.4)}
.fx-premio-copa svg{width:22px;height:22px}
.fx-premio-txt{flex:1;min-width:0}
.fx-premio-txt b{display:block;font:700 15px/1.25 "Saira",system-ui,sans-serif;color:var(--text,#fff)}
.fx-premio-txt small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted,#8b97a6)}
.fx-premio-monto{font:700 17px "Saira",system-ui,sans-serif;color:#34d399;white-space:nowrap}
.fx-premio .btn{white-space:nowrap}
html[data-theme="light"] .fx-premio-monto{color:#047857}
@media(max-width:620px){.fx-premio{flex-wrap:wrap;gap:10px 12px}.fx-premio-txt{flex:1 1 calc(100% - 54px)}.fx-premio-monto{flex:1;align-self:center}}
.qb-premio{margin:0;font-size:12.5px;color:#f5c542}.qb-premio b{font-weight:700}html[data-theme="light"] .qb-premio{color:#92600a}

/* v3.7.172 · Ticket registrado: los dos botones lado a lado */
.anim-ticket-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
html body .anim-ticket-btns>button{width:100%!important;min-width:0;height:48px!important;min-height:48px!important;margin:0!important;padding-inline:8px;box-sizing:border-box}

/* v3.7.172 · Saira también en menú, pestañas, botones, etiquetas y encabezados. Casino no se toca. */
html body :is(.sidebar .nav-entry,.sidebar .nav-entry span,.dp79-side-identity strong,.dp79-side-identity b,.side-bottom strong,.side-bottom b,.mobile-bottom-nav a,.mobile-bottom-nav button,.dp-tab,.btn,.ref-button,#app label:not(:has(input[type=checkbox],input[type=radio])),#app th,#app h3,#app h4,.dp-txf-select):not(.cxl *){font-family:"Saira",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-weight:700!important}
html body .sidebar .nav-entry{font-size:15px!important;letter-spacing:.2px}

/* v3.7.173 · Bolas más grandes en PC: se cambia la variable común, igual en todos los módulos */
@media(min-width:900px){:root{--dp-bola:34px;--dp-bola-centro:20px;--dp-bola-texto:12px}}

/* v3.7.174 · Pronósticos: pestaña Estadísticas */
.fs-sub{display:flex;gap:8px;margin:0 0 16px}
.fs-sec{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:20px 0 10px}
.fs-sec h3{margin:0;font-size:15px}.fs-sec small{color:var(--muted,#8b97a6);font-size:12.5px}
.fs-glob{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fs-k{border:1px solid var(--line,#2a3542);border-radius:12px;padding:14px;background:var(--card2,#222c39)}
.fs-k span{font-size:13px;color:var(--muted,#8b97a6)}
.fs-k b{display:block;margin:4px 0 8px;font:700 30px/1 "Saira",system-ui,sans-serif;color:var(--text,#fff)}
.fs-k.top b,.fs-t td.top b{color:#34d399}.fs-k small{display:block;margin-top:7px;font-size:12px;color:var(--muted,#8b97a6)}
.fs-bar{height:6px;border-radius:6px;background:rgba(145,170,205,.16);overflow:hidden}.fs-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#ff7d1f,#f96a0a)}
.fs-k.top .fs-bar i,.fs-t td.top .fs-bar i{background:linear-gradient(90deg,#34d399,#10b981)}
.fs-w{border:1px solid var(--line,#2a3542);border-radius:12px;overflow:hidden}
.fs-t{width:100%;border-collapse:collapse;table-layout:fixed}
.fs-t th{padding:10px 12px;text-align:left;font-size:12.5px;color:var(--muted,#8b97a6);background:var(--card2,#222c39)}
.fs-t td{padding:10px 12px;border-top:1px solid var(--line,#2a3542);font-size:13.5px;vertical-align:middle}
.fs-t td:first-child{font-weight:700}.fs-t td b{display:block;margin-bottom:5px;font:700 14px "Saira",system-ui,sans-serif}.fs-t td.fs-no{color:var(--muted,#8b97a6)}
.fs-note{margin:14px 0 0;font-size:12.5px;color:var(--muted,#8b97a6);line-height:1.45}
.fs-empty{padding:18px;border:1px dashed var(--line,#2a3542);border-radius:12px;color:var(--muted,#8b97a6);font-size:13.5px;text-align:center}
html[data-theme="light"] .fs-k.top b,html[data-theme="light"] .fs-t td.top b{color:#047857}
@media(max-width:620px){.fs-glob{grid-template-columns:1fr}.fs-k{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center}.fs-k b{margin:0;font-size:24px;grid-column:2;grid-row:1 / span 2}.fs-k .fs-bar{grid-column:1}.fs-k small{grid-column:1 / -1}.fs-t th,.fs-t td{padding:9px 7px}.fs-t td,.fs-t td b{font-size:12.5px}.fs-t th{font-size:11.5px}.fs-t th:first-child{width:31%}.fs-sec{display:block}.fs-sec small{display:block;margin-top:2px}}

/* v3.7.174 · Naranja metálico en botones y activos. Casino no se toca. */
:root{--dp-metal:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.1) 50%,transparent 66%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),linear-gradient(180deg,#ff6a00 0%,#e65f00 100%)}
html body :is(.btn-primary,.ref-button,.dp-tab.active,#app .dp-tab.active,.dp-chip.active,.cat-chip.active):not(.cxl *):not(:disabled){background:var(--dp-metal)!important;border:1px solid #ff6a00!important;box-shadow:inset 0 1px 0 rgba(255,225,190,.45),inset 0 -1px 2px rgba(120,35,0,.45),0 4px 14px rgba(241,90,6,.4)!important;color:#fff!important;text-shadow:0 1px 1px rgba(90,30,0,.55)}
html body :is(.btn-primary,.ref-button):not(.cxl *):not(:disabled):hover{filter:brightness(1.07)}
html body #app .ref-summary .total{background:linear-gradient(180deg,#ff6a00,#e65f00);-webkit-background-clip:text;background-clip:text;color:transparent}

/* v3.7.175 · Módulo Resultados y aceptación del registro */
.dp-res{width:100%;box-sizing:border-box;padding:4px 8px 24px}
.rs-head h1{margin:0 0 3px;font:700 24px "Saira",system-ui,sans-serif}
.rs-head p{margin:0 0 12px;color:var(--muted);font-size:13.5px}
.rs-filters{display:grid;grid-template-columns:minmax(0,360px) 180px;gap:8px;margin-bottom:12px}
.rs-filters select,.rs-filters input{width:100%;min-height:42px;box-sizing:border-box;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit}
.rs-card{margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.rs-card>header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}
.rs-card>header img{border-radius:50%;object-fit:contain}
.rs-card>header img.b3x-cflag{width:20px;height:15px;border-radius:2px;object-fit:cover;flex:none}
.rs-card>header strong{flex:1;min-width:0;font-size:14.5px}
.rs-card>header small{color:var(--muted);font-size:12.5px}
.rs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;padding:10px 12px}
.rs-cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:10px;background:var(--card2);text-align:center}
.rs-cell small{color:var(--muted);font-size:11.5px}
.rs-cell em{font-style:normal;font-size:12px}
.rs-cell.is-wait{background:none;border:1px dashed var(--line);color:var(--muted)}
.rs-cell p{margin:10px 0 6px;font-size:12.5px}
.rs-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}
.rs-line:first-of-type{border-top:0}
.rs-line small{display:block;color:var(--muted);font-size:12px}
.rs-line b{color:var(--orange);font-size:16px;letter-spacing:.05em;white-space:nowrap}
.rs-line b i{font-style:normal;font-size:12px;letter-spacing:0}
.rs-score{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 12px;border-top:1px solid var(--line);font-size:14px}
.rs-card>header+.rs-score{border-top:0}
.rs-score b{font-variant-numeric:tabular-nums}
.rs-empty{padding:24px 14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}
.rs-more{display:block;margin:12px auto 0}
.dp-accept{display:flex;gap:10px;align-items:flex-start;margin:4px 0 10px;font-size:13.5px;line-height:1.4}
.dp-accept input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:#ff6a00}
.dp-accept a{color:var(--orange);text-decoration:underline}
.dp-wa{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:9px;background:#1fa855;color:#fff;font-weight:700;font-size:13px;text-decoration:none}
@media(max-width:620px){.rs-filters{grid-template-columns:minmax(0,1fr) 138px}.rs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v3.7.176 · Menú lateral autoajustable en PC: las opciones se reparten el alto disponible,
   sea cual sea la pantalla o la cantidad de opciones. Scroll solo como último recurso. */
@media (min-width:901px){
 html body .layout>.sidebar>nav{display:flex!important;flex-direction:column!important;gap:2px!important}
 html body .layout>.sidebar>nav .nav-entry{flex:1 1 0!important;height:auto!important;min-height:32px!important;max-height:46px!important;margin:0!important}
 html body .layout>.sidebar>.side-bottom{padding-top:6px!important;padding-bottom:8px!important;gap:2px!important}
 html body .layout>.sidebar>.side-bottom .nav-entry{height:38px!important;min-height:38px!important;margin:0!important}
 html body .layout>.sidebar>.side-bottom .dp-pc{padding:7px 10px!important}
}
@media (min-width:901px) and (max-height:820px){
 html body .layout>.sidebar .dp79-side-head{margin-bottom:2px!important;padding-bottom:0!important}
 html body .layout>.sidebar>.side-bottom .dp-pc{display:none!important}
 html body .layout>.sidebar>.side-bottom .nav-entry{height:34px!important;min-height:34px!important}
}
@media (min-width:901px) and (max-height:660px){
 html body .layout>.sidebar .nav-entry,html body .layout>.sidebar .nav-entry span{font-size:13px!important}
 html body .layout>.sidebar>nav .nav-entry{min-height:30px!important}
 html body .layout>.sidebar>.side-bottom .nav-entry{height:30px!important;min-height:30px!important}
}

/* v3.7.178 · Barra del cupón solo en teléfono. PC no cambia. */
.dp-amount-chips{display:none}
@media (max-width:899px){
 .anim-cupon-bar:not(.has){display:none!important}
 .anim-cupon-bar.has{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px;left:8px;right:8px;padding:6px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 -6px 22px rgba(0,0,0,.45)}
 .anim-cupon-bar button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
 .anim-cupon-bar .cb-clear{padding:0 12px;background:none;border:1px solid var(--line);color:var(--muted);font-size:13px}
 .anim-cupon-bar .cb-see{padding:0 10px;background:var(--card2);border:0;color:var(--text);font-size:13px}
 .anim-cupon-bar .cb-see i{min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;display:grid;place-items:center;border-radius:10px;background:#fff;color:#c2470a;font-style:normal;font-size:12px}
 .anim-cupon-bar .cb-go{min-width:0;padding:0 8px;border:0;background:var(--dp-metal,linear-gradient(180deg,#ff6a00,#e65f00));color:#fff;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px #5a1e008c}
 .dp-amount-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}
 .dp-amount-chips button{min-height:44px;border:0;border-radius:9px;background:var(--card2);color:var(--text);font:inherit;font-weight:700}
 body:has(.anim-cupon-bar.has) .dp-deportes-floating-chat{bottom:146px!important}
}

/* v3.7.179 · Con teclado abierto la ventana ocupa exactamente el espacio visible:
   queda pegada arriba del teclado, sin subirse ni salirse de la pantalla. */
@media (max-width:899px){
 html:is(.dp-kb-open,.dp-keyboard-open) .dp-sheet-ov{top:var(--dp-vv-top,0px)!important;bottom:auto!important;height:var(--dp-vv-height,100dvh)!important;padding-bottom:0!important;align-items:flex-end!important}
 html:is(.dp-kb-open,.dp-keyboard-open) .dp-sheet-ov>.dp-sheet,html:is(.dp-kb-open,.dp-keyboard-open) .dp-sheet-ov>.qb{max-height:calc(var(--dp-vv-height,100dvh) - 6px)!important;margin:0!important;animation:none!important;transform:none!important}
 html.dp-kb-open body{padding-bottom:0}
 .dp93-modal-acts button{white-space:nowrap}
}
.rs-cell .rs-num{color:var(--orange);font-size:17px;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.rs-cell small{overflow-wrap:anywhere}

/* v3.7.226 · Resultados: imagen del animal de cada lotería. */
.rs-pic{display:grid;place-items:center;width:50px;height:50px}
.rs-pic img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.rs-pic:not(.sin-img) .tk-bola,.rs-pic.sin-img img{display:none}
.rs-cell em b{color:var(--orange);font-weight:800;font-variant-numeric:tabular-nums}

/* v3.7.227 · Resultados › Deportes: marcador en una línea y detalle por deporte. */
.rs-filters>input:first-child{grid-column:1/-1;max-width:190px}
.rd-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:6px;scrollbar-width:none}
.rd-chip{flex:none;display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card2);color:var(--text);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.rd-chip small{color:var(--muted);font-size:11px}
.rd-chip.on{border-color:var(--orange);background:rgb(255 122 26/.13);color:var(--orange)}
.rd-sec{display:flex;align-items:center;gap:9px;margin:16px 2px 9px}
.rd-sec b{min-width:0;font-size:14px;overflow-wrap:anywhere}
.rd-sec small{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
.rd-m{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:14px;align-items:center;padding:14px 16px;margin-bottom:9px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.rd-m.solo{grid-template-columns:minmax(0,1fr)}
.rd-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:11px;color:var(--muted)}
.rd-top b{color:#2fbf7f;letter-spacing:.06em;font-size:10.5px}
.rd-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.rd-t{display:flex;align-items:center;gap:9px;min-width:0;color:var(--muted);font-size:14px;font-weight:600}
.rd-t.r{flex-direction:row-reverse;text-align:right}
.rd-t>span:last-child{min-width:0;overflow-wrap:anywhere;line-height:1.2}
.rd-t.win{color:var(--text);font-weight:800}
.rd-c{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px rgb(255 255 255/.14)}
.rd-c.has-img{background:none;box-shadow:none}
.rd-c img{width:100%;height:100%;object-fit:contain}
.rd-sc{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:31px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.rd-sc i{font-style:normal;font-size:22px;opacity:.6}
.rd-sc .w{color:var(--orange)}
.rd-d{min-width:0;overflow-x:auto;scrollbar-width:none}
.rd-ls{width:100%;border-collapse:separate;border-spacing:3px;font-size:12px;font-variant-numeric:tabular-nums}
.rd-ls th{position:static;height:auto;padding:0 0 2px;border:0;background:none;color:var(--muted);font-size:10.5px;font-weight:600;text-align:center}
.rd-ls td{min-width:21px;height:24px;padding:0 2px;border:0;border-radius:6px;background:var(--soft,var(--card2));color:var(--muted);text-align:center}
.rd-ls td.n{min-width:34px;padding-right:6px;background:none;color:var(--text);font-size:11px;font-weight:700;text-align:left}
.rd-ls td.hit{background:rgb(255 122 26/.17);color:var(--orange);font-weight:800}
.rd-ls td.tot{min-width:28px;background:var(--line);color:var(--text);font-weight:800}
.rd-ls td.tot.w{background:var(--orange);color:#fff}
.rd-tags{display:flex;flex-wrap:wrap;gap:6px}
.rd-tag{padding:6px 10px;border-radius:9px;background:var(--soft,var(--card2));color:var(--muted);font-size:12px}
.rd-tag b{color:var(--text);font-variant-numeric:tabular-nums}
.rd-tag.g{background:rgb(47 191 127/.13);color:#2fbf7f}
@media(max-width:820px){.rd-m{grid-template-columns:minmax(0,1fr);padding:12px}.rd-sc{font-size:25px}.rd-t{gap:7px;font-size:12.5px}.rd-c{width:30px;height:30px;font-size:10.5px}.rd-teams{gap:8px}}

/* v3.7.228 · Aviso de bono al entrar. Igual en todos los módulos: solo cambian color, texto y botón. */
.ab-ov{outline:0;position:fixed;inset:0;z-index:3400;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:rgb(6 10 16/.78);backdrop-filter:blur(4px)}
.ab{--ac:var(--orange);position:relative;overflow:hidden auto;box-sizing:border-box;width:min(392px,100%);max-height:100%;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--text);box-shadow:0 24px 70px rgb(0 0 0/.34);animation:ab-in .22s ease-out}
.ab::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:radial-gradient(300px 150px at 50% 0,color-mix(in srgb,var(--ac) 30%,transparent),transparent 76%);pointer-events:none}
.ab>*{position:relative}
.ab.ani{--ac:var(--green)}.ab.cas{--ac:#a855f7}.ab.dep{--ac:var(--blue)}
.ab-top{display:flex;align-items:center;gap:8px;min-height:30px}
.ab-kick{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}
.ab-n{margin-left:auto;color:var(--muted);font-size:11.5px}
.ab .ab-x{display:grid;place-items:center;flex:none;width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:9px;background:var(--soft);color:var(--muted);font-size:17px;line-height:1;cursor:pointer}
.ab-ic{display:grid;place-items:center;width:62px;height:62px;margin:12px auto 11px;border-radius:18px;background:color-mix(in srgb,var(--ac) 16%,var(--card));color:var(--ac);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 38%,transparent)}
.ab .ab-t{margin:0;text-align:center;font-size:15px;font-weight:700;color:var(--muted);overflow-wrap:anywhere}
.ab .ab-m{margin:5px 0 3px;color:var(--text);text-align:center;font-size:42px;line-height:1.05;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ab-m small{margin-right:5px;font-size:19px;font-weight:700;color:var(--muted)}
.ab .ab-plus{margin:0;min-height:19px;text-align:center;font-size:13.5px;font-weight:600;color:var(--muted)}
.ab .ab-plus.on{font-weight:700;color:var(--ac)}
.ab-where{display:flex;justify-content:center;margin:11px 0 15px}
.ab-where span{padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--ac) 14%,transparent);color:var(--ac);font-size:12.5px;font-weight:700;text-align:center}
.ab-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}
.ab-info div{min-width:0;padding:9px 11px;border-radius:11px;background:var(--soft)}
.ab-info small{display:block;margin-bottom:3px;color:var(--muted);font-size:11px}
.ab-info b{font-size:13.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ab .ab-go{display:block;width:100%;height:46px;padding:0 12px;border:0;border-radius:12px;background:var(--orange);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.ab .ab-more{display:block;width:100%;height:38px;margin-top:5px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
@keyframes ab-in{from{opacity:0;transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.ab{animation:none}}
@media(max-width:640px){.ab-ov{align-items:flex-end;padding:0}.ab{width:100%;max-height:92dvh;border-width:1px 0 0;border-radius:18px 18px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom))}}

/* v3.7.229 · Montos reales recientes bajo el campo de monto. */
.rf-chips-t{margin:10px 0 6px;color:var(--muted);font-size:12px;font-weight:600}

/* v3.7.230 · Inicio vivo: banner con casino primero y 4 accesos con imagen animada. */
.dpv-top{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:14px}
.dpv-hero{position:relative;min-height:260px;border-radius:18px;overflow:hidden;background:#090b14;isolation:isolate;box-shadow:0 12px 30px -14px rgba(255,106,0,.5)}
.dpv-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s,visibility 0s .7s}
.dpv-slide.on{opacity:1;visibility:visible;transition:opacity .7s}
.dpv-art,.dpv-art img{position:absolute;inset:0;width:100%;height:100%;display:block}
.dpv-art img{object-fit:cover;object-position:right center}
.dpv-slide.on .dpv-art img{animation:dpvKen 8s ease-out forwards}
.dpv-slide::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,6,14,.93) 0%,rgba(5,6,14,.55) 42%,transparent 70%)}
.dpv-copy{position:absolute;z-index:3;left:24px;top:50%;transform:translateY(-50%);width:min(58%,460px)}
.dpv-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ff6a00;background:rgba(255,106,0,.15);padding:3px 9px;border-radius:20px;margin-bottom:8px}
.dpv-copy h2{margin:0;color:#fff;font-size:clamp(23px,3vw,40px);line-height:1.02;font-weight:900;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.dpv-copy h2 em{font-style:normal;color:#ff6a00}
.dpv-copy p{margin:7px 0 13px;color:#dde0ea;font-size:13px}
.dpv-copy h2+.dpv-cta{margin-top:12px}
.dpv-cta{display:inline-block;background:#fff;color:#111!important;font-weight:800;font-size:13px;padding:9px 18px;border-radius:10px;text-decoration:none;animation:dpvPulse 2s ease-in-out infinite}
.dpv-fx{position:absolute;inset:0;z-index:2;pointer-events:none}
.dpv-fx i{position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:#ffb347;box-shadow:0 0 8px #ff6a00;opacity:0;animation:dpvUp 5s linear infinite}
.dpv-dots{position:absolute;z-index:4;left:24px;bottom:12px;display:flex;gap:4px}
.dpv-dots button{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.dpv-dots button::before{content:"";width:7px;height:7px;border-radius:9px;background:rgba(255,255,255,.4);transition:width .3s}
.dpv-dots button.on::before{width:22px;background:#ff6a00}
.dpv-dots button.on{width:30px}
.dpv-row4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.dpv-b4{position:relative;display:block;min-height:110px;border-radius:14px;overflow:hidden;background:var(--c);isolation:isolate;text-decoration:none;color:#fff!important;box-shadow:0 6px 16px -8px var(--c),inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .2s}
.dpv-b4:hover{transform:translateY(-2px)}
.dpv-b4 img{position:absolute;left:-4%;top:-4%;width:108%;height:108%;object-fit:cover;animation:dpvFlota 3.2s ease-in-out infinite;animation-delay:var(--d)}
.dpv-b4::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-130%);animation:dpvBrillo 4s ease-in-out infinite;animation-delay:var(--d)}
.dpv-b4::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.15) 32%,transparent 50%)}
.dpv-b4 b{position:absolute;z-index:3;left:0;right:0;bottom:7px;text-align:center;font-size:13px;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.8)}
@keyframes dpvKen{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes dpvPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,106,0,0);transform:scale(1)}50%{box-shadow:0 0 0 7px rgba(255,106,0,.35);transform:scale(1.04)}}
@keyframes dpvUp{0%{transform:translateY(0);opacity:0}15%{opacity:.6}100%{transform:translateY(-260px);opacity:0}}
@keyframes dpvFlota{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes dpvBrillo{0%,70%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@media(max-width:900px){
 .dpv-top{grid-template-columns:1fr;gap:12px}
 .dpv-hero{min-height:0;aspect-ratio:2/1;max-height:240px;border-radius:16px}
 .dpv-copy{left:16px;top:16px;transform:none;width:60%}
 .dpv-copy h2{font-size:23px}
 .dpv-copy p{font-size:12.5px;margin:5px 0 10px}
 .dpv-dots{left:12px;bottom:4px}
 .dpv-row4{grid-template-columns:repeat(4,1fr);gap:8px}
 .dpv-b4{min-height:0;aspect-ratio:1/1.08}
}
@media(max-width:360px){.dpv-copy h2{font-size:20px}.dpv-copy p{display:none}.dpv-b4 b{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.dpv-hero *,.dpv-b4,.dpv-b4 *,.dpv-b4::before{animation:none!important}.dpv-slide{transition:none}}

/* v3.7.231 · Menú de 3 puntos en el móvil (reemplaza campana y Mi cuenta) y botones del inicio con franja legible. */
.dp-more{display:none;position:relative;flex:0 0 auto}
.dp-more-btn{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid rgb(57,71,90);background:transparent;color:var(--text,#eef1f6);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s,border-color .2s}
.dp-more-dots{display:flex;flex-direction:column;gap:3px;transition:transform .28s ease}
.dp-more-dots i{display:block;width:4.5px;height:4.5px;border-radius:50%;background:currentColor}
.dp-more.open .dp-more-btn{border-color:#ff6a00;background:rgba(255,106,0,.15)}
.dp-more.open .dp-more-dots{transform:rotate(90deg)}
.dp-more-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff2d55;color:#fff;font-size:10.5px;font-weight:800;line-height:18px;text-align:center;border:2px solid var(--bg,#12161b)}
.dp-more-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:1200;width:230px;padding:6px;border-radius:14px;background:var(--card,#1a1f28);border:1px solid var(--line,#2f3643);box-shadow:0 18px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;animation:dpMoreIn .16s ease-out}
.dp-more-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:var(--text,#eef1f6)!important;font:inherit;font-size:14px;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}
.dp-more-item:hover,.dp-more-item:focus-visible{background:rgba(255,106,0,.1)}
.dp-more-item .ico{color:#ff6a00;width:19px;height:19px;flex:none}
.dp-more-n{margin-left:auto;min-width:20px;padding:1px 7px;border-radius:10px;background:#ff2d55;color:#fff;font-size:11px;text-align:center}
.dp-more-menu hr{border:0;border-top:1px solid var(--line,#2f3643);margin:4px 6px}
.dp-more-menu [data-action="logout"],.dp-more-menu [data-action="logout"] .ico{color:#ff6b6b!important}
@keyframes dpMoreIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width: 860px){
  html body[data-role="usuario"] .topbar .dp-more{display:block}
  html body[data-role="usuario"] .topbar .dp95-notify-btn,html body[data-role="usuario"] .topbar .dp-avatar{display:none !important}
}
@media (max-width: 420px){html body[data-role="usuario"] .topbar .dp-more-btn{width:34px;height:34px}}
@media (prefers-reduced-motion: reduce){.dp-more-dots,.dp-more-menu{transition:none;animation:none}}
/* Botones del inicio: imagen arriba y nombre en franja oscura para que siempre se lea. */
.dpv-b4 img{top:-3%!important;left:-3%!important;width:106%!important;height:85%!important}
.dpv-b4::after{display:none}
.dpv-b4 b{bottom:0!important;height:24%;display:grid;place-items:center;background:rgba(0,0,0,.72);font-size:13px;letter-spacing:.01em}
@media(max-width:360px){.dpv-b4 b{font-size:11.5px}}

/* v3.8.2 · En el teléfono, el menú lateral cerrado no deja sombra en el borde izquierdo
   (antes solo estaba corregido para usuarios; los administradores la veían). */
@media (max-width: 900px){
  html body .sidebar:not(.open){box-shadow:none!important}
}

/* v3.8.5 · Cabecera del teléfono: el logo conserva su espacio y el saldo no crece de más. */
html body[data-role="usuario"] .topbar .brand-header{flex:0 0 auto !important}
html body[data-role="usuario"] .topbar .dp91-balance-pill{flex:0 1 auto !important;max-width:min(178px,44vw) !important}
@media (max-width: 420px){
  html body[data-role="usuario"] .topbar .brand-header{max-width:132px !important}
  html body[data-role="usuario"] .topbar .dp91-balance-pill{flex:0 1 auto !important;max-width:min(160px,42vw) !important}
}
/* v3.8.5 · Menú de tres puntos sin círculo: solo los puntos, que se vuelven naranja al abrir. */
html body .dp-more-btn,html body[data-role="usuario"] .topbar .dp-more-btn{border:0 !important;background:transparent !important;box-shadow:none !important;width:30px !important}
html body .dp-more.open .dp-more-btn{border:0 !important;background:transparent !important;color:#ff6a00 !important}

/* v3.8.7 · Scroll vertical en el teléfono.
   body, #app, .layout y main tenían overflow-x:hidden, que obliga overflow-y:auto y los vuelve
   contenedores con desplazamiento propio pero sin recorrido; con overscroll-behavior-y:none en body,
   el gesto del dedo quedaba atrapado y la página no bajaba. "clip" recorta lo horizontal igual que
   "hidden" pero sin crear contenedor de desplazamiento, así el dedo mueve la página. */
@media (max-width: 900px){
  html body,html body #app,html body .layout,html body main.main{overflow-x:clip !important;overflow-y:visible !important}
}

/* v3.8.8 · Dentro de la app (APK o instalada) no existe "jalar para recargar": al deslizar hacia
   abajo en el tope la página no se recarga. En el navegador se mantiene el comportamiento normal. */
html.dp-standalone,html.dp-standalone body{overscroll-behavior-y:none !important}

/* v3.8.8 · Paquete "app nativa": todo esto aplica SOLO dentro de la app (html.dp-standalone).
   En el navegador del teléfono y en la PC el portal se comporta como una web normal. */
/* Sin zoom por pellizco ni por doble toque. */
html.dp-standalone{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Sin el destello gris al tocar y sin seleccionar texto por accidente al mantener presionado. */
html.dp-standalone,html.dp-standalone *{-webkit-tap-highlight-color:transparent}
html.dp-standalone body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
/* Donde sí se escribe o se copia, la selección vuelve a funcionar. */
html.dp-standalone :is(input,textarea,select,[contenteditable="true"],.danli-chat-content,.danli-chat-panel,.dp-seleccionable),
html.dp-standalone :is(.danli-chat-content,.danli-chat-panel,.dp-seleccionable) *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
/* Imágenes y enlaces no se arrastran ni muestran el menú de "abrir/guardar imagen". */
html.dp-standalone :is(img,a){-webkit-user-drag:none;user-drag:none}
/* Respuesta táctil inmediata en botones y enlaces (sin la espera del doble toque). */
html.dp-standalone :is(button,a,[role="button"],label,summary){touch-action:manipulation}
/* Barras de desplazamiento invisibles, como en las apps. */
html.dp-standalone *{scrollbar-width:none}
html.dp-standalone *::-webkit-scrollbar{width:0;height:0;display:none}
/* Menú inferior clavado al fondo dentro de la app: no se mueve al desplazar ni al rebotar. */
html.dp-standalone body .mobile-bottom-nav{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;transform:none !important;transition:none !important;will-change:auto !important}
html.dp-standalone,html.dp-standalone body,html.dp-standalone #app{transform:none !important;filter:none !important;perspective:none !important}

/* v3.9.0 · Transición de app nativa entre módulos (View Transitions). Solo en pantallas de teléfono;
   en PC no hay animación ni cambia nada. La cabecera y el menú de abajo se quedan quietos y
   solo se desliza el contenido: hacia la izquierda al avanzar, hacia la derecha al volver. */
@media (max-width: 900px){
  html body .topbar{view-transition-name:dp-cabecera}
  html body .mobile-bottom-nav{view-transition-name:dp-menu-pie}
  ::view-transition-group(dp-cabecera),::view-transition-group(dp-menu-pie),
  ::view-transition-old(dp-cabecera),::view-transition-new(dp-cabecera),
  ::view-transition-old(dp-menu-pie),::view-transition-new(dp-menu-pie){animation:none}
  ::view-transition-old(root){animation:dpVtSaleIzq .24s cubic-bezier(.4,0,.2,1) both}
  ::view-transition-new(root){animation:dpVtEntraDer .28s cubic-bezier(.2,.8,.2,1) both}
  html[data-dp-dir="atras"]::view-transition-old(root){animation-name:dpVtSaleDer}
  html[data-dp-dir="atras"]::view-transition-new(root){animation-name:dpVtEntraIzq}
}
@keyframes dpVtEntraDer{from{transform:translateX(28%);opacity:0}to{transform:none;opacity:1}}
@keyframes dpVtSaleIzq{from{transform:none;opacity:1}to{transform:translateX(-12%);opacity:0}}
@keyframes dpVtEntraIzq{from{transform:translateX(-28%);opacity:0}to{transform:none;opacity:1}}
@keyframes dpVtSaleDer{from{transform:none;opacity:1}to{transform:translateX(12%);opacity:0}}
@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* v3.9.0 · Ventanas como Recarga rápida: en la app entran desde la derecha y salen hacia la derecha
   (con el botón atrás de Android o la flecha). */
@keyframes dpEntraDerecha{from{transform:translateX(100%)}to{transform:none}}
@keyframes dpSaleDerecha{from{transform:none}to{transform:translateX(100%)}}
@keyframes dpFundeEntra{from{opacity:0}to{opacity:1}}
@keyframes dpFundeSale{from{opacity:1}to{opacity:0}}
html.dp-standalone .home76-modal.dp-entrando{animation:dpEntraDerecha .28s cubic-bezier(.2,.8,.2,1) both}
html.dp-standalone .home76-modal.dp-saliendo{animation:dpSaleDerecha .19s cubic-bezier(.4,0,1,1) both}
html.dp-standalone .home76-overlay.dp-saliendo{animation:dpFundeSale .19s ease-in both}

/* v3.9.0 · La ventana de contactos siempre aparece por encima de la Recarga rápida
   (antes quedaba escondida detrás y parecía que el botón no hacía nada). */
.contact-modal-overlay{z-index:11500 !important}
.dp-tel-contacts{display:flex;width:calc(100% - 32px);margin:14px 16px 4px;justify-content:center}

/* v3.9.0 · Ícono del teléfono junto al número: visible y del mismo naranja que el botón de contactos. */
.rf-ico{color:rgb(255,147,44) !important}
.rf-ico svg,.rf-ico svg *{stroke:currentColor !important}

/* v3.9.0 · En la app, con el teclado abierto, el botón de confirmar queda pegado abajo y a la vista. */
html.dp-standalone.dp-keyboard-open #recharge-form .ref-button.full[type="submit"]{position:sticky !important;bottom:10px !important;z-index:5 !important;box-shadow:0 -8px 24px rgba(0,0,0,.45)}
html body #app .rf-ico,html body .home76-modal .rf-ico{color:rgb(255,147,44) !important}

/* ================================================================
   v3.9.2 · Recargas limpia (web y móvil): sin cajas ni líneas de más,
   como las apps modernas. Aplica a la página de Recargas y a la
   Recarga rápida del inicio. No cambia ningún funcionamiento.
   ================================================================ */
/* Secciones sin panel, borde ni sombra. */
html body #app .ref-recharge .ref-panel,
html body #app .ref-recharge-right{background:transparent !important;border:0 !important;box-shadow:none !important}
html body #app .ref-recharge .ref-panel{padding-left:0 !important;padding-right:0 !important}
/* Número de teléfono: un solo campo con el ícono y el botón de contactos adentro. */
html body #app .phone-contacts-input{display:flex !important;align-items:center !important;gap:0 !important;background:var(--card2) !important;border:1px solid transparent !important;border-radius:14px !important;padding:0 4px !important;min-height:52px !important;box-shadow:none !important}
html body #app .phone-contacts-input:focus-within,html body #app .rf-money:focus-within{border-color:rgba(255,140,0,.55) !important}
html body #app .phone-contacts-input .rf-ico,
html body #app .phone-contacts-input .contact-book-button{background:transparent !important;border:0 !important;box-shadow:none !important;width:42px !important;min-width:42px !important;height:44px !important;min-height:44px !important;border-radius:10px !important}
html body #app .phone-contacts-input input,html body #app .rf-money input{flex:1 1 auto !important;min-width:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;outline:0 !important}
/* Monto: mismo campo limpio, con "Bs" adentro. */
html body #app .rf-money{display:flex !important;align-items:center !important;background:var(--card2) !important;border:1px solid transparent !important;border-radius:14px !important;min-height:52px !important;overflow:hidden !important;box-shadow:none !important}
html body #app .rf-money .rf-bs{background:transparent !important;border:0 !important;color:rgb(255,147,44) !important;font-weight:800 !important;padding:0 2px 0 16px !important;min-width:0 !important;width:auto !important}
/* Resumen: sin recuadro ni líneas entre filas; el total resalta por tamaño, no por bordes. */
html body #app .ref-summary{background:transparent !important;border:0 !important;box-shadow:none !important;padding:6px 2px !important;border-radius:0 !important}
html body #app .ref-summary h3{background:transparent !important;border:0 !important;padding:0 0 6px !important;margin:0 !important;font-size:12px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--muted) !important}
html body #app .ref-summary > div{border:0 !important;background:transparent !important;padding:7px 0 !important;box-shadow:none !important}
html body #app .ref-summary > div span{color:var(--muted) !important}
html body #app .ref-summary .total{margin-top:4px !important;padding-top:10px !important}
html body #app .ref-summary .total span,html body #app .ref-summary .total b{color:var(--text,#eef1f6) !important;font-size:18px !important}
/* Historial de recargas sin caja. */
html body #app .ref-recharge .recharge-history-panel{background:transparent !important;border:0 !important;box-shadow:none !important}
/* v3.9.3 · "Elegir de los contactos del teléfono" dentro de la ventana de contactos, a todo el ancho. */
.contact-panel .dp-tel-contacts{display:flex !important;width:100% !important;margin:4px 0 14px !important;justify-content:center !important}
.contact-icon.danger svg{display:block;margin:auto}

/* ================================================================
   v3.9.4 · "Mis contactos" ordenada y limpia (web y móvil).
   Encabezado alineado, buscador limpio, filas sin cajas y los
   botones de editar y eliminar del mismo tamaño y estilo.
   ================================================================ */
html body .contact-dialog{background:var(--card,#17181b) !important;border:0 !important}
html body .contact-dialog > .contact-panel{border:0 !important;background:transparent !important;box-shadow:none !important;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px)) !important}
html body .contact-dialog .ref-panel-head{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:12px !important;margin:0 0 14px !important;padding:0 !important;border:0 !important}
html body .contact-dialog .ref-panel-head h2{font-size:20px !important;line-height:1.2 !important;margin:0 0 4px !important}
html body .contact-dialog .ref-panel-head p{margin:0 !important;font-size:13px !important;line-height:1.4 !important;color:var(--muted) !important}
html body .contact-dialog .contact-heading-actions{display:flex !important;align-items:center !important;gap:8px !important;flex:0 0 auto !important}
html body .contact-dialog [data-contact-add]{display:inline-flex !important;align-items:center !important;gap:6px !important;height:38px !important;min-height:38px !important;padding:0 14px !important;border-radius:12px !important;font-size:14px !important;font-weight:700 !important;white-space:nowrap !important;width:auto !important}
html body .contact-dialog .contact-close{width:38px !important;height:38px !important;min-width:38px !important;border-radius:12px !important;display:grid !important;place-items:center !important;border:0 !important;background:var(--card2) !important;padding:0 !important}
html body .contact-dialog .contact-search-label{display:block !important;font-size:0 !important;margin:0 0 10px !important}
html body .contact-dialog #contact-search{width:100% !important;height:46px !important;border-radius:12px !important;background:var(--card2) !important;border:1px solid transparent !important;padding:0 14px !important;font-size:15px !important;box-shadow:none !important}
html body .contact-dialog .contact-list{display:flex !important;flex-direction:column !important;gap:2px !important;max-height:none !important}
html body .contact-dialog .contact-row{display:flex !important;align-items:center !important;gap:2px !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:12px !important}
html body .contact-dialog .contact-select{flex:1 1 auto !important;min-width:0 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:2px !important;text-align:left !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:10px 8px !important;border-radius:12px !important}
html body .contact-dialog .contact-select:active{background:var(--card2) !important}
html body .contact-dialog .contact-select strong{font-size:16px !important;line-height:1.25 !important}
html body .contact-dialog .contact-select small{font-size:13px !important;color:var(--muted) !important}
html body .contact-dialog .contact-icon{flex:0 0 40px !important;width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;display:grid !important;place-items:center !important;border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:12px !important;color:var(--muted) !important;padding:0 !important}
html body .contact-dialog .contact-icon:active{background:var(--card2) !important}
html body .contact-dialog .contact-icon.danger{color:rgb(228,95,96) !important}
html body .contact-dialog .contact-icon svg{display:block !important;width:18px !important;height:18px !important}
html body .contact-dialog .contact-empty{color:var(--muted) !important;text-align:center !important;padding:18px 8px !important}

/* ================================================================
   v3.9.6 · Confirmación de recarga propia de Danlipagos.
   Teléfono: hoja que sube desde abajo. PC: tarjeta centrada.
   ================================================================ */
.dp-rc-ov{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,8,15,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dpFundeEntra .2s ease-out both}
.dp-rc{width:min(420px,100%);background:var(--card,#17181b);color:var(--text,#eef1f6);border-radius:22px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.55);animation:dpRcEntraPc .26s cubic-bezier(.2,.8,.2,1) both}
.dp-rc-head{display:flex;align-items:center;gap:14px;padding:18px 20px;color:#fff}
.dp-rc-logo{width:56px;height:56px;flex:0 0 56px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden}
.dp-rc-logo img,.dp-rc-logo svg{max-width:44px;max-height:40px;width:auto;height:auto;object-fit:contain}
.dp-rc-headtx small{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.dp-rc-headtx h2{margin:2px 0 0;font-size:20px;line-height:1.2;color:#fff}
.dp-rc-monto{text-align:center;padding:22px 20px 8px}
.dp-rc-monto small{display:block;font-size:13px;color:var(--muted)}
.dp-rc-monto strong{display:block;font-size:34px;line-height:1.15;margin:4px 0 2px;color:var(--text,#eef1f6);font-variant-numeric:tabular-nums}
.dp-rc-monto span{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}
.dp-rc-det{margin:10px 20px 0;padding:0}
.dp-rc-det div{display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.dp-rc-det dt{color:var(--muted);font-size:14px}
.dp-rc-det dd{margin:0;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.dp-rc-det dd.neg{color:rgb(228,95,96)}
.dp-rc-nota{margin:8px 20px 0;font-size:12.5px;line-height:1.4;color:var(--muted);text-align:center}
.dp-rc-acc{display:flex;flex-direction:column;gap:6px;padding:16px 20px 20px}
.dp-rc-acc .dp-rc-si{margin:0 !important}
.dp-rc-no{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:15px;padding:12px;border-radius:12px;cursor:pointer}
.dp-rc-no:active{background:var(--card2)}
.dp-rc-ov.dp-rc-sale{animation:dpFundeSale .2s ease-in both}
.dp-rc-ov.dp-rc-sale .dp-rc{animation:dpRcSalePc .2s ease-in both}
@keyframes dpRcEntraPc{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dpRcSalePc{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.98)}}
@keyframes dpRcEntraMovil{from{transform:translateY(100%)}to{transform:none}}
@keyframes dpRcSaleMovil{from{transform:none}to{transform:translateY(100%)}}
@media (max-width: 900px){
  .dp-rc-ov{align-items:flex-end;padding:0}
  .dp-rc{width:100%;border-radius:24px 24px 0 0;animation-name:dpRcEntraMovil;padding-bottom:env(safe-area-inset-bottom,0px)}
  .dp-rc::before{content:"";display:block;width:42px;height:5px;border-radius:3px;background:rgba(255,255,255,.55);margin:8px auto -13px;position:relative;z-index:1}
  .dp-rc-ov.dp-rc-sale .dp-rc{animation-name:dpRcSaleMovil}
}

/* ================================================================
   v3.9.8 · Resultado de recarga como comprobante de Danlipagos.
   Teléfono: ocupa toda la pantalla (listo para captura). PC: centrado.
   ================================================================ */
.dp-rr-ov{position:fixed;inset:0;z-index:12100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,8,15,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dpFundeEntra .2s ease-out both}
.dp-rr{width:min(440px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--card,#17181b);color:var(--text,#eef1f6);border-radius:22px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.55);animation:dpRcEntraPc .26s cubic-bezier(.2,.8,.2,1) both}
.dp-rr-ticket{flex:1 1 auto;overflow-y:auto;text-align:center;padding:0 0 8px}
.dp-rr-marca{background:#12161b;padding:18px 20px;display:flex;justify-content:center}
.dp-rr-marca img{height:28px;width:auto;display:block}
.dp-rr-icono{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:26px auto 12px;color:#fff}
.dp-rr[data-estado="ok"] .dp-rr-icono{background:#13c06a;box-shadow:0 10px 30px rgba(19,192,106,.35)}
.dp-rr[data-estado="wait"] .dp-rr-icono{background:#f5a623;box-shadow:0 10px 30px rgba(245,166,35,.35)}
.dp-rr[data-estado="bad"] .dp-rr-icono{background:#ef4d58;box-shadow:0 10px 30px rgba(239,77,88,.35)}
.dp-rr h2{margin:0 20px;font-size:22px;line-height:1.2}
.dp-rr-monto{display:block;font-size:38px;line-height:1.15;margin:8px 0 4px;font-variant-numeric:tabular-nums}
.dp-rr-op{display:inline-flex;align-self:center;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:15px;font-variant-numeric:tabular-nums}
.dp-rr-op img{width:26px;height:26px;object-fit:contain;border-radius:6px;background:#fff;padding:2px}
.dp-rr-nota{margin:14px 24px 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.dp-rr-det{margin:18px 20px 0;padding:14px 0 0;border-top:2px dashed var(--line,rgba(255,255,255,.12));text-align:left}
.dp-rr-det div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0}
.dp-rr-det dt{color:var(--muted);font-size:14px}
.dp-rr-det dd{margin:0;font-weight:700;font-size:14.5px;text-align:right;word-break:break-all;font-variant-numeric:tabular-nums}
.dp-rr-acc{display:flex;flex-direction:column;gap:6px;padding:14px 20px 20px;flex:0 0 auto}
.dp-rr-acc .dp-rr-compartir{display:flex !important;align-items:center;justify-content:center;gap:8px;margin:0 !important}
.dp-rr-ov.dp-rr-sale{animation:dpFundeSale .2s ease-in both}
.dp-rr-ov.dp-rr-sale .dp-rr{animation:dpRcSalePc .2s ease-in both}
@media (max-width: 900px){
  .dp-rr-ov{padding:0;background:var(--card,#17181b)}
  .dp-rr{width:100%;height:100%;max-height:none;border-radius:0;box-shadow:none;animation-name:dpFundeEntra}
  .dp-rr-marca{padding-top:calc(18px + env(safe-area-inset-top,0px))}
  .dp-rr-ticket{display:flex;flex-direction:column;justify-content:flex-start}
  .dp-rr-ticket > .dp-rr-icono{margin-top:auto}
  .dp-rr-ticket > .dp-rr-det{margin-bottom:auto}
  .dp-rr-acc{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  .dp-rr-ov.dp-rr-sale .dp-rr{animation-name:dpFundeSale}
}

/* v3.9.10 · Mi cuenta limpia en móvil (08/11/2026). En PC queda igual. */
.dpa-only-m{display:none!important}
.dpa-bi{display:contents}
@media (max-width:860px){
 .dpa-only-m{display:flex!important}
 .dp93-account.dpa{gap:14px}
 .dpa .dpa-profile-integrated{display:flex;flex-direction:column;align-items:stretch;gap:16px;aspect-ratio:auto;min-height:0;padding:4px 2px 0;background:transparent;border:0;box-shadow:none;color:var(--dpa-txt);overflow:visible}
 .dpa .dpa-profile-integrated::after,.dpa .dpa-photo-layers,.dpa .dpa-photo-pause{display:none!important}
 .dpa .dpa-profile-integrated .dpa-id{display:flex;align-items:center;gap:14px}
 .dpa .dpa-profile-integrated .dpa-avatar{width:56px;height:56px;flex:0 0 56px;border:0;font-size:19px;color:#fff;background:linear-gradient(135deg,#ff6a00,#ff4d00);box-shadow:0 6px 18px rgba(255,106,0,.35)}
 .dpa .dpa-profile-integrated .dpa-kicker,.dpa .dpa-profile-integrated .dpa-who p{display:none}
 .dpa .dpa-profile-integrated .dpa-who h1{font-size:20px;font-weight:800;margin:0 0 4px;color:var(--dpa-txt)}
 .dpa .dpa-profile-integrated .dpa-badge{background:none;border:0;padding:0;font-size:12px;font-weight:700}
 .dpa .dpa-profile-integrated .dpa-wallet{display:block;min-width:0;padding:20px 18px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(120% 140% at 100% 0,#3a2410 0,#1d222b 55%);color:#fff}
 .dpa .dpa-profile-integrated .dpa-wallet small{color:#9aa4b2;font-size:13px}
 .dpa .dpa-profile-integrated .dpa-wallet strong{font-size:32px;font-weight:800;margin:4px 0 18px;color:#fff}
 .dpa .dpa-profile-integrated .dpa-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
 .dpa .dpa-quick{display:none}
 .dpa .dpa-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%;padding:4px;gap:0;border:0;border-radius:14px;background:var(--dpa-soft)}
 #app .dpa .dpa-tabs .dpa-tab{justify-content:center!important;background:transparent!important;border:0!important;height:38px!important;border-radius:10px!important;box-shadow:none!important;font-size:13.5px!important}
 .dpa .dpa-tab svg{display:none!important}
 #app .dpa .dpa-tabs .dpa-tab.active{background:var(--dpa-card)!important;color:var(--dpa-txt)!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}
 .dpa .dpa-card.dp93-profile-card{padding:0;background:none;border:0;box-shadow:none}
 .dpa .dp93-profile-card>header{margin:0 4px 8px}
 .dpa .dp93-profile-card>header h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dpa-mut);font-weight:800}
 .dpa .dp93-profile-card>header p{display:none}
 .dpa .dp93-profile-card .dpa-fields{display:block;background:var(--dpa-soft);border-radius:18px;overflow:hidden}
 .dpa .dp93-profile-card .dpa-field{border:0;border-radius:0;background:none;padding:13px 15px;border-top:1px solid var(--dpa-line)}
 .dpa .dp93-profile-card .dpa-field:first-child{border-top:0}
 .dpa .dp93-profile-card .dpa-f-saldo{display:none}
 .dpa .dp93-profile-card .dpa-field strong{font-size:15px}
 .dpa .dp93-profile-card .dpa-fic{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,106,0,.12);color:var(--dpa-or)}
 .dpa .dp93-profile-card .dpa-note{background:none;border:0;padding:10px 6px 0;font-size:12px;color:var(--dpa-mut)}
 .dpa .dpa-mlist{flex-direction:column;margin-top:14px;border-radius:18px;overflow:hidden;background:var(--dpa-soft)}
 .dpa .dpa-mrow+.dpa-mrow{border-top:1px solid var(--dpa-line)}
 .dpa .dpa-mrow{display:flex;align-items:center;gap:13px;padding:13px 15px;background:var(--dpa-soft);color:var(--dpa-txt);text-decoration:none}
 .dpa .dpa-mrow>span:nth-child(2){flex:1;min-width:0}
 .dpa .dpa-mrow b{display:block;font-size:15px}
 .dpa .dpa-mrow small{display:block;color:var(--dpa-mut);font-size:12px}
 .dpa .dpa-mrow .dpa-qa-ic{width:36px;height:36px;flex:0 0 36px;border-radius:11px}
 .dpa .dpa-mrow>svg{width:20px;height:20px;color:var(--dpa-mut);flex:none}
 .dpa .dpa-aside.done{display:none}
}

/* v3.9.12 · Últimas recargas en móvil: lista corta, sin caja fija (08/11/2026). En PC queda la tabla. */
.rc-mlist{display:none}
@media (max-width:768px){
 html body #app .rc-has-m>.table-scroll{display:none !important}
 html body #app .rc-has-m>.rc-mlist{display:block;background:var(--card2,#1a2029);border-radius:18px;overflow:hidden}
 .rc-it{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.07)}
 .rc-it:first-child{border-top:0}
 .rc-lg{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden}
 .rc-lg .op-logo-img,.rc-lg img{width:34px;height:34px;object-fit:contain}
 .rc-lg svg{width:34px;height:24px}
 .rc-lg .op-abbrev{font-weight:800;font-size:12px;color:#123}
 .rc-tx{flex:1;min-width:0}
 .rc-tx b{display:block;font-size:15px;color:var(--text,#eef1f6)}
 .rc-tx small{display:block;margin-top:2px;font-size:12px;color:var(--muted,#9aa4b2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .rc-am{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
 .rc-am strong{font-size:15px;font-weight:800;white-space:nowrap}
 .rc-ok{color:#22c55e}
 .rc-pen{color:#f59e0b}
 .rc-bad{color:var(--muted,#9aa4b2);text-decoration:line-through;font-weight:700 !important}
 .rc-chip{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;text-decoration:none}
 .rc-chip-bad{background:rgba(239,68,68,.14);color:#ef4444}
 .rc-chip-pen{background:rgba(245,158,11,.14);color:#f59e0b}
 html body #app .rc-eye{display:inline-flex;align-items:center;gap:4px;padding:0;min-height:0;height:auto;border:0;background:none;box-shadow:none;color:#ff9a3c;font-size:11.5px;font-weight:800;cursor:pointer}
 .rc-eye svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
 html[data-theme="light"] body #app .rc-has-m>.rc-mlist{background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.06)}
 html[data-theme="light"] .rc-it{border-top-color:#eef1f5}
 html[data-theme="light"] .rc-lg{box-shadow:inset 0 0 0 1px #eef1f5}
}

/* v3.9.13 · Inicio móvil: Recargas y Animalitos en filas deslizables en círculos (propuesta B, 08/11/2026). En PC sigue el carrusel. */
.hm-pc{display:contents}
.hm-sec{display:none}
@media (max-width:768px){
 html body #app .hm-pc{display:none}
 html body #app .hm-pc.hm-keep{display:contents}
 html body #app .hm-sec{display:block;min-width:0;margin:0;--hm-tile:var(--card2,#1a2029);--hm-line:rgba(255,255,255,.06);--hm-acc:#ff6a00;--hm-off:#2a313c;--hm-bg:var(--bg,#11151b)}
 html[data-theme="light"] body #app .hm-sec{--hm-tile:#fff;--hm-line:rgba(17,21,27,.08);--hm-acc:#e86e00;--hm-off:#d9dee5}
 .hm-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 10px}
 .hm-head h2{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--text,#f3f5f8)}
 .hm-head a{font-size:13px;font-weight:700;color:var(--hm-acc);text-decoration:none}
 .hm-ops{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;margin:0;padding:2px 0 2px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
 .hm-ops::-webkit-scrollbar{display:none}
 .hm-op{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:var(--text,#f3f5f8);min-width:0;scroll-snap-align:start}
 .hm-op-ico{position:relative;width:60px;height:60px;border-radius:18px;background:#fff;border:1px solid rgba(17,21,27,.08);box-shadow:0 2px 8px rgba(0,0,0,.18);display:grid;place-items:center}
 .hm-op-ico img{width:38px;height:38px;object-fit:contain}
 .hm-op-ico .hm-dk{display:none}
 html[data-theme="light"] .hm-op-ico{box-shadow:0 1px 4px rgba(15,23,42,.08)}
 .hm-op-name{font-size:12px;font-weight:600;line-height:1.15;text-align:center;max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .hm-op-tag{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);font-size:8.5px;font-weight:800;letter-spacing:.06em;padding:2px 5px;border-radius:6px;background:var(--hm-bg);color:var(--muted,#9aa4b2);border:1px solid var(--hm-line)}
 .hm-anims{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;margin:0;padding:2px 0 2px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
 .hm-anims::-webkit-scrollbar{display:none}
 .hm-anim{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--text,#f3f5f8);scroll-snap-align:start}
 .hm-ring{position:relative;width:64px;height:64px;border-radius:50%;padding:2.5px;background:var(--hm-off);overflow:hidden}
 .hm-anim.is-open .hm-ring{background:conic-gradient(from 210deg,var(--hm-acc),#ffb35c,var(--hm-acc))}
 .hm-ring::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-120%);animation:hm-shine 6s ease-in-out infinite;pointer-events:none}
 .hm-ring img,.hm-ring-ic{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--hm-tile);border:2.5px solid var(--hm-bg);display:grid;place-items:center}
 .hm-ring-ic svg{width:30px;height:30px}
 .hm-anim-name{font-size:11.5px;font-weight:600;max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@keyframes hm-shine{0%,80%{transform:translateX(-120%)}95%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.hm-ring::after{animation:none}}

/* v3.9.15 · Mis jugadas: botón Repetir (Animalitos), PC y móvil (08/11/2026). */
.tk-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html body #app .tk-repeat{display:inline-flex;align-items:center;gap:5px;height:28px;min-height:28px;padding:0 10px;border:0;border-radius:999px;background:rgba(255,106,0,.12);color:#ff9a3c;font-size:12px;font-weight:800;cursor:pointer;box-shadow:none}
html body #app .tk-repeat svg{width:14px;height:14px}
html body #app .tk-repeat:active{transform:scale(.97)}
html[data-theme="light"] body #app .tk-repeat{color:#e86e00;background:rgba(232,110,0,.10)}

/* v3.9.17 · Animalitos móvil limpio (08/11/2026). Solo ≤768px; PC sin cambios. */
@media (max-width:768px){
 html body #app .anim-shell.anim-shell.anim-shell{--am-card:var(--card2,#1a2029);--am-line:rgba(255,255,255,.07);--am-acc:#ff6a00;--am-off:#2a313c;--am-bg:var(--bg,#11151b)}
 html[data-theme="light"] body #app .anim-shell.anim-shell.anim-shell{--am-card:#fff;--am-line:rgba(17,21,27,.08);--am-acc:#e86e00;--am-off:#d9dee5}
 /* Encabezado: solo el título */
 html body #app .anim-shell.anim-shell.anim-shell .page-heading .eyebrow,html body #app .anim-shell.anim-shell.anim-shell .page-heading p{display:none !important}
 html body #app .anim-shell.anim-shell.anim-shell .page-heading h1{font-size:24px !important;margin:0 0 12px !important}
 /* Etiquetas de sección */
 html body #app .anim-shell.anim-shell.anim-shell .anim-step,html body #app .anim-shell.anim-shell.anim-shell .anim-lp-lbl{font-size:12px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--muted,#9aa4b2) !important;font-weight:800 !important;margin:0 2px 10px !important}
 /* Elige tu lotería: círculos */
 html body #app .anim-shell.anim-shell.anim-shell .anim-card:has(.anim-lots){background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:4px 0 0 !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lots{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:18px 6px !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lot{display:flex !important;flex-direction:column !important;align-items:center !important;gap:6px !important;min-height:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;color:var(--text,#f3f5f8) !important;opacity:.6}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lot.has-open{opacity:1}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lot::before,html body #app .anim-shell.anim-shell.anim-shell .anim-lot::after{display:none !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lot .tripleta-mark,html body #app .anim-shell.anim-shell.anim-shell .anim-lot small{display:none !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lot-ic{width:64px !important;height:64px !important;border-radius:50% !important;padding:2.5px !important;background:var(--am-off) !important;display:block !important;margin:0 !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lot.has-open .anim-lot-ic{background:conic-gradient(from 210deg,var(--am-acc),#ffb35c,var(--am-acc)) !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lot-ic img{width:100% !important;height:100% !important;max-width:none !important;border-radius:50% !important;object-fit:cover !important;background:var(--am-card) !important;border:2.5px solid var(--am-card) !important;display:block}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lot b{font-size:11.5px !important;font-weight:600 !important;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
 /* Tablero */
 html body #app .anim-shell.anim-shell.anim-shell .anim-board-wrap{display:block !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-col-cupon{display:none !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 0 14px !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-hero{display:flex !important;align-items:center !important;gap:12px !important;min-height:0 !important;padding:0 2px 14px !important;background:none !important;border:0 !important;border-radius:0 !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-hero::before,html body #app .anim-shell.anim-shell.anim-shell .anim-lp-hero::after{display:none !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-logo{width:46px !important;height:46px !important;flex:0 0 46px !important;border-radius:50% !important;overflow:hidden !important;background:var(--am-card) !important;padding:0 !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-logo img{width:100% !important;height:100% !important;object-fit:cover !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-id b{font-size:17px !important;color:var(--text,#f3f5f8) !important;text-shadow:none !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-pay{font-size:12px !important;color:var(--muted,#9aa4b2) !important;background:none !important;padding:0 !important;border:0 !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-body{padding:0 !important;background:none !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-grid{display:flex !important;flex-wrap:nowrap !important;grid-template-columns:none !important;gap:8px !important;overflow-x:auto !important;scrollbar-width:none;padding:2px 0 4px !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-grid::-webkit-scrollbar{display:none}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-grid button{flex:0 0 auto !important;width:auto !important;height:36px !important;min-height:36px !important;padding:0 14px !important;border-radius:999px !important;background:var(--am-card) !important;border:1px solid transparent !important;box-shadow:none !important;color:var(--text,#f3f5f8) !important;font-size:13px !important;font-weight:700 !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-lp-grid button.on,html body #app .anim-shell.anim-shell.anim-shell .anim-lp-grid button.selected{border-color:var(--am-acc) !important;background:rgba(255,106,0,.12) !important;color:#ff9a3c !important}
 html[data-theme="light"] body #app .anim-shell.anim-shell.anim-shell .anim-lp-grid button.on,html[data-theme="light"] body #app .anim-shell.anim-shell.anim-shell .anim-lp-grid button.selected{color:#c45c00 !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-cierre{font-size:12px !important;color:var(--muted,#9aa4b2) !important;margin:6px 2px 0 !important;line-height:1.35 !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-col-center{background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:4px 0 0 !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px 4px !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:4px !important;min-height:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;color:var(--text,#f3f5f8) !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig .anim-fig-emo{width:62px !important;height:62px !important;border-radius:50% !important;padding:2.5px !important;background:transparent !important;display:block !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig .anim-fig-emo img{width:100% !important;height:100% !important;object-fit:contain !important;border-radius:50% !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig.on .anim-fig-emo{background:conic-gradient(from 210deg,var(--am-acc),#ffb35c,var(--am-acc)) !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig.on .anim-fig-emo img{background:var(--am-card) !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig-lbl{font-size:11px !important;font-weight:600 !important;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted,#9aa4b2) !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig-lbl b{color:var(--text,#f3f5f8) !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig.on .anim-fig-lbl,html body #app .anim-shell.anim-shell.anim-shell .anim-fig.on .anim-fig-lbl b{color:#ff9a3c !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig-chk{position:absolute !important;top:0 !important;right:8px !important;width:20px !important;height:20px !important;border-radius:50% !important;background:var(--am-acc) !important;display:grid !important;place-items:center !important;border:2px solid var(--am-card) !important}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig-chk svg{width:12px !important;height:12px !important;fill:none;stroke:#fff;stroke-width:3}
 html body #app .anim-shell.anim-shell.anim-shell .anim-fig-mult{font-size:10px !important;color:var(--muted,#9aa4b2) !important}
 /* Hoja de monto */
 html body .dp93-pick-modal .dp93-money-label{font-size:12px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--muted,#9aa4b2) !important;text-align:center !important;display:block !important;font-weight:800 !important}
 html body .dp93-pick-modal .anim-money{justify-content:center !important;background:transparent !important;border:0 !important;min-height:64px !important}
 html body .dp93-pick-modal .anim-money input{font-size:34px !important;font-weight:800 !important;text-align:left !important;max-width:190px !important}
 html body .dp93-pick-modal .anim-money .rf-bs{font-size:22px !important}
 html body .dp93-pick-modal .dp93-modal-acts{display:flex !important;flex-direction:column !important;gap:6px !important}
 html body .dp93-pick-modal .dp93-modal-acts .dp95-accept{width:100% !important;min-height:52px !important;border-radius:16px !important}
 html body .dp93-pick-modal .dp93-modal-acts [data-monto-cancel]{background:none !important;border:0 !important;box-shadow:none !important;color:var(--muted,#9aa4b2) !important;min-height:40px !important}
 /* Mis jugadas (solo Animalitos) */
 html body #app .anim-shell.anim-shell.anim-shell .tk-panel[data-tk="animalitos"]{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important}
 html body #app .anim-shell.anim-shell.anim-shell .tk-panel[data-tk="animalitos"] .tk-bar h2{display:none !important}
 html body #app .anim-shell.anim-shell.anim-shell .tk-panel[data-tk="animalitos"] .tk-item{background:var(--am-card) !important;border:0 !important;box-shadow:none !important;border-radius:16px !important}
 /* Resultados */
 html body #app .anim-shell.anim-shell.anim-shell .anim-results{border-radius:18px !important}
}

/* v3.9.20 · Flechas en los carruseles del inicio (08/11/2026). */
@media (max-width:768px){
 html body #app .hm-head{align-items:center}
 html body #app .hm-ctl{display:flex;align-items:center;gap:8px}
}

/* v3.9.23 · Logos de operadoras en blanco en modo oscuro (Recargas e Inicio, móvil). Modo claro: logos a color. (08/11/2026) */
@media (max-width:768px){
 html:not([data-theme="light"]) body #app .hm-op-ico{background:var(--card2,#1a2029);border:1px solid rgba(255,255,255,.06);box-shadow:none}
 html:not([data-theme="light"]) body #app .hm-op-ico .hm-lt{display:none}
 html:not([data-theme="light"]) body #app .hm-op-ico .hm-dk{display:block;filter:brightness(0) invert(1)}
 html[data-theme="light"] body #app .hm-op-ico{background:#fff}
}
@media (max-width:767px){
 html:not([data-theme="light"]) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box img{filter:brightness(0) invert(1) !important}
 html:not([data-theme="light"]) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box svg{color:#fff !important;fill:#fff !important}
}

/* v3.9.25 · Recargas móvil sin Resumen en la página; en Recarga rápida (inicio) se queda (08/11/2026). */
@media (max-width:767px){
 html body #app .ref-recharge .ref-summary{display:none !important}
 html body .home76-modal .ref-summary{display:block !important}
}

/* v3.9.26 · Logos blancos v2 en modo oscuro (móvil): Movilnet sin la frase pequeña y POSTPAGO dentro de la imagen, sin etiqueta encima (08/11/2026). */
@media (max-width:767px){
 html:not([data-theme="light"]) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme="movilnet"] .operator-logo-box img{content:url("/img/logos/op/movilnet-blanco.svg")}
 html:not([data-theme="light"]) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme="movilnetpos"] .operator-logo-box img{content:url("/img/logos/op/movilnetpos-blanco.svg")}
 html:not([data-theme="light"]) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme="digitelpos"] .operator-logo-box img{content:url("/img/logos/op/digitelpos-blanco.svg")}
 html:not([data-theme="light"]) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme="movistarpos"] .operator-logo-box img{content:url("/img/logos/op/movistarpos-blanco.svg")}
 html:not([data-theme="light"]) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme$="pos"] .operator-logo-box img{max-height:58px !important}
 html:not([data-theme="light"]) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme$="pos"]::after{content:none !important;display:none !important}
}
@media (max-width:768px){
 html:not([data-theme="light"]) body #app .hm-op[data-home-operator="movilnet"] .hm-dk{content:url("/img/logos/op/movilnet-blanco.svg")}
 html:not([data-theme="light"]) body #app .hm-op[data-home-operator="movilnetpos"] .hm-dk{content:url("/img/logos/op/movilnetpos-blanco.svg")}
 html:not([data-theme="light"]) body #app .hm-op[data-home-operator="digitelpos"] .hm-dk{content:url("/img/logos/op/digitelpos-blanco.svg")}
 html:not([data-theme="light"]) body #app .hm-op[data-home-operator="movistarpos"] .hm-dk{content:url("/img/logos/op/movistarpos-blanco.svg")}
 html:not([data-theme="light"]) body #app .hm-op .hm-op-tag{display:none}
}

/* v3.9.31 · Flechas de Recargas e Animalitos (inicio móvil) en modo claro iguales a las de los demás carruseles (08/11/2026). */
@media (max-width:768px){
 html[data-theme="light"] body #app .home75 .hm-ctl button{background:#fff !important;background-image:none !important;border:1px solid #e4e8f0 !important;color:#121821 !important;box-shadow:none !important;width:34px !important;height:26px !important;min-height:26px !important;border-radius:7px !important;padding:0 !important}
 html[data-theme="light"] body #app .home75 .hm-ctl button svg{color:#121821 !important;stroke:#121821 !important}
}

/* v3.9.32 · Eventos destacados en móvil: título corto, sin caja alrededor y tarjetas con el mismo borde que el resto (08/11/2026). PC sin cambios. */
@media (max-width:768px){
 html body #app .home75-sports-section .h75-pc{display:none}
 html body #app .home75-sports-section .home75-heading-icon{display:none !important}
 html body #app .home75-sports-section .home75-title h2{font-size:17px !important;font-weight:800 !important}
 html body #app .home75-section.home75-sports-section,html[data-theme="light"] body #app .home75-section.home75-sports-section,html[data-theme="light"] body #app .home75-section:has(#home75-sports){background:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}
 html body #app .home75-sports-section .home79-sport{border-radius:16px !important}
 html[data-theme="light"] body #app .home75-sports-section .home79-sport{border:1px solid #e4e8f0 !important;box-shadow:none !important}
}

/* v3.9.33 · Avisos en móvil sin Swal: hoja desde abajo y pastilla corta (dp-avisos.js) (08/11/2026). */
.dpav-ov{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;background:rgba(3,8,15,0);transition:background .22s}
.dpav-ov.on{background:rgba(3,8,15,.62)}
.dpav-sheet{width:100%;background:var(--card,#1a2029);color:var(--text,#f3f5f8);border-radius:24px 24px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px));text-align:center;box-shadow:0 -10px 40px rgba(0,0,0,.4);transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);max-height:85dvh;overflow-y:auto}
.dpav-ov.on .dpav-sheet{transform:none}
.dpav-grab{width:40px;height:5px;border-radius:3px;background:rgba(127,140,160,.45);margin:0 auto 18px}
.dpav-ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:4px auto 14px;color:#fff}
.dpav-ic svg{width:30px;height:30px}
.dpav-bad{background:#ef4d58;box-shadow:0 10px 30px rgba(239,77,88,.35)}
.dpav-ok{background:#13c06a;box-shadow:0 10px 30px rgba(19,192,106,.35)}
.dpav-warn{background:#f5a623;box-shadow:0 10px 30px rgba(245,166,35,.35)}
.dpav-info{background:#3b82f6;box-shadow:0 10px 30px rgba(59,130,246,.35)}
.dpav-t{font-size:20px;font-weight:800;margin:0 0 6px;color:var(--text,#f3f5f8)}
.dpav-x{color:var(--muted,#9aa4b2);font-size:14.5px;line-height:1.45;margin:0 6px 20px}
.dpav-x p{margin:0 0 6px}
.dpav-acc{display:flex;flex-direction:column;gap:6px}
.dpav-ok-btn{height:52px;border:0;border-radius:16px;background:linear-gradient(180deg,#ff7d1f,#ff6a00);color:#fff;font-weight:800;font-size:16px;box-shadow:0 8px 22px rgba(255,106,0,.3);cursor:pointer;font-family:inherit}
.dpav-no-btn{height:42px;border:0;background:none;color:var(--muted,#9aa4b2);font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.dpav-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);opacity:0;z-index:2147483001;background:#e8edf3;color:#111;font-weight:800;font-size:14px;padding:10px 16px;border-radius:999px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px rgba(0,0,0,.35);max-width:calc(100vw - 32px);transition:opacity .2s,transform .2s;pointer-events:none}
.dpav-toast.on{opacity:1;transform:translate(-50%,0)}
.dpav-tic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none;box-shadow:none}
.dpav-tic svg{width:12px;height:12px}
html[data-theme="light"] .dpav-sheet{background:#fff;color:#11151b}
html[data-theme="light"] .dpav-t{color:#11151b}
html[data-theme="light"] .dpav-toast{background:#11151b;color:#fff}

/* v3.9.34 · Referencia en operaciones fallidas: en PC se ve como antes; solo en móvil se cambia por "—" (08/11/2026). */
.dp-ref-none{display:none}
@media (max-width:768px){
 .dp-ref-fail{display:none !important}
 .dp-ref-none{display:inline}
}
/* v3.9.35 · "Repetir" en Mis jugadas solo en móvil; en PC queda como antes (08/11/2026). */
.tk-repeat{display:none !important}
@media (max-width:768px){ html body #app .tk-repeat{display:inline-flex !important} }

/* v3.9.36 · Campañas en móvil: tarjetas claras con Reiniciar y Eliminar; sin caja alrededor. PC sigue con la tabla (08/11/2026). */
.pcm-list{display:none}
@media (max-width:768px){
 html body #app .practice-module{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important}
 html body #app .practice-module .pct-wrap{display:none !important}
 html body #app .practice-module .pcm-list{display:block}
 .pcm-demo{display:flex;gap:6px;align-items:center;background:rgba(245,166,35,.10);border:1px solid rgba(245,166,35,.3);color:#f5c26b;font-size:12.5px;border-radius:12px;padding:8px 10px;margin:0 0 12px}
 html[data-theme="light"] .pcm-demo{color:#9a5b00;background:rgba(245,166,35,.12)}
 .pcm-card{background:var(--card2,#1a2029);border-radius:16px;padding:12px 14px;margin-bottom:10px}
 html[data-theme="light"] .pcm-card{background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.06)}
 .pcm-top{display:flex;align-items:center;gap:8px}
 .pcm-top b{font-size:15px;color:var(--text,#f3f5f8);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .pcm-st{margin-left:auto;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap}
 .pcm-win{background:rgba(19,192,106,.14);color:#22c55e}
 .pcm-run{background:rgba(59,130,246,.14);color:#60a5fa}
 .pcm-off{background:rgba(127,140,160,.16);color:var(--muted,#9aa4b2)}
 .pcm-warn{background:rgba(245,158,11,.14);color:#f59e0b}
 .pcm-sub{font-size:12px;color:var(--muted,#9aa4b2);margin:3px 0 10px}
 .pcm-mid{display:flex;align-items:center;gap:10px;margin-bottom:10px}
 .pcm-balls{display:flex;gap:5px;flex:none}
 .pcm-balls i{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb35c,#ff6a00);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:12px;color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
 .pcm-prog{flex:1;min-width:0}
 .pcm-prog small{display:block;font-size:11.5px;color:var(--muted,#9aa4b2);margin-bottom:4px}
 .pcm-prog span{display:block;height:6px;border-radius:4px;background:rgba(127,140,160,.25)}
 .pcm-prog span i{display:block;height:100%;border-radius:4px;background:#ff6a00}
 .pcm-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center;border-top:1px solid rgba(127,140,160,.18);padding-top:9px}
 .pcm-nums small{display:block;font-size:10.5px;color:var(--muted,#9aa4b2)}
 .pcm-nums b{font-size:14px;color:var(--text,#f3f5f8)}
 .pcm-nums b.pos{color:#22c55e}.pcm-nums b.neg{color:#f87171}
 .pcm-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
 html body #app .pcm-b{flex:1 1 30%;min-height:36px;height:36px;border:0;border-radius:10px;background:rgba(127,140,160,.16);color:var(--text,#f3f5f8);font-weight:700;font-size:12.5px;padding:0 6px;box-shadow:none;cursor:pointer}
 html body #app .pcm-b.del{background:rgba(239,68,68,.12);color:#f87171}
}
/* v3.9.37 · Tripletas móvil: las loterías no se atenúan (allí no se marca cuáles tienen sorteo abierto) (08/11/2026). */
@media (max-width:768px){
 html body #app .anim-shell.anim-shell.anim-shell.tri-module-shell .anim-lot{opacity:1 !important}
 html body #app .anim-shell.anim-shell.anim-shell.tri-module-shell .anim-lot-ic{background:conic-gradient(from 210deg,var(--am-acc,#ff6a00),#ffb35c,var(--am-acc,#ff6a00)) !important}
}

/* v3.9.38 · Recargas móvil: operadoras como en el inicio (ícono cuadrado, logo, nombre debajo), sin fondos de color ni barritas (09/11/2026). PC sin cambios. */
@media (max-width:767px){
 html body #app .ref-recharge .operators-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px 6px !important}
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;aspect-ratio:auto !important;height:auto !important;min-height:0 !important;gap:7px !important;justify-content:flex-start !important;overflow:visible !important;border-radius:0 !important}
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]::before,html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme].selected::before,html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]:not([data-operator-theme$="pos"])::after{display:none !important;content:none !important}
 html:not([data-theme="light"]) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]::after{display:none !important;content:none !important}
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box{width:60px !important;height:60px !important;max-height:none !important;flex:0 0 60px !important;border-radius:18px !important;background:var(--card2,#1a2029) !important;border:1px solid rgba(255,255,255,.06) !important;margin:0 auto !important;display:grid !important;place-items:center !important}
 html[data-theme="light"] body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box{background:#fff !important;border-color:rgba(17,21,27,.08) !important;box-shadow:0 1px 4px rgba(15,23,42,.08) !important}
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box img{max-width:42px !important;max-height:42px !important;width:auto !important;height:auto !important}
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] strong{font-size:12px !important;font-weight:600 !important;color:var(--text,#f3f5f8) !important;text-align:center !important;max-width:76px !important}
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme].selected{border:0 !important}
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme].selected .operator-logo-box{border:2px solid #ff6a00 !important;box-shadow:0 0 0 3px rgba(255,106,0,.2) !important}
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme].selected strong{color:#ff9a3c !important}
}

/* v3.9.39 · Inicio móvil con bloques del ADMIN: carrusel de juegos (ej. UltraX) con el mismo estilo de los demás carruseles (09/11/2026). En PC no cambia. */
.dps-arrows,.dps-nv{display:none}
@media (max-width:768px){
 html body #app .dps-home .dps-block.dps-juegos{margin:0 !important;padding:0 !important;gap:0 !important;background:none !important;border:0 !important;box-shadow:none !important}
 html body #app .dps-home .dps-juegos .dps-head{display:flex !important;align-items:center !important;justify-content:space-between !important;margin:0 2px 10px !important;padding:0 !important}
 html body #app .dps-home .dps-juegos .dps-head h2{font-size:17px !important;font-weight:800 !important;margin:0 !important;color:var(--text,#f3f5f8) !important}
 html body #app .dps-home .dps-juegos .dps-head p{display:none !important}
 html body #app .dps-home .dps-juegos .dps-more{margin-left:auto;color:#ff6a00 !important;font-weight:700 !important;font-size:13px !important;text-decoration:none !important;background:none !important;border:0 !important;padding:0 !important}
 html body #app .dps-home .dps-juegos .dps-arrows{display:flex;gap:8px;margin-left:8px}
 html body #app .dps-home .dps-juegos .dps-arrows button{width:34px;height:26px;min-height:26px;padding:0;border-radius:7px;display:grid;place-items:center;background:var(--card2,#1a2029);border:1px solid rgba(255,255,255,.08);color:var(--text,#f3f5f8);box-shadow:none;cursor:pointer}
 html body #app .dps-home .dps-juegos .dps-arrows svg{width:14px;height:14px}
 html[data-theme="light"] body #app .dps-home .dps-juegos .dps-arrows button{background:#fff;border-color:#e4e8f0;color:#121821}
 html body #app .dps-home .dps-juegos .dps-strip{display:flex !important;gap:8px !important;overflow-x:auto !important;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 0 4px !important;margin:0 !important;grid-template-columns:none !important}
 html body #app .dps-home .dps-juegos .dps-strip::-webkit-scrollbar{display:none}
 html body #app .dps-home .dps-juegos .dps-game{flex:0 0 112px !important;width:112px !important;min-width:0 !important;text-decoration:none !important;color:var(--text,#f3f5f8) !important;background:none !important;border:0 !important;padding:0 !important;scroll-snap-align:start;box-shadow:none !important}
 html body #app .dps-home .dps-juegos .dps-gimg{position:relative !important;display:block !important;width:112px !important;height:112px !important;aspect-ratio:auto !important;border-radius:18px !important;overflow:hidden !important;background:var(--card2,#1a2029) !important;box-shadow:0 6px 16px rgba(0,0,0,.35) !important}
 html[data-theme="light"] body #app .dps-home .dps-juegos .dps-gimg{box-shadow:0 2px 8px rgba(15,23,42,.12) !important}
 html body #app .dps-home .dps-juegos .dps-gimg img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
 html body #app .dps-home .dps-juegos .dps-nv{display:block;position:absolute;top:6px;left:6px;font-size:9.5px;font-weight:900;letter-spacing:.04em;background:#ff6a00;color:#fff;padding:2px 6px;border-radius:6px;font-style:normal}
 html body #app .dps-home .dps-juegos .dps-game strong{display:block !important;font-size:12px !important;font-weight:700 !important;margin-top:7px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body #app .dps-home .dps-juegos .dps-game small{display:block !important;font-size:11px !important;color:var(--muted,#9aa4b2) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* v3.9.41 · Pronósticos › Comparativa (pestaña nueva): ranking de algoritmos y registro por sorteo (09/11/2026). */
.cmp-host{margin-top:12px}
.cmp-flt{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.cmp-seg{display:flex;background:var(--bg2,#0f141a);border:1px solid rgba(127,140,160,.22);border-radius:10px;padding:3px}
.cmp-seg button{border:0;background:none;color:var(--muted,#9aa4b2);font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:8px;cursor:pointer;min-height:0;box-shadow:none}
.cmp-seg button.on{background:rgba(127,140,160,.25);color:var(--text,#f3f5f8)}
.cmp-flt select,.cmp-regh input{background:var(--bg2,#0f141a);color:var(--text,#f3f5f8);border:1px solid rgba(127,140,160,.25);border-radius:9px;padding:7px 10px;font-size:12.5px}
.cmp-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.cmp-kpi div{background:var(--bg2,#0f141a);border:1px solid rgba(127,140,160,.18);border-radius:12px;padding:10px 12px}
.cmp-kpi small{display:block;font-size:11px;color:var(--muted,#9aa4b2)}.cmp-kpi b{font-size:18px}.cmp-kpi b.acc{color:#ff9a3c}
.cmp-table{overflow-x:auto}.cmp-table table{width:100%;border-collapse:collapse;font-size:13px}
.cmp-table th{font-size:11px;color:var(--muted,#9aa4b2);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid rgba(127,140,160,.2);white-space:nowrap}
.cmp-table td{padding:8px 10px;border-bottom:1px solid rgba(127,140,160,.12);vertical-align:middle}
.cmp-table .r{text-align:right}.cmp-table .nw{white-space:nowrap}.cmp .mu,.cmp-host .mu{color:var(--muted,#9aa4b2)}
.cmp-desc{display:block;font-size:11px;color:var(--muted,#9aa4b2);max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-aprox{color:#f5b301;font-weight:800}
.cmp-pos{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-weight:900;font-size:12px;background:rgba(127,140,160,.25);flex:none}
.cmp-pos.p1{background:#f5b301;color:#3a2a00}.cmp-pos.p2{background:#c0c8d4;color:#222}.cmp-pos.p3{background:#c87533;color:#fff}
.cmp-bar{height:6px;border-radius:4px;background:rgba(127,140,160,.22);width:110px;display:inline-block;vertical-align:middle;margin-right:8px}.cmp-bar i{display:block;height:100%;border-radius:4px;background:#ff6a00}
.cmp-host .up{color:#22c55e;font-weight:800}.cmp-host .dn{color:#f87171;font-weight:800}
.cmp-chip{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;background:rgba(34,197,94,.14);color:#22c55e;white-space:nowrap}.cmp-chip.no{background:rgba(127,140,160,.16);color:var(--muted,#9aa4b2)}
.cmp-b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:10.5px;font-weight:900;color:#fff;background:radial-gradient(circle at 35% 30%,#ffb35c,#ff6a00);margin-right:3px}
.cmp-b.h{background:radial-gradient(circle at 35% 30%,#5ee59a,#13a35b);box-shadow:0 0 0 2px rgba(34,197,94,.35)}
.cmp-res{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:rgba(127,140,160,.25);font-weight:900}
.cmp-note{font-size:11.5px;color:var(--muted,#9aa4b2);margin:10px 0}
.cmp-regh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 8px}.cmp-regh h3{font-size:14px;margin:0}
.cmp-more{margin-top:8px;background:none;border:0;color:#ff6a00;font-weight:700;cursor:pointer;box-shadow:none;min-height:0}
.cmp-empty{color:var(--muted,#9aa4b2);padding:14px 0}
.cmp-cards{display:none}
@media (max-width:768px){
 .cmp-kpi{grid-template-columns:1fr 1fr}.cmp-table:not(.cmp-reg){display:none}.cmp-cards{display:block}
 .cmp-card{display:flex;align-items:center;gap:10px;background:var(--card2,#1a2029);border-radius:14px;padding:10px 12px;margin-bottom:8px}
 html[data-theme="light"] .cmp-card{background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.06)}
 .cmp-card .t{flex:1;min-width:0}.cmp-card .t b{font-size:14px}.cmp-card small{display:block;font-size:11px;color:var(--muted,#9aa4b2)}
 .cmp-card .p{text-align:right}.cmp-card .p b{font-size:16px}
}
/* v3.9.42 · Captcha del registro (Cloudflare Turnstile) (09/11/2026). */
.dp-captcha{margin:6px 0 4px;min-height:0}.dp-captcha:empty{display:none}.dp-captcha iframe{max-width:100%}
/* v3.9.46 · La tarjeta "DANLIPAGOS para PC" ahora es un enlace de descarga (09/11/2026). */
a.dp-pc{text-decoration:none;color:inherit;cursor:pointer}

/* v3.9.47 · Sugerencia de app según el equipo (PC: aviso abajo a la derecha · Android: tarjeta abajo, sobre el menú) (09/11/2026). */
html.dp-sin-pc .dp-pc{display:none !important}
.dp-promo{position:fixed;z-index:9000;display:flex;align-items:center;gap:12px;background:#1a2029;color:#f3f5f8;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s;font-family:inherit}
.dp-promo.on{opacity:1;transform:none}
html[data-theme="light"] .dp-promo{background:#fff;color:#121821;border-color:rgba(17,21,27,.08);box-shadow:0 14px 34px rgba(15,23,42,.18)}
.dp-promo img{border-radius:12px;flex:none}
.dp-promo .t{display:flex;flex-direction:column;gap:2px;min-width:0}
.dp-promo .t b{font-size:14px;font-weight:800}.dp-promo .t span{font-size:12px;color:var(--muted,#9aa4b2);line-height:1.35}
.dp-promo .ok{flex:none;background:linear-gradient(180deg,#ff7d1f,#ff6a00);color:#fff;font-weight:800;font-size:13px;text-decoration:none;border-radius:10px;padding:9px 14px;white-space:nowrap}
.dp-promo .x{flex:none;background:none;border:0;color:var(--muted,#9aa4b2);font-size:22px;line-height:1;cursor:pointer;padding:2px 4px;min-height:0;box-shadow:none}
.dp-promo-pc{right:22px;bottom:22px;width:440px;max-width:calc(100vw - 44px);border-radius:16px;padding:14px 12px 14px 14px}
.dp-promo-android{left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom,0px));border-radius:18px;padding:12px 10px 12px 12px}
.dp-promo-android .t span{font-size:11.5px}
/* v3.9.50 · Recargas móvil: los logos de operadoras quedaban en 0×0 (SVG con tamaño automático). Tamaño fijo dentro del cuadro (10/11/2026). PC sin cambios. */
@media (max-width:767px){
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box img,
 html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-logo-box svg{width:42px !important;height:42px !important;max-width:42px !important;max-height:42px !important;object-fit:contain !important;display:block !important}
}

/* v3.9.51 · Recargas PC: el formulario de la derecha vuelve a ser una tarjeta; resumen en su recuadro; montos sugeridos y línea de confianza (10/11/2026). Móvil sin cambios. */
.rf-trust,.rf-chips-def{display:none}
@media (min-width:768px){
 html body #app .ref-recharge .ref-panel.ref-recharge-right{background:var(--card,#161b22) !important;border:1px solid rgba(127,140,160,.18) !important;border-radius:20px !important;padding:16px !important;box-shadow:0 18px 40px rgba(0,0,0,.30) !important;align-self:start}
 html[data-theme="light"] body #app .ref-recharge .ref-panel.ref-recharge-right{background:#fff !important;border-color:#e3e8f0 !important;box-shadow:0 10px 30px rgba(20,36,61,.08) !important}
 html body #app .ref-recharge .ref-recharge-right .ref-summary{background:rgba(0,0,0,.18) !important;border:1px solid rgba(127,140,160,.18) !important;border-radius:14px !important;padding:12px 14px !important;margin-top:14px !important}
 html[data-theme="light"] body #app .ref-recharge .ref-recharge-right .ref-summary{background:#f6f8fb !important;border-color:#e3e8f0 !important}
 html body #app .ref-recharge .ref-recharge-right .ref-summary .total{border-top:1px solid rgba(127,140,160,.22) !important;margin-top:6px !important;padding-top:10px !important}
 html body #app .ref-recharge .ref-recharge-right .rf-chips-def{display:grid}
 html body #app .ref-recharge .ref-recharge-right .rf-trust{display:flex;align-items:center;gap:8px;margin:12px 2px 0;font-size:12px;color:var(--muted,#9aa4b2)}
 html body #app .ref-recharge .ref-recharge-right .rf-trust i{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:none}
}
/* v3.9.52 · Ojito de mostrar contraseña (10/11/2026) */
.dp-pass{position:relative;display:block;width:100%}
.dp-pass>input{width:100%;padding-right:46px !important}
.dp-ojo{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;min-height:0 !important;display:grid;place-items:center;border:0;background:none;color:var(--muted,#9aa4b2);cursor:pointer;border-radius:10px;box-shadow:none;padding:0}
.dp-ojo:hover{color:var(--text,#f3f5f8);background:rgba(127,140,160,.12)}
.dp-ojo svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* v3.9.54 · Saldo bono bajo el saldo (solo si hay bono) + detalle "Tu saldo" (10/11/2026) */
.dp-saldo .dp-bono-l{display:block;font-size:11px;font-weight:800;color:#ffb35c;line-height:1.15;margin-top:1px;white-space:nowrap}
.dp-saldo.dp-con-bono{cursor:pointer}
.dp-tsaldo{position:fixed;z-index:9500;background:var(--card,#1a2029);color:var(--text,#f3f5f8);border:1px solid rgba(127,140,160,.22);box-shadow:0 18px 44px rgba(0,0,0,.45);opacity:0;transition:opacity .18s,transform .18s}
html[data-theme="light"] .dp-tsaldo{background:#fff;color:#121821;border-color:#e3e8f0;box-shadow:0 14px 34px rgba(15,23,42,.18)}
.dp-tsaldo.on{opacity:1;transform:none}
.dp-tsaldo.panel{width:340px;border-radius:16px;padding:14px;transform:translateY(-6px)}
.dp-tsaldo.hoja{left:0;right:0;bottom:0;border-radius:22px 22px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(20px)}
.dp-tsaldo-ov{position:fixed;inset:0;z-index:9400;background:rgba(0,0,0,.45)}
.dp-tsaldo .gr{width:40px;height:4px;border-radius:3px;background:rgba(127,140,160,.45);margin:0 auto 12px}
.dp-tsaldo h4{font-size:15px;margin:0 0 10px}
.dp-tsaldo .ts-dos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.dp-tsaldo .ts-dos div{background:rgba(0,0,0,.18);border-radius:12px;padding:9px 11px}
html[data-theme="light"] .dp-tsaldo .ts-dos div{background:#f4f6f9}
.dp-tsaldo .ts-dos small{display:block;font-size:11px;color:var(--muted,#9aa4b2)}
.dp-tsaldo .ts-dos b{font-size:15.5px;font-weight:900}.dp-tsaldo .ts-dos b.o{color:#ff9a3c}
.dp-tsaldo .ts-prog{font-size:12px;color:var(--muted,#9aa4b2);margin:4px 0 8px}
.dp-tsaldo .ts-bar{display:block;height:7px;border-radius:5px;background:rgba(127,140,160,.25);margin-top:6px;overflow:hidden}.dp-tsaldo .ts-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#ff7d1f,#ffb35c)}
.dp-tsaldo .ts-nota{font-size:11.5px;color:var(--muted,#9aa4b2);line-height:1.4;margin:0}
.dp-tsaldo .ts-ver{display:block;text-align:center;margin-top:12px;font-weight:800;font-size:13px;color:#ff9a3c;text-decoration:none}
.dp-tsaldo.hoja .ts-ver{background:linear-gradient(180deg,#ff7d1f,#ff6a00);color:#fff;border-radius:12px;padding:12px}

/* v3.9.55 · Botones de arriba en PC: avisos, buscar, perfil y tema iguales (40×40, esquinas 12px), mismo tamaño en claro y oscuro. Depositar NO cambia (10/11/2026). */
@media (min-width:768px){
 html body .topbar .dp95-notify-btn,html body .topbar .dp-search,html body .topbar .theme-toggle,html body .topbar .dp-avatar{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;max-width:40px !important;padding:0 !important;border-radius:12px !important;display:grid !important;place-items:center !important;box-sizing:border-box !important;flex:none !important}
 html body .topbar .dp95-notify-btn,html body .topbar .dp-search,html body .topbar .theme-toggle{background:#1a2029 !important;border:1px solid #2a313c !important;color:#c9d1dc !important;box-shadow:none !important}
 html[data-theme="light"] body .topbar .dp95-notify-btn,html[data-theme="light"] body .topbar .dp-search,html[data-theme="light"] body .topbar .theme-toggle{background:#fff !important;border-color:#e3e8f0 !important;color:#3b4554 !important}
 html body .topbar .dp95-notify-btn:hover,html body .topbar .dp-search:hover,html body .topbar .theme-toggle:hover{border-color:#ff6a00 !important}
 html body .topbar .dp-avatar{background:linear-gradient(135deg,#ff7d1f,#ff5a00) !important;border:0 !important;color:#fff !important;box-shadow:0 4px 12px rgba(255,106,0,.28) !important;outline:0 !important}
 html body .topbar .dp-avatar svg,html body .topbar .dp-avatar .ico{color:#fff !important;stroke:#fff !important;width:19px !important;height:19px !important}
 html body .topbar .dp95-notify-btn svg,html body .topbar .dp-search svg,html body .topbar .theme-toggle svg{width:19px !important;height:19px !important}
 html body .topbar .dp95-notify-btn{position:relative !important}
}

/* v3.9.58 · Flecha de volver en Depositar/Retirar: solo en móvil; en PC queda la X. En móvil, separada de los títulos (10/11/2026). */
@media (min-width:769px){html body .dp-native-sheet-head .dp-native-back-btn{display:none !important}}
@media (max-width:767px){
 html body .dp-native-sheet-head{display:flex !important;align-items:center !important;gap:14px !important}
 html body .dp-native-sheet-head .dp-native-back-btn{flex:none !important;margin:0 !important;position:static !important}
 html body .dp-native-sheet-head .dp-native-sheet-title{min-width:0 !important;padding:0 !important;margin:0 !important}
}

/* v3.9.60 · Menú de abajo (opción C, 10/11/2026): Casino en lugar del Chat. En móvil el Chat queda como botón redondo flotante
   abajo a la derecha, encima del menú. Si el menú de abajo ya trae Chat (menú armado desde el ADMIN), el flotante no sale.
   En PC no cambia nada (el botón de chat de Deportes en PC sigue igual). */
@media (max-width:768px){
 body:not([data-page="deportes"]):not(:has(.mobile-bottom-nav .bn-chat)) .dp-deportes-floating-chat{display:grid!important;place-items:center;position:fixed;right:14px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:60;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:var(--card2,#262c37);color:#e8edf3;box-shadow:0 6px 18px rgba(0,0,0,.45);cursor:pointer}
 body:not([data-page="deportes"]):not(:has(.mobile-bottom-nav .bn-chat)) .dp-deportes-floating-chat svg{width:22px;height:22px;stroke:currentColor!important}
 body .dp-deportes-floating-chat .dp-chat-pulse,body .dp-deportes-floating-chat .dp-float-chat-lbl,body .dp-deportes-floating-chat .badge247{display:none!important}
 body:has(.anim-cupon-bar.has) .dp-deportes-floating-chat,body:has(dialog[open]) .dp-deportes-floating-chat,body:has(.dp-sheet-ov) .dp-deportes-floating-chat{display:none!important}
 html[data-theme="light"] body .dp-deportes-floating-chat{background:#fff;color:#1b2333;border-color:rgba(0,0,0,.08)}
}

/* v3.9.61 · Opción A (10/11/2026): Casino de segundo en el menú lateral, destacado en naranja con la etiqueta TOP (PC y menú del teléfono). */
.nav-entry.nav-casino-top{background:linear-gradient(90deg,#ff6a00,#e65f00)!important;color:#fff!important;font-weight:800}
.nav-entry.nav-casino-top .nav-icon,.nav-entry.nav-casino-top .nav-icon *{color:#fff!important;stroke:#fff!important}
.nav-entry.nav-casino-top .nav-icon img{filter:brightness(0) invert(1)}
.nav-entry.nav-casino-top .nav-top-tag{margin-left:auto;font-size:9px;font-weight:900;letter-spacing:.06em;background:#fff;color:#e65f00;border-radius:6px;padding:2px 6px;line-height:1.3}
:root[data-collapsed] .nav-entry.nav-casino-top .nav-top-tag{display:none}

/* v3.9.59 · Canjear código de bono: recuadro en Depositar + hoja desde el menú (10/11/2026). Claro y oscuro. */
.dp-canje{border:1.5px dashed rgba(255,138,31,.6);border-radius:14px;padding:12px 14px;background:rgba(255,106,0,.07);margin:0 0 14px}
.dp-canje-t{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}.dp-canje-t em{font-style:normal;margin-left:auto;font-size:11.5px;color:#ff9a3c;font-weight:700}
.dp-canje-in{display:flex;gap:8px;margin-top:10px}
.dp-canje-in input{flex:1;min-width:0;height:40px;border-radius:10px;border:1px solid rgba(127,140,160,.3);background:var(--bg,#11151b);color:var(--text,#f3f5f8);padding:0 12px;font-family:ui-monospace,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;font-size:13.5px}
html[data-theme="light"] .dp-canje-in input{background:#fff;border-color:#dfe4ea;color:#121821}
.dp-canje-in button{flex:none;height:40px;min-height:0;border:0;border-radius:10px;padding:0 16px;background:linear-gradient(180deg,#ff7d1f,#ff6a00);color:#fff;font-weight:800;cursor:pointer;box-shadow:none}
.dp-canje-in button:disabled{opacity:.6}
.dp-canje-msg{margin:8px 0 0;font-size:12.5px;font-weight:700;line-height:1.35}.dp-canje-msg.ok{color:#22c55e}.dp-canje-msg.err{color:#ef4444}
html[data-theme="light"] .dp-canje-msg.ok{color:#15803d}
.dp-more-new{margin-left:auto;font-size:9.5px;font-weight:900;background:#ff6a00;color:#fff;border-radius:6px;padding:1px 6px;font-style:normal}
.dp-canje-ov{position:fixed;inset:0;z-index:9600;background:rgba(0,0,0,.5)}
.dp-canje-hoja{position:fixed;z-index:9700;background:var(--card,#1a2029);color:var(--text,#f3f5f8);border:1px solid rgba(127,140,160,.22);box-shadow:0 20px 50px rgba(0,0,0,.45);opacity:0;transition:opacity .18s,transform .18s}
html[data-theme="light"] .dp-canje-hoja{background:#fff;color:#121821;border-color:#e3e8f0}
.dp-canje-hoja.on{opacity:1;transform:none}
.dp-canje-hoja.modal{left:50%;top:50%;width:420px;max-width:calc(100vw - 32px);transform:translate(-50%,-46%);border-radius:18px;padding:20px}
.dp-canje-hoja.modal.on{transform:translate(-50%,-50%)}
.dp-canje-hoja.hoja{left:0;right:0;bottom:0;border-radius:22px 22px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(20px)}
.dp-canje-hoja .gr{width:40px;height:4px;border-radius:3px;background:rgba(127,140,160,.45);margin:0 auto 12px}
.dp-canje-hoja h4{font-size:17px;margin:0 0 4px}.dp-canje-hoja .sub{font-size:12.5px;color:var(--muted,#9aa4b2);margin:0 0 12px;line-height:1.4}
.dp-canje-hoja .dp-canje{margin:0;border-style:solid;border-color:rgba(255,138,31,.35)}
.dp-canje-hoja .dp-canje-in{margin-top:0}
.dp-canje-hoja .x{position:absolute;top:12px;right:12px;width:32px;height:32px;min-height:0;border-radius:10px;border:1px solid rgba(127,140,160,.3);background:transparent;color:inherit;font-size:18px;cursor:pointer;box-shadow:none}
.dp-canje-hoja .ver{display:block;text-align:center;margin-top:14px;font-weight:800;font-size:13px;color:#ff9a3c;text-decoration:none}
/* v3.9.63 · Canje: enlace discreto en Depositar + diálogo nativo encima (10/11/2026) */
.dp-canje-link{display:block;margin:14px auto 2px;background:none;border:0;box-shadow:none;min-height:0;padding:6px 8px;font-size:13px;font-weight:700;color:#ff9a3c;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.dp-canje-link:hover{color:#ff6a00}
dialog.dp-canje-dlg{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}
dialog.dp-canje-dlg::backdrop{background:rgba(0,0,0,.55)}
/* v3.9.66 · Notificación de bono recibido (10/11/2026) */
a.dp95-note-bono{display:block;text-decoration:none;color:inherit;border-left:3px solid #ff6a00}
a.dp95-note-bono b{color:#ff9a3c}

/* v3.9.68 · Sección de bonos renovada (casino › Mis bonos), claro y oscuro (10/11/2026) */
.cxb-head h2{font-size:22px;font-weight:900;margin:0}.cxb-head p{color:var(--muted,#9aa4b2);font-size:13px;margin:4px 0 14px}
.cxb-sum{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px;margin-bottom:22px}
.cxb-k{background:var(--card2,#161b22);border:1px solid rgba(127,140,160,.2);border-radius:16px;padding:14px 16px}
html[data-theme="light"] .cxb-k{background:#fff;border-color:#e3e8f0}
.cxb-k small{display:block;font-size:12px;color:var(--muted,#9aa4b2)}.cxb-k b{font-size:22px;font-weight:900}.cxb-k b.or{color:#ff9a3c}
.cxb-k.cta{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,rgba(255,138,31,.14),rgba(255,90,0,.06));border-color:rgba(255,138,31,.35)}
.cxb-k.cta b{font-size:16px}
.cxb-obtn{border:0;border-radius:12px;padding:10px 16px;background:linear-gradient(180deg,#ff7d1f,#ff6a00);color:#fff;font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap;min-height:0;box-shadow:none}
.cxb-h3{font-size:17px;font-weight:900;margin:20px 0 12px}
.cxb-ofs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.cxb-of{position:relative;border-radius:18px;padding:18px;overflow:hidden;min-height:190px;display:flex;flex-direction:column;color:#fff}
.cxb-of.o1{background:linear-gradient(140deg,#ff7d1f,#d94800)}.cxb-of.o2{background:linear-gradient(140deg,#7c3aed,#4c1d95)}.cxb-of.o3{background:linear-gradient(140deg,#0e9f6e,#065f46)}
.cxb-ofimg{position:absolute;right:12px;top:12px;width:68px;height:68px;object-fit:cover;border-radius:16px;opacity:.95}
.cxb-tag{align-self:flex-start;font-size:10.5px;font-weight:900;letter-spacing:.06em;background:rgba(0,0,0,.25);border-radius:999px;padding:3px 10px;margin-bottom:10px}
.cxb-of h4{font-size:26px;font-weight:900;line-height:1.05;margin:0}.cxb-of p{font-size:12.5px;opacity:.92;margin:6px 0 2px;max-width:240px}.cxb-of small{font-size:11.5px;opacity:.85}
.cxb-ofact{margin-top:auto;padding-top:12px}
.cxb-wbtn{border:0;border-radius:12px;padding:9px 16px;background:#fff;color:#14161a;font-weight:800;font-size:13px;cursor:pointer;min-height:0;box-shadow:none}
.cxb-terms{margin-top:8px;font-size:11.5px}.cxb-terms summary{cursor:pointer;text-decoration:underline;opacity:.9}.cxb-terms p{margin:6px 0 0;opacity:.9}
.cxb-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--card2,#161b22);border:1px solid rgba(127,140,160,.2);border-radius:999px;padding:4px;margin-bottom:14px}
html[data-theme="light"] .cxb-tabs{background:#fff;border-color:#e3e8f0}
.cxb-tabs button{border:0;background:none;color:var(--text,#c9d1dc);font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;cursor:pointer;min-height:0;box-shadow:none}
.cxb-tabs button.on{background:#ff6a00;color:#fff}.cxb-tabs button i{font-style:normal;font-size:11px;opacity:.85;margin-left:3px}
.cxb-empty{text-align:center;padding:24px 0 26px;color:var(--muted,#9aa4b2)}.cxb-empty span{font-size:28px;display:block}.cxb-empty b{display:block;color:var(--text,#f3f5f8);font-size:15px;margin:6px 0 4px}.cxb-empty small{font-size:12.5px}
html[data-theme="light"] .cxb-empty b{color:#121821}
.cxb-hist{display:grid;gap:8px}
.cxb-hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card2,#161b22);border:1px solid rgba(127,140,160,.18);border-radius:12px;padding:10px 14px}
html[data-theme="light"] .cxb-hrow{background:#fff;border-color:#e3e8f0}
.cxb-hrow b{font-size:13.5px}.cxb-hrow small{display:block;font-size:11.5px;color:var(--muted,#9aa4b2)}.cxb-hrow>span{text-align:right;font-weight:800}
.cxb-faq details{background:var(--card2,#161b22);border:1px solid rgba(127,140,160,.2);border-radius:12px;padding:12px 16px;margin-bottom:8px}
html[data-theme="light"] .cxb-faq details{background:#fff;border-color:#e3e8f0}
.cxb-faq summary{cursor:pointer;font-weight:700;font-size:13.5px}.cxb-faq p{margin:8px 0 0;font-size:13px;color:var(--muted,#9aa4b2);line-height:1.45}
@media (max-width:767px){
 .cxb-sum{grid-template-columns:1fr 1fr}.cxb-k.cta{grid-column:1/-1}.cxb-k b{font-size:18px}
 .cxb-ofs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.cxb-ofs::-webkit-scrollbar{display:none}.cxb-of{scroll-snap-align:start;min-height:175px}.cxb-of h4{font-size:22px}
}

/* 10/11/2026 · Invita y gana (opción A) — PC y móvil, oscuro y claro */
.rfx{--rf-s:#232a36;--rf-s2:#2b3342;--rf-l:#333c4c;--rf-t:#eef1f6;--rf-m:#98a2b3;--rf-a:#ff6a00;--rf-a2:#ff9a4a;--rf-as:rgba(255,106,0,.14);--rf-g:#36d39a;--rf-gs:rgba(54,211,154,.14);--rf-hero:linear-gradient(135deg,#ff7d1f 0%,#f2560c 100%);color:var(--rf-t)}
html[data-theme="light"] .rfx{--rf-s:#fff;--rf-s2:#f1f3f7;--rf-l:#e3e7ee;--rf-t:#18202c;--rf-m:#5d6675;--rf-a:#ea6a0f;--rf-a2:#ff7d1f;--rf-as:rgba(234,106,15,.10);--rf-g:#0e9466;--rf-gs:rgba(14,148,102,.10);--rf-hero:linear-gradient(135deg,#ff7d1f 0%,#ef5a0e 100%)}
.rfx svg{width:18px;height:18px;flex:none}
.rfx .mu{color:var(--rf-m);font-weight:600}
.rfx .mt18{margin-top:18px}.rfx .mt14{margin-top:14px}
.rfx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;font:inherit;font-weight:800;font-size:14px;padding:11px 16px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .1s,filter .15s,background .15s}
.rfx-btn:active{transform:scale(.97)}
.rfx-pri{background:var(--rf-a);color:#fff}.rfx-pri:hover{filter:brightness(1.06)}
.rfx-pri:disabled{background:var(--rf-s2);color:var(--rf-m);cursor:not-allowed;filter:none;transform:none}
.rfx-gho{background:var(--rf-s2);color:var(--rf-t)}.rfx-gho:hover{background:var(--rf-l)}
.rfx-wa{background:#25D366;color:#06381b}.rfx-tg{background:#2AABEE;color:#fff}
.rfx-wht{background:#fff;color:#c4500a}
.rfx-block{width:100%}
.rfx .copied{background:var(--rf-g)!important;color:#fff!important}
.rfx-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--rf-gs);color:var(--rf-g)}
.rfx-chip.warn{background:var(--rf-as);color:var(--rf-a)}
.rfx-hero{background:var(--rf-hero);border-radius:24px;padding:34px;display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;color:#fff;position:relative;overflow:hidden}
.rfx-hero:before{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.08)}
.rfx-hero .tx{position:relative}
.rfx-hero .ey{font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.85}
.rfx-hero h2{font-size:32px;line-height:1.14;margin:10px 0 12px;font-weight:800;letter-spacing:-.02em;color:#fff}
.rfx-hero p{margin:0;opacity:.92;font-size:15px;line-height:1.5;max-width:420px}
.rfx-ticket{background:var(--rf-s);color:var(--rf-t);border-radius:20px;padding:22px;position:relative;box-shadow:0 20px 40px rgba(120,40,0,.25)}
.rfx-ticket small,.rfx-bal small,.rfx-mini small{font-size:12px;color:var(--rf-m);font-weight:700}
.rfx-coderow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px}
.rfx-coderow strong{font-size:44px;font-weight:800;letter-spacing:.06em;line-height:1}
.rfx-link{display:flex;align-items:center;gap:8px;background:var(--rf-s2);border:1px solid var(--rf-l);border-radius:12px;padding:6px 6px 6px 14px;margin-top:6px;min-width:0}
.rfx-link>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px;color:var(--rf-m)}
.rfx-link .rfx-btn{padding:9px 14px;font-size:13.5px}
.rfx-share{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-top:12px}
.rfx-share .rfx-btn{padding:11px 10px;font-size:13.5px}
.rfx-how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.rfx-step{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:18px;background:var(--rf-s);border:1px solid var(--rf-l)}
.rfx-step .n,.rfx-msteps .n{width:38px;height:38px;border-radius:12px;background:var(--rf-as);color:var(--rf-a);display:grid;place-items:center;flex:none}
.rfx-step strong{display:block;font-size:15px;margin-bottom:3px}
.rfx-step p{margin:0;font-size:13px;color:var(--rf-m);line-height:1.45}
.rfx-grid{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start}
.rfx-panel{background:var(--rf-s);border:1px solid var(--rf-l);border-radius:20px;padding:24px;min-width:0}
.rfx-bal .big{font-size:36px;font-weight:800;margin:4px 0 18px;letter-spacing:-.02em}
.rfx-mini{display:flex;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--rf-l)}
.rfx-mini div{flex:1}.rfx-mini small{display:block}.rfx-mini strong{font-size:18px}
.rfx-ptop{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;margin-bottom:8px;font-weight:600;flex-wrap:wrap}
.rfx-ptop b{color:var(--rf-a)}.rfx-ptop .ok{color:var(--rf-g);font-weight:800}
.rfx-bar{height:10px;background:var(--rf-s2);border-radius:99px;overflow:hidden}
.rfx-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--rf-a),var(--rf-a2));transition:width .5s}
.rfx-bar.done i{background:linear-gradient(90deg,#1fbf86,var(--rf-g))}
.rfx-hint{font-size:12.5px;color:var(--rf-m);margin:8px 0 0}
.rfx-tabs{display:inline-flex;background:var(--rf-s2);border-radius:12px;padding:4px;gap:2px}
.rfx-tabs button{border:0;background:transparent;color:var(--rf-m);font:inherit;font-weight:800;font-size:13px;padding:8px 14px;border-radius:9px;cursor:pointer}
.rfx-tabs button.on{background:var(--rf-s);color:var(--rf-t);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.rfx-tabs .cnt{font-size:11px;background:var(--rf-s);color:var(--rf-m);padding:1px 7px;border-radius:99px;margin-left:5px}
.rfx-tabs button.on .cnt{background:var(--rf-as);color:var(--rf-a)}
.rfx-pane{display:none;margin-top:6px}.rfx-pane.on{display:block}
.rfx-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--rf-l)}.rfx-row:last-child{border-bottom:0}
.rfx-row .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--rf-gs);color:var(--rf-g)}
.rfx-row .ic.av{border-radius:50%;background:var(--rf-as);color:var(--rf-a);font-weight:800;font-size:14px}
.rfx-row .mn{flex:1;min-width:0}.rfx-row .mn strong{display:block;font-size:14.5px;font-weight:700}
.rfx-row .mn small{display:block;color:var(--rf-m);font-size:12.5px;margin-top:2px}
.rfx-row .amt{font-weight:800;color:var(--rf-g);font-size:15px;white-space:nowrap}
.rfx-empty{text-align:center;padding:26px 12px}
.rfx-empty .ill{width:72px;height:72px;margin:0 auto 12px;border-radius:22px;background:var(--rf-as);color:var(--rf-a);display:grid;place-items:center}
.rfx-empty .ill svg{width:32px;height:32px}
.rfx-empty strong{display:block;font-size:16px;margin-bottom:4px}
.rfx-empty p{margin:0 auto 14px;color:var(--rf-m);font-size:13.5px;max-width:280px;line-height:1.5}
.rfx-m{display:none}
@media (max-width:1100px){.rfx-grid{grid-template-columns:1fr}.rfx-hero{grid-template-columns:1fr}}
@media (max-width:768px){
 .rfx-pc{display:none}.rfx-m{display:block}
 .rfx-mhero{background:var(--rf-hero);color:#fff;border-radius:26px;padding:20px 18px}
 .rfx-mhero .t{font-size:21px;font-weight:800;line-height:1.2;margin:0 0 16px;color:#fff}
 .rfx-mhero .t em{font-style:normal;background:rgba(255,255,255,.22);padding:0 7px;border-radius:8px}
 .rfx-mcode{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.16);border-radius:16px;padding:10px 10px 10px 16px}
 .rfx-mcode small{display:block;font-size:11px;font-weight:700;opacity:.85}
 .rfx-mcode strong{font-size:30px;font-weight:800;letter-spacing:.06em;line-height:1.1}
 .rfx-mcode .rfx-btn{padding:10px 14px;font-size:13.5px}
 .rfx-mlink{display:flex;align-items:center;gap:8px;margin:10px 0 18px;font-size:12.5px;font-weight:600;opacity:.95}
 .rfx-mlink span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .rfx-mlink button{border:0;background:rgba(255,255,255,.2);color:#fff;font:inherit;font-weight:800;font-size:12px;padding:6px 10px;border-radius:9px;cursor:pointer}
 .rfx-round{display:flex;justify-content:center;gap:24px}
 .rfx-round a,.rfx-round button{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;font:inherit;font-size:12px;font-weight:700;border:0;background:none;color:#fff;padding:0;cursor:pointer}
 .rfx-round .c{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff}
 .rfx-round .c svg{width:24px;height:24px}
 .rfx-msec{padding:22px 4px 4px}
 .rfx-msec h4{margin:0 0 12px;font-size:15px;font-weight:800}
 .rfx-msteps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
 .rfx-msteps>div{font-size:12px;font-weight:700;line-height:1.3}
 .rfx-msteps .n{width:42px;height:42px;margin:0 auto 7px;border-radius:14px}
 .rfx-msteps small{display:block;color:var(--rf-m);font-weight:600;font-size:11px;margin-top:2px}
 .rfx-mbal{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px;gap:10px}
 .rfx-mbal small{display:block;color:var(--rf-m);font-size:12.5px;font-weight:700}
 .rfx-mbal strong{font-size:30px;font-weight:800;letter-spacing:-.02em}
 .rfx-mstats{display:flex;gap:16px;font-size:12.5px;color:var(--rf-m);font-weight:600;margin-top:14px;flex-wrap:wrap}
 .rfx-mstats b{color:var(--rf-t)}
 .rfx-mlast{padding-bottom:24px}
 .rfx-mlast .rfx-tabs{display:flex}.rfx-mlast .rfx-tabs button{flex:1}
}

/* 10/11/2026 · Bonos (móvil): pestañas como chips sueltos, sin contenedor, en una sola fila que se desliza. */
@media (max-width:768px){
 .cxb-tabs{display:flex;flex-wrap:nowrap;gap:8px;background:none;border:0;border-radius:0;padding:0 0 2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .cxb{min-width:0}
 .cxb-tabs::-webkit-scrollbar{display:none}
 html[data-theme="light"] .cxb-tabs{background:none;border:0}
 .cxb-tabs button{flex:none;background:rgba(127,140,160,.14);color:var(--text,#c9d1dc);padding:8px 16px;font-size:13.5px;white-space:nowrap}
 html[data-theme="light"] .cxb-tabs button{background:#eef1f6;color:#3a4352}
 .cxb-tabs button.on,html[data-theme="light"] .cxb-tabs button.on{background:#ff6a00;color:#fff}
}

/* v3.9.76 · Menú lateral móvil estilo app (Inter, filas compactas, activo suave). Solo móvil: PC no se toca. */
@font-face{font-family:"Saira";font-style:normal;font-weight:400 800;font-display:swap;src:url("/frontend/fonts/saira-var-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.dp-side-promo{display:none}
@media (max-width:768px){
html.dp-en-movil{--mx-text:#f1f4f8;--mx-muted:#9aa4b2;--mx-line:rgba(255,255,255,.07);--mx-hover:rgba(255,255,255,.05);--mx-act-bg:rgba(255,106,0,.14);--mx-act:#ff7d1f;--mx-ico:grayscale(1) brightness(0) invert(.80);--mx-ico2:grayscale(1) brightness(0) invert(.62)}
html.dp-en-movil[data-theme="light"]{--mx-text:#151b24;--mx-muted:#5d6878;--mx-line:rgba(15,23,42,.08);--mx-hover:rgba(15,23,42,.04);--mx-act-bg:#fff0e1;--mx-act:#c4580a;--mx-ico:grayscale(1) brightness(0) invert(.30);--mx-ico2:grayscale(1) brightness(0) invert(.45)}
html.dp-en-movil body{font-family:"Saira",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* panel */
html.dp-en-movil body #app aside.sidebar{width:268px!important;max-width:80vw!important;padding:14px 10px 18px!important;scrollbar-width:none}
html.dp-en-movil body #app aside.sidebar::-webkit-scrollbar,html.dp-en-movil body #app aside.sidebar nav::-webkit-scrollbar{display:none}
html.dp-en-movil body #app aside.sidebar{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html.dp-en-movil body #app aside.sidebar nav{scrollbar-width:none;flex:0 0 auto!important;height:auto!important;overflow:visible!important;max-height:none!important;padding:0!important;margin:0!important}
html.dp-en-movil body #app aside.sidebar .side-bottom{flex:0 0 auto!important;flex-direction:column!important;position:static!important}
html.dp-en-movil body #app aside.sidebar .menu-title:empty{display:none!important}

/* cabecera de usuario */
html.dp-en-movil body #app aside.sidebar .dp79-side-head{padding:2px 4px 12px!important;margin:0!important;border:0!important;background:none!important}
html.dp-en-movil body #app aside.sidebar .dp79-side-user{gap:11px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html.dp-en-movil body #app aside.sidebar .dp79-side-avatar{width:38px!important;height:38px!important;border-radius:50%!important;font:700 15px/38px "Saira",system-ui,sans-serif!important;background:linear-gradient(135deg,#ff7d1f,#ff5a1f)!important;color:#fff!important;border:0!important}
html.dp-en-movil body #app aside.sidebar .dp79-side-identity strong{font:600 15px/1.2 "Saira",system-ui,sans-serif!important;letter-spacing:0!important;color:var(--mx-text)!important}
html.dp-en-movil body #app aside.sidebar .dp79-side-identity small{font:400 12.5px/1.3 "Saira",system-ui,sans-serif!important;color:var(--mx-muted)!important}

/* tarjeta de bonos */
html.dp-en-movil body #app aside.sidebar .dp-side-promo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 2px 12px;padding:12px 14px;border-radius:12px;text-decoration:none;background:linear-gradient(120deg,#ff6a00,#ff4d2e);color:#fff;box-shadow:0 8px 20px rgba(255,90,20,.25)}
html.dp-en-movil body #app aside.sidebar .dp-side-promo .t{display:flex;flex-direction:column;min-width:0}
html.dp-en-movil body #app aside.sidebar .dp-side-promo b{font:700 14.5px/1.2 "Saira",system-ui,sans-serif;color:#fff}
html.dp-en-movil body #app aside.sidebar .dp-side-promo small{font:500 12px/1.3 "Saira",system-ui,sans-serif;color:rgba(255,255,255,.88)}
html.dp-en-movil body #app aside.sidebar .dp-side-promo .g{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:rgba(255,255,255,.2)}
html.dp-en-movil body #app aside.sidebar .dp-side-promo .g svg{width:20px;height:20px;color:#fff;stroke-width:2}

/* opciones principales */
html.dp-en-movil body #app aside.sidebar .nav-entry{box-sizing:border-box!important;height:42px!important;min-height:42px!important;margin:1px 0!important;padding:0 12px!important;gap:13px!important;border:0!important;border-radius:10px!important;background:none!important;box-shadow:none!important;color:var(--mx-text)!important;font:500 15px/1 "Saira",system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html.dp-en-movil body #app aside.sidebar .nav-entry .lbl{font:inherit!important;color:inherit!important;letter-spacing:0!important}
html.dp-en-movil body #app aside.sidebar .nav-entry::before{display:none!important}
html.dp-en-movil body #app aside.sidebar .nav-entry .nav-icon{width:22px!important;height:22px!important;min-width:22px!important;display:grid!important;place-items:center!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--mx-muted)!important}
html.dp-en-movil body #app aside.sidebar .nav-entry .nav-icon img.brand-icon{width:21px!important;height:21px!important;filter:var(--mx-ico)!important;opacity:1!important}
html.dp-en-movil body #app aside.sidebar .nav-entry .nav-icon svg{width:21px!important;height:21px!important;color:var(--mx-muted)!important;stroke-width:1.9!important}
html.dp-en-movil body #app aside.sidebar .nav-entry:active{background:var(--mx-hover)!important}
html.dp-en-movil body #app aside.sidebar nav .nav-entry.active{background:var(--mx-act-bg)!important;color:var(--mx-act)!important;font-weight:600!important;box-shadow:none!important;border:0!important}
html.dp-en-movil body #app aside.sidebar nav .nav-entry.active *{color:var(--mx-act)!important}
html.dp-en-movil body #app aside.sidebar nav .nav-entry.active .nav-icon img.brand-icon{filter:none!important}
html.dp-en-movil body #app aside.sidebar .nav-top-tag{margin-left:auto!important;font:700 10px/1 "Saira",system-ui,sans-serif!important;padding:4px 6px!important;border-radius:6px!important}

/* utilidades: más pequeñas y apagadas, por debajo de lo principal */
html.dp-en-movil body #app aside.sidebar .side-bottom{margin-top:10px!important;padding:10px 0 0!important;border-top:1px solid var(--mx-line)!important;background:none!important;box-shadow:none!important}
html.dp-en-movil body #app aside.sidebar .side-bottom .nav-entry{height:38px!important;min-height:38px!important;font:400 14px/1 "Saira",system-ui,sans-serif!important;color:var(--mx-muted)!important}
html.dp-en-movil body #app aside.sidebar .side-bottom .nav-entry .nav-icon img.brand-icon{width:19px!important;height:19px!important;filter:var(--mx-ico2)!important}
html.dp-en-movil body #app aside.sidebar .side-bottom .nav-entry .nav-icon svg{width:19px!important;height:19px!important}
html.dp-en-movil body #app aside.sidebar .side-bottom .badge247{margin-left:auto!important;font:700 10.5px/1 "Saira",system-ui,sans-serif!important;padding:4px 7px!important;border-radius:6px!important}
html.dp-en-movil body #app aside.sidebar .side-bottom .dp-pc{display:none!important}
}

/* 10/11/2026 · Carrusel de casino en el Inicio de PC: título igual a las otras secciones. */
.home75 .dps-home-pc{margin:4px 0 18px}
.home75 .dps-home-pc .dps-head h2{font-size:16px!important;line-height:20px!important}

/* 10/11/2026 · Móvil sin sesión: logo + Iniciar sesión + Registrarse caben en la barra (antes Registrarse se salía y la página quedaba más ancha). */
@media (max-width:768px){
html.dp-en-movil body[data-session="public"] #app .topbar{gap:6px!important;padding:0 10px!important;max-width:100vw!important;overflow:hidden!important}
html.dp-en-movil body[data-session="public"] #app .topbar .brand-header{width:auto!important;flex:0 1 128px!important;min-width:92px!important}
html.dp-en-movil body[data-session="public"] #app .topbar .brand-header img{max-width:100%!important;height:auto!important}
html.dp-en-movil body[data-session="public"] #app .topbar .dp-search,html.dp-en-movil body[data-session="public"] #app .topbar .theme-toggle{display:none!important}
html.dp-en-movil body[data-session="public"] #app .topbar .btn.mini{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;height:36px!important;min-height:36px!important;padding:0 12px!important;border-radius:10px!important;font:600 13px/1 "Saira",system-ui,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important}
html.dp-en-movil body[data-session="public"] #app .topbar .btn-outline.mini{background:transparent!important;border:1px solid rgba(127,140,160,.45)!important;color:var(--text,#f1f4f8)!important}
html.dp-en-movil body[data-session="public"] #app .topbar .btn-primary.mini{background:#ff6a00!important;border:0!important;color:#fff!important;box-shadow:none!important}
}

/* 10/11/2026 · Chat: aviso de asignación (opción A, línea discreta) y nombre del operador en cada mensaje. */
.danli-chat-assign{display:flex;align-items:center;gap:10px;margin:10px 4px;color:var(--muted,#8b97a6);font:400 12px/1.3 "Saira",system-ui,sans-serif;text-align:center}
.danli-chat-assign::before,.danli-chat-assign::after{content:"";flex:1;height:1px;background:rgba(127,140,160,.25)}
.danli-chat-assign span{flex:none;max-width:78%}
.danli-chat-assign b{color:#ff7d1f;font-weight:600}
.danli-chat-bubble .danli-chat-op{display:block;margin:0 0 3px;font:600 11.5px/1.2 "Saira",system-ui,sans-serif;color:#ff7d1f}
html[data-theme="light"] .danli-chat-assign b,html[data-theme="light"] .danli-chat-bubble .danli-chat-op{color:#c4580a}

/* 10/11/2026 · Chat: «María está escribiendo…» */
.danli-chat-typing{display:flex;align-items:center;gap:6px;margin:6px 4px 2px;color:var(--muted,#8b97a6);font:italic 400 12.5px/1.3 "Saira",system-ui,sans-serif}
.danli-chat-typing i{display:inline-flex;gap:3px}
.danli-chat-typing i b{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;animation:dpTyping 1.2s infinite}
.danli-chat-typing i b:nth-child(2){animation-delay:.2s}.danli-chat-typing i b:nth-child(3){animation-delay:.4s}
@keyframes dpTyping{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}

/* 10/11/2026 · Móvil: tarjetas de juegos altas (3:4) como HotBet; las portadas verticales se ven completas. */
html.dp-en-movil body #app .dps-home .dps-juegos .dps-strip{gap:8px!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game{flex:0 0 calc((100% - 16px)/3)!important;width:calc((100% - 16px)/3)!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-gimg{width:100%!important;height:auto!important;aspect-ratio:3/4!important;border-radius:12px!important}

/* 10/11/2026 · Móvil: los 4 accesos del inicio quedan quietos (el brillo y el flotar parecían parpadeo/recarga en el iPhone). */
html.dp-en-movil .dpv-b4 img{animation:none!important;transform:none!important}
html.dp-en-movil .dpv-b4::before{animation:none!important;display:none!important}

/* 10/11/2026 · Móvil: íconos rellenos estilo HotBet (misma empresa). Se pintan con máscara; PC sigue con los suyos. */
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/inicio/"]{--hbi:url("/frontend/brand-icons/HB/inicio.svg?v=3")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/casino/"]{--hbi:url("/frontend/brand-icons/HB/casino.svg?v=2")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/recargas/"]{--hbi:url("/frontend/brand-icons/HB/recargas.svg?v=5")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/animalitos/"]{--hbi:url("/frontend/brand-icons/HB/animalitos.svg?v=2")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/tripletas/"]{--hbi:url("/frontend/brand-icons/HB/tripletas.svg?v=2")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/loterias/"]{--hbi:url("/frontend/brand-icons/HB/loterias.svg?v=2")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/deportes/"]{--hbi:url("/frontend/brand-icons/HB/deportes.svg?v=2")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/resultados/"]{--hbi:url("/frontend/brand-icons/HB/resultados.svg?v=2")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/transacciones/"]{--hbi:url("/frontend/brand-icons/HB/operaciones.svg?v=1")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/retiros/"]{--hbi:url("/frontend/brand-icons/HB/retiros.svg?v=2")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/referidos/"]{--hbi:url("/frontend/brand-icons/HB/referidos.svg?v=2")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/mi-cuenta/"]{--hbi:url("/frontend/brand-icons/HB/cuenta.svg?v=1")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/ayuda/"]{--hbi:url("/frontend/brand-icons/HB/ayuda.svg?v=2")}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/login/"]{--hbi:url("/frontend/brand-icons/HB/cuenta.svg?v=1")}
html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-lock{--hbi:url("/frontend/brand-icons/HB/candado.svg?v=1")}
html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-notify{--hbi:url("/frontend/brand-icons/HB/campana.svg?v=1")}
html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-install{--hbi:url("/frontend/brand-icons/HB/instalar.svg?v=1")}
html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-theme{--hbi:url("/frontend/brand-icons/HB/tema.svg?v=1")}
html.dp-en-movil body #app aside.sidebar .nav-entry.dp87-drawer-chat{--hbi:url("/frontend/brand-icons/HB/chat.svg?v=2")}
html.dp-en-movil body #app aside.sidebar button.nav-entry[data-action="logout"]{--hbi:url("/frontend/brand-icons/HB/salir.svg?v=1")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/inicio/"]{--hbi:url("/frontend/brand-icons/HB/inicio.svg?v=3")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/casino/"]{--hbi:url("/frontend/brand-icons/HB/casino.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/recargas/"]{--hbi:url("/frontend/brand-icons/HB/recargas.svg?v=5")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/animalitos/"]{--hbi:url("/frontend/brand-icons/HB/animalitos.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/tripletas/"]{--hbi:url("/frontend/brand-icons/HB/tripletas.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/loterias/"]{--hbi:url("/frontend/brand-icons/HB/loterias.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/deportes/"]{--hbi:url("/frontend/brand-icons/HB/deportes.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/resultados/"]{--hbi:url("/frontend/brand-icons/HB/resultados.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/retiros/"]{--hbi:url("/frontend/brand-icons/HB/retiros.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/referidos/"]{--hbi:url("/frontend/brand-icons/HB/referidos.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/mi-cuenta/"]{--hbi:url("/frontend/brand-icons/HB/cuenta.svg?v=1")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/depositos/"]{--hbi:url("/frontend/brand-icons/HB/retiros.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav a[href^="/ayuda/"]{--hbi:url("/frontend/brand-icons/HB/ayuda.svg?v=2")}
html.dp-en-movil body #app .mobile-bottom-nav [data-action="menu"]{--hbi:url("/frontend/brand-icons/HB/menu.svg?v=3")}
html.dp-en-movil body #app .mobile-bottom-nav [data-action="chat-open"]{--hbi:url("/frontend/brand-icons/HB/chat.svg?v=2")}
html.dp-en-movil body #app aside.sidebar .nav-entry .nav-icon,html.dp-en-movil body #app .mobile-bottom-nav :is(a,button)>b{position:relative!important}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/inicio/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/casino/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/recargas/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/animalitos/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/tripletas/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/loterias/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/deportes/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/resultados/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/transacciones/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/retiros/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/referidos/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/mi-cuenta/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/ayuda/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/login/"] .nav-icon>*,html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-lock .nav-icon>*,html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-notify .nav-icon>*,html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-install .nav-icon>*,html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-theme .nav-icon>*,html.dp-en-movil body #app aside.sidebar .nav-entry.dp87-drawer-chat .nav-icon>*,html.dp-en-movil body #app aside.sidebar button.nav-entry[data-action="logout"] .nav-icon>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/inicio/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/casino/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/recargas/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/animalitos/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/tripletas/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/loterias/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/deportes/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/resultados/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/retiros/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/referidos/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/mi-cuenta/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/depositos/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/ayuda/"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav [data-action="menu"] >b>*,html.dp-en-movil body #app .mobile-bottom-nav [data-action="chat-open"] >b>*{visibility:hidden!important}
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/inicio/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/casino/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/recargas/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/animalitos/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/tripletas/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/loterias/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/deportes/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/resultados/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/transacciones/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/retiros/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/referidos/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/mi-cuenta/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/ayuda/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/login/"] .nav-icon::before,html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-lock .nav-icon::before,html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-notify .nav-icon::before,html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-install .nav-icon::before,html.dp-en-movil body #app aside.sidebar .nav-entry.drawer-theme .nav-icon::before,html.dp-en-movil body #app aside.sidebar .nav-entry.dp87-drawer-chat .nav-icon::before,html.dp-en-movil body #app aside.sidebar button.nav-entry[data-action="logout"] .nav-icon::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/inicio/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/casino/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/recargas/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/animalitos/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/tripletas/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/loterias/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/deportes/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/resultados/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/retiros/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/referidos/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/mi-cuenta/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/depositos/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav a[href^="/ayuda/"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav [data-action="menu"] >b::before,html.dp-en-movil body #app .mobile-bottom-nav [data-action="chat-open"] >b::before{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;background:currentColor;-webkit-mask:var(--hbi) center/contain no-repeat;mask:var(--hbi) center/contain no-repeat;visibility:visible!important}
html.dp-en-movil body #app .mobile-bottom-nav :is(a,button)>b::before{width:22px;height:22px}

/* 10/11/2026 · Móvil: accesos rápidos como botones pastilla (estilo HotBet); las 4 tarjetas con foto se ocultan. PC sin cambios. */
.dpq-row{display:none}
html.dp-en-movil .dpv-top .dpv-row4{display:none!important}
html.dp-en-movil .dpv-top .dpq-row{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:12px -12px 2px;padding:0 12px}
html.dp-en-movil .dpv-top .dpq-row::-webkit-scrollbar{display:none}
html.dp-en-movil .dpv-top .dpq-b{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px 0 10px;border-radius:19px;background:#1d232b;border:1px solid rgba(255,255,255,.07);color:#fff;font:500 13.5px/1 "Saira",system-ui,sans-serif;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}
html.dp-en-movil .dpv-top .dpq-b:active{background:#262d37}
html.dp-en-movil .dpv-top .dpq-b i{width:16px;height:16px;flex:none;background:#ff6a00;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
html.dp-en-movil[data-theme="light"] .dpv-top .dpq-b{background:#fff;border-color:rgba(15,23,42,.1);color:#151b24}
html.dp-en-movil[data-theme="light"] .dpv-top .dpq-b:active{background:#f1f3f6}
html.dp-en-movil[data-theme="light"] .dpv-top .dpq-b i{background:#e85d00}

/* 10/11/2026 · PC: banner + 2 tarjetas verticales al lado + 2 franjas abajo (estilo HotBet). Las 4 tarjetas con foto se ocultan. Móvil sin cambios. */
.dpc-side,.dpc-strips{display:none}
@media (min-width:901px){
html:not(.dp-en-movil) .dpv-top{grid-template-columns:minmax(0,1fr) 206px 206px!important;gap:14px!important}
html:not(.dp-en-movil) .dpv-top .dpv-row4{display:none!important}
html:not(.dp-en-movil) .dpv-top .dpv-hero{min-height:330px}
html:not(.dp-en-movil) .dpv-top .dpc-side{display:contents}
html:not(.dp-en-movil) .dpc-card{position:relative;display:block;min-height:330px;border-radius:18px;overflow:hidden;padding:20px 18px;text-decoration:none;color:#fff;transition:transform .2s ease,box-shadow .2s ease}
html:not(.dp-en-movil) .dpc-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -12px rgba(0,0,0,.55)}
html:not(.dp-en-movil) .dpc-card b{display:block;margin:0 0 8px;font:700 21px/1.1 "Saira",system-ui,sans-serif;color:#fff}
html:not(.dp-en-movil) .dpc-card span{display:block;font:400 14.5px/1.35 "Saira",system-ui,sans-serif;color:rgba(255,255,255,.8)}
html:not(.dp-en-movil) .dpc-card img{position:absolute;left:50%;bottom:16px;width:160px;max-width:80%;transform:translateX(-50%);transition:transform .25s ease}
html:not(.dp-en-movil) .dpc-card:hover img{transform:translateX(-50%) scale(1.05)}
html:not(.dp-en-movil) .dpc-a{background:linear-gradient(165deg,#ff8a2b 0%,#e8590c 55%,#9c3a07 100%)}
html:not(.dp-en-movil) .dpc-b{background:linear-gradient(165deg,#56637a 0%,#3a4458 55%,#262d3b 100%)}
html:not(.dp-en-movil) .dpv-top .dpc-strips{display:grid;grid-column:1/-1;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:14px}
html:not(.dp-en-movil) .dpc-strip{display:flex;align-items:center;gap:14px;height:72px;padding:0 14px 0 16px;border-radius:16px;text-decoration:none;color:#f1f4f8;background:linear-gradient(90deg,#3a1d0c,#21160f);border:1px solid rgba(255,106,0,.22);transition:border-color .2s}
html:not(.dp-en-movil) .dpc-strip:hover{border-color:rgba(255,106,0,.55)}
html:not(.dp-en-movil) .dpc-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ff6a00}
html:not(.dp-en-movil) .dpc-ic i{width:22px;height:22px;background:#fff;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
html:not(.dp-en-movil) .dpc-tx{min-width:0}
html:not(.dp-en-movil) .dpc-tx b{display:block;font:700 17px/1.2 "Saira",system-ui,sans-serif}
html:not(.dp-en-movil) .dpc-tx small{display:block;font:400 14px/1.3 "Saira",system-ui,sans-serif;opacity:.72}
html:not(.dp-en-movil) .dpc-go{margin-left:auto;flex:none;height:38px;padding:0 18px;border-radius:19px;background:#ff6a00;color:#fff;font:700 14px/38px "Saira",system-ui,sans-serif}
html:not(.dp-en-movil)[data-theme="light"] .dpc-card{box-shadow:0 6px 20px rgba(15,23,42,.12)}
html:not(.dp-en-movil)[data-theme="light"] .dpc-strip{background:#fff;color:#151b24;border-color:rgba(15,23,42,.08);box-shadow:0 2px 8px rgba(15,23,42,.05)}
html:not(.dp-en-movil)[data-theme="light"] .dpc-strip:hover{border-color:rgba(232,93,0,.45)}
}

/* 10/11/2026 · PC: tarjetas de juegos altas (3:4), igual que en móvil. */
html:not(.dp-en-movil) body #app .home75 .dps-home-pc .dps-juegos .dps-game{flex:0 0 132px!important;width:132px!important}
html:not(.dp-en-movil) body #app .home75 .dps-home-pc .dps-juegos .dps-gimg{width:100%!important;height:auto!important;aspect-ratio:3/4!important;border-radius:14px!important}
html:not(.dp-en-movil) body #app .home75 .dps-home-pc .dps-juegos .dps-gimg img{width:100%!important;height:100%!important;object-fit:cover!important}

/* 10/11/2026 · Banner sin el brillo naranja alrededor ni las chispas (pedido del dueño). PC y móvil. */
html body .dpv-top .dpv-hero{box-shadow:none!important}
html body .dpv-top .dpv-fx{display:none!important}

/* 10/11/2026 · Banner estilo A (como HotBet): logo DANLIPAGOS + sección, texto limpio, botón blanco sin latido, flechas, sin zoom ni brillos. PC y móvil. */
html body .dpv-top .dpv-slide::after{background:linear-gradient(90deg,#0b0e15 0%,rgba(11,14,21,.92) 30%,rgba(11,14,21,.25) 60%,rgba(11,14,21,0) 75%)!important}
html body .dpv-top .dpv-slide.on .dpv-art img{animation:none!important;transform:none!important}
html body .dpv-top .dpv-copy{left:56px}
html body .dpv-top .dpv-brand{display:flex;align-items:center;gap:9px;margin:0 0 12px}
html body .dpv-top .dpv-brand img{height:15px;width:auto;display:block}
html body .dpv-top .dpv-brand i{width:1px;height:15px;background:rgba(255,255,255,.35)}
html body .dpv-top .dpv-brand b{font:700 12px/1 "Saira",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ff7d1f}
html body .dpv-top .dpv-copy h2{font-family:"Saira",system-ui,sans-serif!important;font-weight:800!important;letter-spacing:0;text-shadow:none!important}
html body .dpv-top .dpv-copy p{font-family:"Saira",system-ui,sans-serif;font-size:15px;color:rgba(255,255,255,.82)}
html body .dpv-top .dpv-cta{animation:none!important;background:#fff!important;color:#111!important;font:700 14px/1 "Saira",system-ui,sans-serif!important;padding:13px 22px!important;border-radius:11px!important;box-shadow:none!important}
html body .dpv-top .dpv-dots{left:50%!important;transform:translateX(-50%)}
html body .dpv-top .dpv-arr{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(10,12,18,.55);color:#fff;font:400 24px/1 system-ui,sans-serif;display:grid;place-items:center;padding:0 0 3px;cursor:pointer;opacity:0;transition:opacity .2s}
html body .dpv-top .dpv-hero:hover .dpv-arr{opacity:1}
html body .dpv-top .dpv-arr-l{left:10px}html body .dpv-top .dpv-arr-r{right:10px}
@media (max-width:900px){
html body .dpv-top .dpv-copy{left:18px}
html body .dpv-top .dpv-arr{display:none}
html body .dpv-top .dpv-brand{margin-bottom:8px;gap:7px}
html body .dpv-top .dpv-brand img,html body .dpv-top .dpv-brand i{height:10px}
html body .dpv-top .dpv-brand b{font-size:9.5px}
html body .dpv-top .dpv-copy p{font-size:12.5px}
html body .dpv-top .dpv-cta{padding:9px 14px!important;font-size:12.5px!important;border-radius:9px!important}
}

/* 10/11/2026 · PC: Recargas con el color de cada operadora y logo en blanco. */
@media (min-width:901px){
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op{--c1:#ff8a2b;--c2:#c2410c;background:linear-gradient(155deg,var(--c1),var(--c2))!important;border:0!important;box-shadow:0 10px 20px -12px var(--c2)!important;transition:transform .2s}
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op:hover{transform:translateY(-3px)}
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op[data-home-operator^="movilnet"]{--c1:#ff6a2b;--c2:#c2300c}
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op[data-home-operator^="movistar"]{--c1:#18a9f0;--c2:#0b5fb0}
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op[data-home-operator^="digitel"]{--c1:#e5194d;--c2:#7d0f4a}
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op[data-home-operator^="inter"]{--c1:#13a9e8;--c2:#0a4a9a}
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op[data-home-operator^="cantv"]{--c1:#2f6fe0;--c2:#0d2d6e}
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op[data-home-operator^="simpletv"]{--c1:#f4364c;--c2:#8f0f22}
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op img,html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op svg{filter:brightness(0) invert(1)!important}
html:not(.dp-en-movil) body #app .home75 #home75-recharges.home75-track > .home75-card.home75-op strong{color:#fff!important}

/* 10/11/2026 · PC: Animalitos en círculo con aro naranja (como en el móvil). */
html:not(.dp-en-movil) body #app .home75 #home75-animals.home75-track > .home75-card.home75-animal{background:none!important;border:0!important;box-shadow:none!important;aspect-ratio:auto!important;overflow:visible!important;width:108px!important;min-width:108px!important;flex:0 0 108px!important;height:auto!important;min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important}
html:not(.dp-en-movil) body #app .home75 #home75-animals.home75-track > .home75-card.home75-animal::before,html:not(.dp-en-movil) body #app .home75 #home75-animals.home75-track > .home75-card.home75-animal::after{display:none!important}
html:not(.dp-en-movil) body #app .home75 #home75-animals.home75-track > .home75-card.home75-animal .home75-card-symbol{position:relative!important;width:92px!important;height:92px!important;min-height:0!important;flex:0 0 92px!important;border-radius:50%!important;padding:3px!important;background:conic-gradient(from 200deg,#ff6a00,#ffb347,#ff6a00)!important;display:grid!important;place-items:center!important;transition:transform .2s}
html:not(.dp-en-movil) body #app .home75 #home75-animals.home75-track > .home75-card.home75-animal:hover .home75-card-symbol{transform:scale(1.05)}
html:not(.dp-en-movil) body #app .home75 #home75-animals.home75-track > .home75-card.home75-animal .home75-card-symbol img{width:86px!important;height:86px!important;max-width:none!important;max-height:none!important;border-radius:50%!important;object-fit:cover!important;background:#0b0f14!important;border:3px solid var(--bg,#11151c)!important}
html:not(.dp-en-movil) body #app .home75 #home75-animals.home75-track > .home75-card.home75-animal strong{color:var(--text,#f1f4f8)!important;font:600 13.5px/1.25 "Saira",system-ui,sans-serif!important;text-align:center!important}
}

/* 10/11/2026 · PC: en la página Casino las tarjetas de juegos son altas (3:4), igual que en el inicio. */
@media (min-width:901px){
html:not(.dp-en-movil) body .cxl-strip{grid-auto-columns:clamp(112px,11vw,140px)}
html:not(.dp-en-movil) body .cxl-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
html:not(.dp-en-movil) body .cxl-card:not(.wide) .cxl-thumb{aspect-ratio:3/4}
html:not(.dp-en-movil) body .cxl-card:not(.wide) .cxl-thumb img{width:100%;height:100%;object-fit:cover}
}

/* 10/11/2026 · Móvil: también en la página Casino las tarjetas de juegos son altas (3:4). */
html.dp-en-movil body .cxl-card:not(.wide) .cxl-thumb{aspect-ratio:3/4}
html.dp-en-movil body .cxl-card:not(.wide) .cxl-thumb img{width:100%;height:100%;object-fit:cover}

/* 10/11/2026 · Inicio: «Últimos ganadores» (opción A, tarjetas que corren). PC y móvil. */
.dpw{margin:6px 0 20px;min-width:0}
.dpw-hd{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.dpw-hd h2{margin:0;font:700 16px/20px "Saira",system-ui,sans-serif!important;color:var(--text,#f1f4f8)}
.dpw-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:20px;background:rgba(34,197,94,.14);color:#22c55e;font:700 11px/1 "Saira",system-ui,sans-serif;letter-spacing:.06em}
.dpw-live i{width:7px;height:7px;border-radius:50%;background:#22c55e}
.dpw-more{margin-left:auto;color:#ff7d1f;font:600 13.5px "Saira",system-ui,sans-serif;text-decoration:none}
.dpw-vp{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.dpw-trk{display:flex;gap:10px;width:max-content;animation:dpwRun var(--dur,40s) linear infinite}
.dpw-dup{display:contents}
.dpw-vp:hover .dpw-trk{animation-play-state:paused}
@keyframes dpwRun{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
@media (prefers-reduced-motion:reduce){.dpw-trk{animation:none}.dpw-vp{overflow-x:auto}}
.dpw-c{flex:none;width:186px;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:#1b212b;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:var(--text,#f1f4f8)}
.dpw-c img,.dpw-ph{flex:none;width:44px;height:58px;border-radius:9px;object-fit:cover;background:#0b0f14}
.dpw-c span{min-width:0}
.dpw-c b{display:block;font:700 13.5px/1.2 "Saira",system-ui,sans-serif}
.dpw-c small{display:block;font:400 12px/1.3 "Saira",system-ui,sans-serif;color:var(--muted,#98a2b3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:116px}
.dpw-c em{display:block;margin-top:2px;font:800 15px/1.2 "Saira",system-ui,sans-serif;font-style:normal;color:#22c55e}
html[data-theme="light"] .dpw-c{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 2px 8px rgba(15,23,42,.05)}
html[data-theme="light"] .dpw-c em{color:#15803d}
html[data-theme="light"] .dpw-live{color:#15803d;background:rgba(22,163,74,.12)}
html.dp-en-movil .dpw{margin:4px 0 18px}
html.dp-en-movil .dpw-c{width:164px}

/* 10/11/2026 · Botón Depositar en verde vivo (opción A, como HotBet). PC y móvil. */
html body[data-role="usuario"] #app .topbar .dp91-balance-pill .dp-deposit{background:linear-gradient(180deg,#22d36b,#10b956)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 12px -4px rgba(16,185,86,.55)!important;color:#fff!important}
html body[data-role="usuario"] #app .topbar .dp91-balance-pill .dp-deposit:hover{background:linear-gradient(180deg,#2bdc74,#12c25c)!important;filter:none!important}
/* ===== 11/11/2026 · Auditoría estética (rápidos) ===== */
/* 3.1 PC: el saldo no se parte */
html body .topbar .dp91-balance-pill .dp-saldo b,html body .topbar .dp-saldo b{white-space:nowrap}
html body .topbar .dp-saldo{flex:0 0 auto!important;min-width:max-content}
/* 3.2 móvil: el botón de chat no tapa el final de las páginas */
html.dp-en-movil body #app main{padding-bottom:calc(140px + env(safe-area-inset-bottom))}
html.dp-en-movil .dp-deportes-floating-chat{width:44px!important;height:44px!important;opacity:.92}
/* 3.3 móvil: los últimos ítems del menú no quedan detrás de la barra inferior */
html.dp-en-movil body #app aside.sidebar{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
/* 3.4 móvil: ítem activo del menú sin marrón */
html.dp-en-movil body #app aside.sidebar{--mx-act-bg:rgba(255,106,0,.10)}
html.dp-en-movil body #app aside.sidebar nav a.active,html.dp-en-movil body #app aside.sidebar nav a[aria-current="page"]{box-shadow:inset 3px 0 0 #ff6a00}
/* 4.2 "Ver todos" y flechas alineados entre secciones */
.dps-juegos .dps-head{margin:0 0 10px!important}.dps-arrows{margin-left:12px;gap:8px}
/* 4.6 PC: menos naranja lleno en el primer pantallazo */
@media (min-width:769px){.dpc-go{background:transparent!important;border:1px solid rgba(255,106,0,.6)!important;color:#ff7d1f!important}.dpc-go:hover{background:#ff6a00!important;color:#fff!important}}
/* 5.1 recargas: un gasto no va en verde */
.rc-mlist .rc-amt{color:var(--text,#eef1f5)!important}
html[data-theme="light"] .rc-mlist .rc-amt{color:#14171c!important}
/* 5.2 modo oscuro: logos de "Últimas recargas" blancos sobre cuadro oscuro */
html.dp-en-movil:not([data-theme="light"]) .rc-lg{background:#2a313c!important}
html.dp-en-movil:not([data-theme="light"]) .rc-lg img{filter:brightness(0) invert(1)}

/* 11/11/2026 · Mis referidos PC · opción A (tarjeta de invitación). Solo .rfx-pc; el móvil no cambia. */
@media (min-width:769px){.rfx-pc.rfa{display:flex;flex-direction:column;gap:18px}}
.rfa-head .rfa-ey{font-size:11.5px;letter-spacing:.14em;font-weight:800;color:var(--rf-a);text-transform:uppercase}
.rfa-head h2{font-size:32px;font-weight:800;line-height:1.15;letter-spacing:-.01em;margin:6px 0;color:var(--rf-t)}
.rfa-head p{margin:0;color:var(--rf-m);font-size:15px;max-width:640px}
.rfa-top{display:grid;grid-template-columns:7fr 5fr;gap:18px;align-items:stretch}
.rfa-inv{position:relative;overflow:hidden;border-radius:20px;padding:22px 24px;border:1px solid var(--rf-l);border-top:2px solid var(--rf-a);background:radial-gradient(120% 140% at 100% 0%,var(--rf-as),transparent 55%),var(--rf-s);display:flex;flex-direction:column;gap:6px;min-width:0}
.rfa-inv small,.rfa-bal small{font-size:12px;font-weight:700;color:var(--rf-m)}
.rfa-cr{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}
.rfa-c{min-width:0}
.rfa-code{display:flex;align-items:center;gap:12px;margin-top:2px}
.rfa-code strong{font-size:42px;font-weight:800;letter-spacing:.06em;line-height:1;color:var(--rf-t)}
.rfa-pct{text-align:right;flex:none}
.rfa-pct small{display:block}.rfa-pct b{display:block;font-size:40px;font-weight:800;line-height:1;color:var(--rf-a)}
.rfa-pct span{font-size:12px;color:var(--rf-m);font-weight:600}
.rfa-field{display:flex;align-items:center;gap:10px;height:50px;border-radius:12px;background:var(--rf-s2);border:1px solid var(--rf-l);padding:0 6px 0 14px;min-width:0}
.rfa-field>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;color:var(--rf-m)}
.rfx .rfa-ib{flex:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--rf-l);background:var(--rf-s);color:var(--rf-t);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s,color .15s,transform .1s}
.rfx .rfa-ib:hover{background:var(--rf-as);color:var(--rf-a);border-color:transparent}
.rfx .rfa-ib:active{transform:scale(.94)}
.rfx .rfa-ib svg{width:18px;height:18px}
.rfa-share{display:flex;gap:10px;margin-top:12px}
.rfx .rfa-wa{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:14px;background:#25D366;color:#06381b;font-weight:800;font-size:16px;text-decoration:none;transition:filter .15s,transform .1s}
.rfx .rfa-wa:hover{filter:brightness(1.05)}.rfx .rfa-wa:active{transform:scale(.98)}
.rfx .rfa-wa svg{width:22px;height:22px}
.rfx .rfa-sq{flex:none;width:52px;height:52px;border-radius:14px;background:var(--rf-s2);border:1px solid var(--rf-l);color:var(--rf-t);display:grid;place-items:center;cursor:pointer;padding:0;text-decoration:none;transition:background .15s}
.rfx .rfa-sq:hover{background:var(--rf-l)}
.rfx .rfa-sq svg{width:20px;height:20px}
.rfa-bal{display:flex;flex-direction:column}
.rfa-bh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rfa-bh b{font-size:16px}
.rfa-bh span{color:var(--rf-a);display:grid}.rfa-bh span svg{width:22px;height:22px}
.rfa-bh span.ok{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--rf-gs);color:var(--rf-g)}
.rfa-bal .big{margin:10px 0 14px}
.rfa-bal .rfx-mini{margin-top:auto}
.rfa-steps{list-style:none;margin:0;padding:14px 20px;display:flex;gap:28px;flex-wrap:wrap;border-radius:16px;background:var(--rf-s);border:1px solid var(--rf-l)}
.rfa-steps li{display:flex;gap:12px;align-items:center}
.rfa-steps em{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--rf-as);color:var(--rf-a);display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}
.rfa-steps b{display:block;font-size:14.5px}.rfa-steps small{display:block;font-size:12.5px;color:var(--rf-m);font-weight:600}
.rfa-empty .ill{background:transparent;color:var(--rf-l);width:64px;height:64px}
.rfa-empty .ill svg{width:52px;height:52px}
.rfa-empty p{max-width:340px}
.rfa-ex{display:inline-block;margin:0 0 16px;padding:8px 12px;border-radius:10px;background:var(--rf-as);color:var(--rf-a);font-weight:700;font-size:13px}
.rfx .rfa-wa--sm{max-width:300px;margin:0 auto;height:48px;font-size:15px}
.rfa-foot{margin:0;color:var(--rf-m);font-size:12px;opacity:.8}
@media (max-width:1100px){.rfa-top{grid-template-columns:1fr}}

/* 11/11/2026 · Auditoría estética, secciones 6 y 8 (solo móvil; el PC no cambia). */
@media (max-width:768px){
 /* 6.2 Nombres de lotería completos en 2 líneas */
 html body #app .anim-shell.anim-shell.anim-shell .anim-lot b{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden !important;text-overflow:clip !important;max-width:86px !important;line-height:1.15 !important;min-height:2.3em}
 /* 6.3 Sin la flecha recortada: el desplazamiento se insinúa con un desvanecido */
 html body #app .tabs-more-arrow-btn{display:none !important}
 html body #app .anim-tabs-scroller-wrap{-webkit-mask:linear-gradient(90deg,#000 86%,transparent);mask:linear-gradient(90deg,#000 86%,transparent)}
 /* 6.4 Pestaña activa sin resplandor y sin recuadro detrás */
 html body #app .dp-tabs .dp-tab.active,html body #app .dp-tabs .dp-tab[aria-selected="true"]{box-shadow:none !important}
 html body #app .dp-tabs{background:none !important;box-shadow:none !important}
 /* 8.2 Estado vacío con ícono de la marca */
 html body #app .empty .dp-empty-hb{display:block;width:44px;height:44px;margin:0 auto 10px;background:var(--muted,#8b95a5);-webkit-mask:url(/frontend/brand-icons/HB/operaciones.svg) center/contain no-repeat;mask:url(/frontend/brand-icons/HB/operaciones.svg) center/contain no-repeat;opacity:.8}
 /* 8.6 Ayuda: lista agrupada, sin tarjeta dentro de tarjeta, con chevron */
 html body #app .card:has(> .faq){background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important}
 html body #app .card:has(> .faq) h2{margin:0 0 12px !important}
 html body #app .faq{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
 html body #app .faq details{border:0 !important;border-top:1px solid var(--line) !important;border-radius:0 !important;margin:0 !important;background:none !important;padding:14px 16px !important}
 html body #app .faq details:first-child{border-top:0 !important}
 html body #app .faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700}
 html body #app .faq summary::-webkit-details-marker{display:none}
 html body #app .faq summary::after{content:"";width:14px;height:14px;flex:none;background:var(--muted,#8b95a5);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 4.6 16 12l-7.4 7.4-2.1-2.1L11.8 12 6.5 6.7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 4.6 16 12l-7.4 7.4-2.1-2.1L11.8 12 6.5 6.7z'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
 html body #app .faq details[open] summary::after{transform:rotate(90deg)}
}
/* 8.2 también en PC: el estado vacío deja el emoji (el ícono se pinta igual). */
@media (min-width:769px){html body #app .empty .dp-empty-hb{display:block;width:40px;height:40px;margin:0 auto 10px;background:var(--muted,#8b95a5);-webkit-mask:url(/frontend/brand-icons/HB/operaciones.svg) center/contain no-repeat;mask:url(/frontend/brand-icons/HB/operaciones.svg) center/contain no-repeat;opacity:.8}}

/* 11/11/2026 · Auditoría 4.1 (móvil): esqueleto mientras llegan las imágenes del inicio y del casino. */
@keyframes dp-sk{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (max-width:768px){
 html body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb):has(img:not(.dp-ok)){background:linear-gradient(90deg,var(--card2,#1e2329) 0%,var(--card3,#2a313c) 50%,var(--card2,#1e2329) 100%) !important;background-size:200% 100% !important;animation:dp-sk 1.2s ease-in-out infinite;border-radius:12px}
 html body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb) img{transition:opacity .25s ease}
 html body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb) img:not(.dp-ok){opacity:0}
 html[data-theme="light"] body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb):has(img:not(.dp-ok)){background:linear-gradient(90deg,#eef1f5 0%,#f7f9fb 50%,#eef1f5 100%) !important;background-size:200% 100% !important}
}
@media (max-width:768px) and (prefers-reduced-motion:reduce){html body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb):has(img:not(.dp-ok)){animation:none}}

/* 11/11/2026 · Cupón de deportes del Inicio (solo móvil): naranja de la casa en vez del amarillo del sportsbook,
   y en modo oscuro el cupón deja de ser blanco. El PC no cambia. */
@media (max-width:768px){
 dialog.home-native-coupon .sb3{--sb3-accent:#ff6a00;--sb3-accent-ink:#fff}
 html:not([data-theme="light"]) dialog.home-native-coupon{background:#161a20;border-color:#2a313c;color:#eef1f5}
 html:not([data-theme="light"]) dialog.home-native-coupon .sb3{--sb3-page:#161a20;--sb3-card:#1e232b;--sb3-ink:#eef1f5;--sb3-muted:#9aa4b2;--sb3-soft:#262c35;--sb3-line:#2f3742}
 dialog.home-native-coupon{max-height:85dvh;height:auto}
}

/* 11/11/2026 · Pendientes de la auditoría en móvil (el PC no cambia). */
@media (max-width:768px){
 /* Mis operaciones: fechas en su propia fila a todo el ancho y «Limpiar» como enlace */
 html body #app .dp-txf-quick{display:flex !important;flex-wrap:wrap !important;gap:8px !important;align-items:center !important}
 html body #app .dp-txf-chip-clear{border:0 !important;background:none !important;box-shadow:none !important;color:#ea6a0f !important;font-weight:800 !important;margin-left:auto !important;padding:0 4px !important;text-decoration:none !important}
 html body #app .dp-txf-dates-compact{flex:1 1 100% !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;gap:8px !important;align-items:center !important;margin:2px 0 0 !important;justify-content:stretch !important}
 html body #app .dp-txf-dates-compact input{width:100% !important;min-width:0 !important;height:40px !important;border-radius:10px !important}
 html body #app .dp-txf-dates-compact span{color:var(--muted);font-weight:700}
 /* Mi cuenta: lista de datos limpia, sin cuadros con íconos (igual que Depositar) */
 html body #app .dpa-field .dpa-fic{display:none !important}
 html body #app .dpa-field{padding-left:16px !important;gap:0 !important}
 /* Depositar: el mismo verde de la cabecera en todas partes */
 html body #app .dpa-btn.dpa-btn-main{background:#16a34a !important;background-image:none !important;border-color:#16a34a !important;color:#fff !important;box-shadow:0 6px 16px rgba(22,163,74,.28) !important}
 html body #app .dpa-btn.dpa-btn-main svg{color:#fff !important;stroke:#fff !important}
 /* Encabezados de página iguales: título grande, sin rótulo superior; subtítulo corto */
 html body #app .page-heading .eyebrow{display:none !important}
 html body #app .page-heading h1{font-size:24px !important;font-weight:800 !important;line-height:1.15 !important;margin:0 0 4px !important}
 html body #app .page-heading p{font-size:13px !important;color:var(--muted) !important;margin:0 !important;line-height:1.4 !important}
 /* Pie de página corto: una línea de enlaces legales y el aviso 18+ */
 html body #app footer.dp-footer{padding:16px 16px calc(96px + env(safe-area-inset-bottom)) !important;gap:10px !important;display:flex !important;flex-direction:column !important;margin-top:12px !important}
 html body #app footer.dp-footer .dpf-group+.dpf-group{display:none !important}
 html body #app footer.dp-footer .dpf-group{display:flex !important;flex-wrap:wrap !important;gap:6px 14px !important;font-size:12px !important}
 html body #app footer.dp-footer .dpf-group strong,html body #app footer.dp-footer .dpf-group a[href="/inicio/"]{display:none !important}
 html body #app footer.dp-footer .dpf-group a{color:var(--muted) !important;padding:0 !important}
 html body #app footer.dp-footer .dpf-responsible{display:flex !important;align-items:center !important;gap:10px !important;padding:0 !important;border:0 !important;background:none !important}
 html body #app footer.dp-footer .dpf-responsible p{display:none !important}
 html body #app footer.dp-footer .dpf-responsible strong{font-size:12px !important;font-weight:700 !important}
 html body #app footer.dp-footer .dpf-age{flex:none}
 html body #app footer.dp-footer .dpf-copy{font-size:11px !important}
}

/* 11/11/2026 · Móvil: el menú lateral no lleva «Cerrar sesión» (sigue en el menú de los 3 puntos y en Mi cuenta). */
html.dp-en-movil body #app aside.sidebar button.nav-entry[data-action="logout"]{display:none!important}
/* 11/11/2026 · Móvil y app: sin «Cambiar tema» ni «Salir» en el menú lateral ni en el de los 3 puntos (salir queda en Mi cuenta). */
html.dp-en-movil body #app aside.sidebar .drawer-theme,html.dp-en-movil body .dp-more-menu [data-action="theme"],html.dp-en-movil body .dp-more-menu [data-action="logout"],html.dp-en-movil body .dp-more-menu hr{display:none!important}

/* 11/11/2026 · Móvil: en la página Casino caben siempre 3 tarjetas altas por fila (como HotBet y como el Inicio), en cualquier ancho de teléfono. */
html.dp-en-movil body .cxl-strip{grid-auto-columns:calc((100% - 16px)/3)!important;gap:8px!important}
html.dp-en-movil body .cxl-strip:has(.cxl-card.wide){grid-auto-columns:calc((100% - 8px)/1.6)!important}

/* 11/11/2026 · Móvil: carrusel «Top 10» (formato ranking) como HotBet: número grande delineado en naranja a la izquierda de cada tarjeta. */
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank){position:relative!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) .dps-gimg{width:76%!important;margin-left:24%!important;overflow:visible!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) .dps-gimg img{border-radius:12px!important;position:relative;z-index:1}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) .dps-rank{position:absolute!important;left:auto!important;top:auto!important;right:calc(100% - 14px)!important;bottom:-4px!important;z-index:2!important;background:none!important;padding:0!important;border-radius:0!important;font:800 66px/1 "Saira",system-ui,sans-serif!important;letter-spacing:-6px!important;color:var(--bg,#f4f5f8)!important;-webkit-text-stroke:2.5px #ff6a00;paint-order:stroke fill;text-shadow:none!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) .dps-nv{z-index:3!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) strong,html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) small{margin-left:24%!important}
/* 11/11/2026 · Top 10 (ajuste): número solo con contorno naranja, sin relleno (no deja bloque de fondo en modo oscuro), y detrás de la tarjeta como HotBet. */
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) .dps-gimg{background:none!important;box-shadow:none!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) .dps-gimg img{box-shadow:0 4px 12px rgba(0,0,0,.25)}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) .dps-rank{z-index:0!important;right:calc(100% - 26px)!important;bottom:-2px!important;font-size:74px!important;letter-spacing:-5px!important;color:transparent!important;-webkit-text-stroke:2.5px #ff6a00!important;-webkit-text-fill-color:transparent!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) .dps-gimg{width:70%!important;margin-left:30%!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) .dps-rank{right:calc(100% - 12px)!important;font-size:78px!important;letter-spacing:-7px!important}
html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) strong,html.dp-en-movil body #app .dps-home .dps-juegos .dps-game:has(.dps-rank) small{margin-left:30%!important}

/* 11/11/2026 · Casino móvil: botón «Volver», logos de proveedores y lista «Todos los juegos». */
html.dp-en-movil body .cxl-back{border:1px solid var(--cx-line,rgba(255,255,255,.12));background:var(--cx-card,#1e2530);color:inherit;font:700 13px "Saira",system-ui,sans-serif;border-radius:10px;padding:7px 12px;cursor:pointer;margin-right:auto}
html.dp-en-movil body .cxl-gridhead{justify-content:flex-start}
html.dp-en-movil body .cxl-gridhead h2{margin-right:auto}
html.dp-en-movil body .cxl-provstrip button{min-width:104px;height:52px;display:grid;place-items:center;padding:8px 12px}
html.dp-en-movil body .cxl-provstrip button img{max-width:84px;max-height:30px;object-fit:contain;display:block}
html.dp-en-movil body .cxl-provs button img{max-width:78%;max-height:42px;object-fit:contain}
html.dp-en-movil body .cxl-feed .cxl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html.dp-en-movil body .cxl-feed .cxl-card .cxl-thumb{aspect-ratio:3/4}

/* 11/11/2026 · Móvil y app: el menú lateral no lleva «Mis operaciones» ni «Retiros» (están en Mi cuenta). */
html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/transacciones/"],html.dp-en-movil body #app aside.sidebar a.nav-entry[href="/retiros/"]{display:none!important}
/* 11/11/2026 · Logos de proveedores: casi todos vienen en blanco o claros; van sobre una tarjeta oscura fija en modo claro y oscuro. */
html.dp-en-movil body .cxl-provstrip button,html.dp-en-movil body .cxl-provs button{background:#1b2230!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}
html.dp-en-movil body .cxl-provs button small{color:rgba(255,255,255,.7)!important}
html.dp-en-movil body .cxl-provstrip button b,html.dp-en-movil body .cxl-provs button b{color:#fff!important}
html.dp-en-movil[data-theme="light"] body .cxl-provstrip button,html.dp-en-movil[data-theme="light"] body .cxl-provs button{box-shadow:0 2px 8px rgba(15,23,42,.12)!important}

/* 11/11/2026 · Versión del frontend de deportes al final, pequeña y sutil (solo móvil y app). */
.dp-sb-ver{display:none}
html.dp-en-movil body .dp-sb-ver{display:block;text-align:center;font:600 10px/1 "Saira",system-ui,sans-serif;letter-spacing:.04em;color:var(--muted,#8a94a3);opacity:.6;padding:14px 0 calc(88px + env(safe-area-inset-bottom,0px))}

/* ===================================================================================================
   11/11/2026 · DEPORTES MÓVIL · Fonbet Original (frontend_2) · Opción A con la tarjeta destacada de B.
   Solo móvil y app (html.dp-en-movil). PC sin cambios. Naranja de marca tipo Betano, Saira,
   modo oscuro real, medidas parejas (44 px en cuotas), todo un 10 % más compacto.
   =================================================================================================== */
html.dp-en-movil body .sb3{--u:.9px!important;--sb3-accent:#ff6a00!important;--sb3-accent-ink:#ffffff!important;--sb3-live:#ef4444!important;--sb3-r:8px!important;
  --sb3-page:#0e0f12!important;--sb3-card:#17191e!important;--sb3-ink:#f2f3f5!important;--sb3-muted:#9aa1ac!important;--sb3-soft:#20232a!important;--sb3-line:#2a2e36!important;
  --sb3-on:#f2f3f5!important;--sb3-on-2:#9aa1ac!important;--sb3-feat:#1d2027!important;
  --tb-ink:rgba(255,255,255,.92)!important;--tb-ink2:rgba(255,255,255,.6)!important;--tb-box:#20232a!important;--tb-box2:#1b1e24!important;--tb-gray:#9aa1ac!important;--tb-line:#2a2e36!important;--tb-line2:#353a44!important;
  background:var(--sb3-page)!important;color:var(--sb3-ink)!important}
html.dp-en-movil[data-theme="light"] body .sb3{--sb3-page:#f4f5f7!important;--sb3-card:#ffffff!important;--sb3-ink:#14161a!important;--sb3-muted:#5b616b!important;--sb3-soft:#eef0f3!important;--sb3-line:#e3e6ea!important;
  --sb3-on:#14161a!important;--sb3-on-2:#5b616b!important;
  --tb-ink:rgba(20,22,26,.92)!important;--tb-ink2:rgba(20,22,26,.6)!important;--tb-box:#eef0f3!important;--tb-box2:#f6f7f9!important;--tb-gray:#5b616b!important;--tb-line:#e3e6ea!important;--tb-line2:#d5d9df!important}
html.dp-en-movil body .sb3,html.dp-en-movil body .sb3 *:not(svg):not(path){font-family:"Saira",system-ui,sans-serif!important}
html.dp-en-movil body .sb3 b,html.dp-en-movil body .sb3 strong{font-weight:700}
/* Pestañas Deportes / E-Sports: segmentadas, 40 px */
html.dp-en-movil body .sb3 .sb3-ctabs{height:40px!important;border-radius:12px!important;background:var(--sb3-soft)!important;padding:3px!important;border:0!important;gap:0!important}
html.dp-en-movil body .sb3 .sb3-ctab{border-radius:9px!important;font-size:13px!important;font-weight:700!important;color:var(--sb3-muted)!important;background:transparent!important;min-height:0!important;height:auto!important}
html.dp-en-movil body .sb3 .sb3-ctab.is-on{background:var(--sb3-card)!important;color:var(--sb3-ink)!important;box-shadow:0 1px 2px rgba(16,24,40,.08)!important}
/* Tarjeta destacada (estilo B): superficie oscura con brillo naranja, siempre oscura */
html.dp-en-movil body .sb3 .sb3-fc{flex:0 0 min(86vw,330px)!important;width:min(86vw,330px)!important;min-width:0!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.06)!important;
  background:radial-gradient(120% 120% at 100% 0,rgba(255,106,0,.28),transparent 55%),#1d2027!important;color:#f2f3f5!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important}
html.dp-en-movil body .sb3 .sb3-fc::before,html.dp-en-movil body .sb3 .sb3-fc::after{display:none!important}
html.dp-en-movil body .sb3 .sb3-fc__league{font-size:11.5px!important;font-weight:600!important;color:rgba(255,255,255,.7)!important}
html.dp-en-movil body .sb3 .sb3-fc__team{font-size:13px!important;font-weight:600!important;color:#f2f3f5!important}
html.dp-en-movil body .sb3 .sb3-fc__lg{width:40px!important;height:40px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;padding:4px!important;object-fit:contain!important}
html.dp-en-movil body .sb3 .sb3-fc__score,html.dp-en-movil body .sb3 .sb3-fc__vs{font-size:22px!important;font-weight:800!important;color:#fff!important;font-variant-numeric:tabular-nums}
html.dp-en-movil body .sb3 .sb3-fc__mk{font-size:11px!important;color:rgba(255,255,255,.6)!important}
html.dp-en-movil body .sb3 .sb3-fc .sb3-odd{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
/* Cuotas: 44 px, radio 8, cuota fuerte y etiqueta suave */
html.dp-en-movil body .sb3 .sb3-odd{min-height:44px!important;height:44px!important;border-radius:8px!important;font-variant-numeric:tabular-nums}
html.dp-en-movil body .sb3 .sb3-odd.is-on{background:#ff6a00!important;border-color:#ff6a00!important;color:#fff!important}
/* Barra de íconos: un solo tamaño */
html.dp-en-movil body .sb3 .sb3-mnav{border-radius:12px!important;background:var(--sb3-card)!important;border:1px solid var(--sb3-line)!important}
html.dp-en-movil body .sb3 .sb3-mnav button svg{width:20px!important;height:20px!important}
html.dp-en-movil body .sb3 .sb3-mnav button.is-on{background:#ff6a00!important;color:#fff!important;border-radius:10px!important}
/* Ligas principales y deportes: mosaicos parejos de 84 px */
html.dp-en-movil body .sb3 .sb3-mleagues{background:var(--sb3-card)!important;border:1px solid var(--sb3-line)!important;border-radius:12px!important}
html.dp-en-movil body .sb3 .sb3-mleague,html.dp-en-movil body .sb3 .sb3-tile{width:84px!important;min-width:84px!important;height:84px!important;min-height:84px!important;border-radius:12px!important;background:var(--sb3-soft)!important;border:1px solid var(--sb3-line)!important;color:var(--sb3-ink)!important;font-size:11.5px!important;font-weight:600!important}
html.dp-en-movil body .sb3 .sb3-mleague svg,html.dp-en-movil body .sb3 .sb3-tile svg,html.dp-en-movil body .sb3 .sb3-mleague img,html.dp-en-movil body .sb3 .sb3-tile img{width:30px!important;height:30px!important}
/* Filas de partidos y tarjetas */
html.dp-en-movil body .sb3 .sb3-ev{background:var(--sb3-card)!important;border-color:var(--sb3-line)!important}
html.dp-en-movil body .sb3 .sb3-ev__team{font-size:13.5px!important;font-weight:600!important}
html.dp-en-movil body .sb3 .sb3-ev__league,html.dp-en-movil body .sb3 .sb3-ev__meta,html.dp-en-movil body .sb3 .sb3-ev__clock{font-size:11.5px!important}
html.dp-en-movil body .sb3 .sb3-ev img,html.dp-en-movil body .sb3 .sb3-ev__team img{width:20px!important;height:20px!important;border-radius:50%!important;object-fit:contain!important}
/* Barra del cupón: naranja de marca, 52 px */
html.dp-en-movil body .sb3 .sb3-mbar{background:#ff6a00!important;color:#fff!important;min-height:52px!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(255,106,0,.35)!important;font-weight:700!important}
html.dp-en-movil body .sb3 .sb3-mbar__n{background:#14161a!important;color:#fff!important}
/* Sin letrero de carga: solo el esqueleto */
html.dp-en-movil body .dpsk-pill{display:none!important}
/* La tarjeta destacada siempre es oscura: sus textos internos usan la paleta oscura también en modo claro */
html.dp-en-movil body .sb3 .sb3-fc{--tb-ink:rgba(255,255,255,.95)!important;--tb-ink2:rgba(255,255,255,.62)!important;--tb-gray:rgba(255,255,255,.62)!important;--sb3-ink:#f2f3f5!important;--sb3-muted:rgba(255,255,255,.62)!important}
html.dp-en-movil body .sb3 .sb3-fc .sb3-odd b{color:#fff!important;font-weight:700!important}
html.dp-en-movil body .sb3 .sb3-fc .sb3-odd small{color:rgba(255,255,255,.6)!important}
html.dp-en-movil body .sb3 .sb3-fc .sb3-odd.is-on{background:#ff6a00!important;border-color:#ff6a00!important}
/* Sin selector Claro/Oscuro dentro de Deportes en el móvil: el tema se cambia con el selector del sistema */
html.dp-en-movil body .sb3 .sb3-theme{display:none!important}
/* Ligas principales sin tarjeta gris: ícono y nombre sueltos sobre el fondo de la caja */
html.dp-en-movil body .sb3 .sb3-mleague{background:transparent!important;border:0!important;box-shadow:none!important;width:76px!important;min-width:76px!important;height:auto!important;min-height:72px!important}
/* Sin selecciones no se muestra la barra naranja del cupón */
html.dp-en-movil body .sb3 .sb3-mbar:not(:has(.sb3-mbar__n)){display:none!important}
/* Pestañas «Ligas principales / Mis ligas»: con Saira no se montan una sobre otra */
html.dp-en-movil body .sb3 .sb3-mleagues__head{gap:14px!important}
html.dp-en-movil body .sb3 .sb3-mltab{flex:none!important;width:auto!important;min-width:0!important;white-space:nowrap!important;font-size:12px!important;letter-spacing:.02em!important;padding-inline:0!important}
html.dp-en-movil body .sb3 .sb3-mltab.is-on{color:var(--sb3-ink)!important;box-shadow:inset 0 -2px 0 #ff6a00!important}
html.dp-en-movil body .sb3 .sb3-mltab:not(.is-on){color:var(--sb3-muted)!important;opacity:1!important}
html.dp-en-movil body .sb3 .sb3-mltab__n{background:var(--sb3-soft)!important;color:var(--sb3-muted)!important}
/* Deportes sin cuadro gris: ícono y nombre sueltos, como las ligas */
html.dp-en-movil body .sb3 .sb3-tile{background:transparent!important;border:0!important;box-shadow:none!important;width:76px!important;min-width:76px!important;height:auto!important;min-height:72px!important}
/* Top eventos semánticos: siguen el tema (claro = tarjeta clara, oscuro = tarjeta oscura) con un brillo naranja suave */
html.dp-en-movil body .sb3 .sb3-fc{background:radial-gradient(120% 120% at 100% 0,rgba(255,106,0,.16),transparent 55%),var(--sb3-card)!important;color:var(--sb3-ink)!important;border:1px solid var(--sb3-line)!important;box-shadow:0 2px 10px rgba(16,24,40,.06)!important;
  --tb-ink:inherit!important;--sb3-ink:inherit!important}
html.dp-en-movil body .sb3 .sb3-fc{--tb-ink:rgba(255,255,255,.92)!important;--tb-ink2:rgba(255,255,255,.6)!important;--tb-gray:#9aa1ac!important;--sb3-muted:#9aa1ac!important}
html.dp-en-movil[data-theme="light"] body .sb3 .sb3-fc{--tb-ink:rgba(20,22,26,.92)!important;--tb-ink2:rgba(20,22,26,.6)!important;--tb-gray:#5b616b!important;--sb3-muted:#5b616b!important}
html.dp-en-movil body .sb3 .sb3-fc__team,html.dp-en-movil body .sb3 .sb3-fc__score,html.dp-en-movil body .sb3 .sb3-fc__vs{color:var(--tb-ink)!important}
html.dp-en-movil body .sb3 .sb3-fc__league,html.dp-en-movil body .sb3 .sb3-fc__mk{color:var(--tb-ink2)!important}
html.dp-en-movil body .sb3 .sb3-fc__lg{background:var(--sb3-soft)!important}
html.dp-en-movil body .sb3 .sb3-fc .sb3-odd{background:var(--sb3-soft)!important;border:1px solid var(--sb3-line)!important;color:var(--tb-ink)!important}
html.dp-en-movil body .sb3 .sb3-fc .sb3-odd b{color:var(--tb-ink)!important}
html.dp-en-movil body .sb3 .sb3-fc .sb3-odd small{color:var(--tb-ink2)!important}
html.dp-en-movil body .sb3 .sb3-fc .sb3-odd.is-on,html.dp-en-movil body .sb3 .sb3-fc .sb3-odd.is-on b,html.dp-en-movil body .sb3 .sb3-fc .sb3-odd.is-on small{background:#ff6a00!important;border-color:#ff6a00!important;color:#fff!important}
html.dp-en-movil body .sb3 .sb3-fc__team b,html.dp-en-movil body .sb3 .sb3-fc__teams,html.dp-en-movil body .sb3 .sb3-fc__top,html.dp-en-movil body .sb3 .sb3-fc__when{color:var(--tb-ink)!important}
html.dp-en-movil body .sb3 .sb3-fc__top .sb3-fc__league{color:var(--tb-ink2)!important}
html.dp-en-movil body .sb3 .sb3-fc .sb3-logo{border-color:var(--sb3-line)!important}
/* 12/11/2026 · Cupón abierto en el móvil: termina encima del menú de abajo, así «Realizar apuesta» siempre se ve */
html.dp-en-movil body .sb3.is-sheet .sb3-right{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important;max-height:calc(100dvh - 64px - 72px - env(safe-area-inset-bottom,0px))!important;border-radius:16px 16px 0 0!important}
html.dp-en-movil body .sb3.is-sheet .sb3-right .sb3-slip{max-height:100%!important;overflow-y:auto!important;overscroll-behavior:contain}
/* 12/11/2026 · En cualquier ancho (tablet, ventana mediana, app): sin selecciones no aparece la barra «CUPÓN»,
   y Deportes no lleva su propio selector Claro/Oscuro (se usa el del sistema). */
body .sb3 .sb3-mbar:not(:has(.sb3-mbar__n)){display:none!important}
body .sb3 .sb3-theme{display:none!important}
/* 12/11/2026 · Sin letrero «Cargando partidos y cuotas en vivo…» en ningún ancho: solo el esqueleto */
body .dpsk-pill{display:none!important}
/* 12/11/2026 · Ligas principales y deportes sin fondo gris en cualquier ancho (no solo en el teléfono) */
body .sb3 .sb3-mleague,body .sb3 .sb3-tile{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
body .sb3 .sb3-tile.is-on{background:rgba(255,106,0,.1)!important;border-radius:12px!important}
/* ===== 12/11/2026 · Tracker en vivo por zonas (opción A) · Saira · claro y oscuro ===== */
.sb3 .dp-trk{--trk-h:#ff6a00;--trk-a:#3b82f6;--trk-p1:#2f9e57;--trk-p2:#2a8f4f;--trk-ln:rgba(255,255,255,.55);
  background:var(--sb3-card,#fff);color:var(--sb3-ink,#14161a);border:1px solid var(--sb3-line,#e3e6ea);border-radius:16px;padding:12px;font-family:"Saira",system-ui,sans-serif;margin-bottom:12px}
html:not([data-theme="light"]) .sb3 .dp-trk{--trk-p1:#1f5a37;--trk-p2:#1b5131;--trk-ln:rgba(255,255,255,.35)}
.sb3 .dp-trk-hd{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--sb3-muted,#5b616b);margin-bottom:8px}
.sb3 .dp-trk-hd span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb3 .dp-trk-live{flex:none;background:#ef4444;color:#fff;font-weight:700;font-size:10.5px;border-radius:6px;padding:1px 6px}
.sb3 .dp-trk-sc{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px}
.sb3 .dp-trk-sc b{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb3 .dp-trk-sc b:last-child{text-align:right}
.sb3 .dp-trk-sc strong{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.sb3 .dp-trk .is-home{color:var(--trk-h)}.sb3 .dp-trk .is-away{color:var(--trk-a)}
.sb3 .dp-trk-pitch{position:relative;height:clamp(150px,44vw,220px);border-radius:12px;overflow:hidden;background:repeating-linear-gradient(90deg,var(--trk-p1) 0 10%,var(--trk-p2) 10% 20%)}
.sb3 .dp-trk-l{position:absolute;border:1.5px solid var(--trk-ln)}
.sb3 .dp-trk-l--mid{left:50%;top:0;bottom:0;border-width:0 0 0 1.5px}
.sb3 .dp-trk-l--cc{left:50%;top:50%;width:30%;aspect-ratio:1;max-width:60px;border-radius:50%;transform:translate(-50%,-50%)}
.sb3 .dp-trk-l--a1{left:-2px;top:28%;width:16%;height:44%}.sb3 .dp-trk-l--a2{right:-2px;top:28%;width:16%;height:44%}
.sb3 .dp-trk-zone{position:absolute;top:0;bottom:0;transition:left .5s ease,right .5s ease,opacity .4s;animation:dpTrkIn .45s ease}
.sb3 .dp-trk-zone.is-home{left:50%;right:0;background:linear-gradient(90deg,rgba(255,106,0,0),rgba(255,106,0,.45))}
.sb3 .dp-trk-zone.is-away{left:0;right:50%;background:linear-gradient(270deg,rgba(59,130,246,0),rgba(59,130,246,.45))}
.sb3 .dp-trk-zone.is-home.is-deep{left:66%;background:linear-gradient(90deg,rgba(255,106,0,0),rgba(255,106,0,.65))}
.sb3 .dp-trk-zone.is-away.is-deep{right:66%;background:linear-gradient(270deg,rgba(59,130,246,0),rgba(59,130,246,.65))}
@keyframes dpTrkIn{from{opacity:0}to{opacity:1}}
.sb3 .dp-trk-lbl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:92%;background:rgba(14,15,18,.82);color:#fff;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:6px;align-items:center}
.sb3 .dp-trk-lbl i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--trk-h)}.sb3 .dp-trk-lbl i.is-away{background:var(--trk-a)}
.sb3 .dp-trk-lbl--wait{font-weight:600;color:rgba(255,255,255,.8)}
.sb3 .dp-trk-stats{margin-top:8px}
.sb3 .dp-trk-row{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;font-size:12.5px;padding:6px 0;border-top:1px solid var(--sb3-line,#e3e6ea);text-align:center}
.sb3 .dp-trk-row:first-child{border-top:0}.sb3 .dp-trk-row span{color:var(--sb3-muted,#5b616b)}.sb3 .dp-trk-row b{font-weight:700;font-variant-numeric:tabular-nums}
.sb3 .dp-trk-tl{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.sb3 .dp-trk-ev{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--sb3-ink,#14161a)}
.sb3 .dp-trk-ev em{font-style:normal;color:var(--sb3-muted,#5b616b);width:30px;flex:none;font-variant-numeric:tabular-nums}
.sb3 .dp-trk-ic{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff!important;background:var(--trk-h)}
.sb3 .dp-trk-ic.is-away{background:var(--trk-a)}.sb3 .dp-trk-ic.is-yellow{background:#eab308}.sb3 .dp-trk-ic.is-red{background:#dc2626}
/* 12/11/2026 · Ligas y deportes: el puntito rojo pasa a ser una insignia con cuántos partidos hay en vivo */
.sb3 .sb3-mleague,.sb3 .sb3-tile{position:relative}
.sb3 .dp-livebadge{position:absolute;top:2px;right:8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff!important;font:700 10.5px/18px "Saira",system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--sb3-card,#fff);font-variant-numeric:tabular-nums;pointer-events:none}
/* 12/11/2026 · Decisión nueva del dueño (reemplaza la del 11/11): en el móvil y la app, el menú de los 3 puntos SÍ lleva «Cambiar tema» y «Cerrar sesión». */
html.dp-en-movil body .dp-more-menu [data-action="theme"],html.dp-en-movil body .dp-more-menu [data-action="logout"]{display:flex!important}
html.dp-en-movil body .dp-more-menu hr{display:block!important}
/* 12/11/2026 · «Encuentros destacados» en el celular: encogido por defecto, se abre tocando el título */
.sb3 .dp-pop-toggle{display:flex!important;align-items:center;gap:8px;width:100%;background:transparent;border:0;color:var(--sb3-ink,#14161a);font:inherit;text-align:left;cursor:pointer}
.sb3 .dp-pop-toggle span{flex:1}
.sb3 .dp-pop-n{font-style:normal;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:var(--sb3-soft,#eef0f3);color:var(--sb3-muted,#5b616b);font:700 11px/20px "Saira",system-ui,sans-serif;text-align:center}
.sb3 .sb3-pop.is-folded .sb3-pop__head{border-bottom:0!important}
/* 12/11/2026 · Solo PC: acabado metálico brillante en los fondos de recargas (carrusel del Inicio y módulo Recargas). Los logos no cambian. */
html:not(.dp-en-movil) body .home75-card.home75-op{position:relative;isolation:isolate;overflow:hidden;border-radius:18px!important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.65),inset 0 -4px 8px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.18),0 12px 22px -10px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.12)!important}
html:not(.dp-en-movil) body .home75-card.home75-op::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(120% 70% at 50% -10%,rgba(255,255,255,.55),rgba(255,255,255,.12) 45%,rgba(255,255,255,0) 60%),linear-gradient(180deg,rgba(255,255,255,0) 60%,rgba(0,0,0,.18) 100%)}
html:not(.dp-en-movil) body .home75-card.home75-op::after{content:"";position:absolute;top:-40%;left:-60%;width:70%;height:180%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 65%);transform:rotate(10deg);transition:left .7s ease}
html:not(.dp-en-movil) body .home75-card.home75-op:hover::after{left:95%}
html:not(.dp-en-movil) body .home75-card.home75-op .home75-oplogo img{filter:brightness(0) invert(1) drop-shadow(0 2px 2px rgba(0,0,0,.3))!important}
html:not(.dp-en-movil) body .home75-card.home75-op strong{text-shadow:0 1px 2px rgba(0,0,0,.35)}
html:not(.dp-en-movil) body .operator-tile{position:relative;isolation:isolate;overflow:hidden;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 -3px 6px rgba(16,24,40,.08),inset 0 0 0 1px rgba(255,255,255,.4),0 1px 2px rgba(16,24,40,.06),0 10px 20px -10px rgba(16,24,40,.3)!important}
html:not(.dp-en-movil) body .operator-tile::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(120% 70% at 50% -10%,rgba(255,255,255,.8),rgba(255,255,255,.2) 45%,rgba(255,255,255,0) 60%),linear-gradient(180deg,rgba(255,255,255,0) 60%,rgba(16,24,40,.05) 100%)}
html:not(.dp-en-movil) body .operator-tile::after{content:"";position:absolute;top:-40%;left:-60%;width:70%;height:180%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 65%);transform:rotate(10deg);transition:left .7s ease}
html:not(.dp-en-movil) body .operator-tile:hover::after{left:95%}
html:not(.dp-en-movil):not([data-theme="light"]) body .operator-tile{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.2),inset 0 -3px 6px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06),0 10px 20px -10px rgba(0,0,0,.6)!important}
html:not(.dp-en-movil):not([data-theme="light"]) body .operator-tile::before{background:radial-gradient(120% 70% at 50% -10%,rgba(255,255,255,.16),rgba(255,255,255,.04) 45%,rgba(255,255,255,0) 60%),linear-gradient(180deg,rgba(255,255,255,0) 60%,rgba(0,0,0,.18) 100%)}
html:not(.dp-en-movil):not([data-theme="light"]) body .operator-tile::after{background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.14) 50%,rgba(255,255,255,0) 65%)}
/* 12/11/2026 · PC: el brillo diagonal ocupa el ::after; sin la etiqueta «POSTPAGO» recortada (el nombre de abajo ya lo dice) */
html:not(.dp-en-movil) body .home75-card.home75-op::after{content:""!important;padding:0!important;font-size:0!important;border-radius:0!important;box-shadow:none!important;bottom:auto!important;right:auto!important}
/* 12/11/2026 · PC Recargas: en las tarjetas de postpago el ::after es la etiqueta «POSTPAGO»: queda fija (sin el brillo que la movía al pasar el ratón) */
html:not(.dp-en-movil) body #app .operator-tile[data-operator-theme$="pos"]::after,html:not(.dp-en-movil) body #app .operator-tile[data-operator-theme$="pos"]:hover::after{
  top:7px!important;right:7px!important;left:auto!important;width:auto!important;height:auto!important;transform:none!important;transition:none!important;z-index:2!important;background:rgba(255,255,255,.08)!important}
html:not(.dp-en-movil)[data-theme="light"] body #app .operator-tile[data-operator-theme$="pos"]::after{background:rgba(16,24,40,.06)!important}
/* 12/11/2026 · Casino PC: un carrusel por proveedor con su logo en el título */
.cxl-provcar header h2{display:flex;align-items:center;gap:10px}
.cxl-provcar__logo{height:26px;width:auto;max-width:96px;object-fit:contain;border-radius:6px}
.cxl-provcar header h2 small{font-size:12px;font-weight:600;color:var(--muted,#8a909a)}
.cxl-provcar .cxl-sk{display:block;flex:0 0 150px;height:200px;border-radius:14px;background:linear-gradient(90deg,rgba(127,127,127,.12),rgba(127,127,127,.2),rgba(127,127,127,.12));background-size:200% 100%;animation:cxlSk 1.2s linear infinite}
@keyframes cxlSk{to{background-position:-200% 0}}
/* 12/11/2026 · PC módulo Recargas: tarjetas de operadora iguales a las del Inicio PC (color de la marca + acabado metálico + logo blanco) */
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]{border:0!important;border-radius:18px!important;color:#fff!important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.65),inset 0 -4px 8px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.18),0 12px 22px -10px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.12)!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="movilnet"]{background:linear-gradient(155deg,#ff6a2b,#c2300c)!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="movistar"]{background:linear-gradient(155deg,#18a9f0,#0b5fb0)!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="digitel"]{background:linear-gradient(155deg,#e5194d,#7d0f4a)!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="inter"]{background:linear-gradient(155deg,#13a9e8,#0a4a9a)!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme^="cantv"]{background:linear-gradient(155deg,#2f6fe0,#0d2d6e)!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]::before{background:radial-gradient(120% 70% at 50% -10%,rgba(255,255,255,.55),rgba(255,255,255,.12) 45%,rgba(255,255,255,0) 60%),linear-gradient(180deg,rgba(255,255,255,0) 60%,rgba(0,0,0,.18) 100%)!important;height:auto!important;inset:0!important;opacity:1!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]:not([data-operator-theme$="pos"])::after{background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 65%)!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .op-logo-img{filter:brightness(0) invert(1) drop-shadow(0 2px 2px rgba(0,0,0,.3))!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] .operator-mark path{fill:#fff!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme] strong{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][data-operator-theme$="pos"]::after{color:#fff!important;background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.35)!important}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme].selected{outline:3px solid #fff!important;outline-offset:-3px;box-shadow:0 0 0 3px #ff6a00,0 14px 26px -10px rgba(255,106,0,.6),inset 0 1.5px 0 rgba(255,255,255,.65)!important;transform:translateY(-2px)}
html:not(.dp-en-movil) body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]:hover{transform:translateY(-2px)}
/* 12/11/2026 · Pie de página del teléfono estilo HotBet (aprobado). En PC no se muestra; en el móvil reemplaza al pie anterior. */
.dpf-m{display:none}
html.dp-en-movil body footer.dp-information-footer > :not(.dpf-m){display:none!important}
html.dp-en-movil body footer.dp-information-footer{display:block!important;padding:18px 16px calc(88px + env(safe-area-inset-bottom,0px))!important;background:transparent!important;border:0!important}
html.dp-en-movil body .dpf-m{display:block;font-family:"Saira",system-ui,sans-serif;color:var(--text,#14161a)}
html.dp-en-movil body .dpf-m-app{position:relative;display:flex;align-items:center;min-height:150px;border-radius:18px;padding:16px;overflow:hidden;color:#fff;
  background:radial-gradient(120% 120% at 100% 0,rgba(255,106,0,.35),transparent 60%),linear-gradient(135deg,#1d2027,#121418);border:1px solid rgba(255,255,255,.08)}
html.dp-en-movil body .dpf-m-app__t{position:relative;z-index:2;max-width:58%}
html.dp-en-movil body .dpf-m-app__t b{display:block;font-size:17px;line-height:1.2;font-weight:800}
html.dp-en-movil body .dpf-m-app__t p{font-size:12.5px;color:rgba(255,255,255,.75);margin:6px 0 12px;line-height:1.35}
html.dp-en-movil body .dpf-m-app__t button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border:0;border-radius:19px;background:#ff6a00;color:#fff;font:700 14px "Saira",system-ui,sans-serif;box-shadow:0 8px 20px -6px rgba(255,106,0,.6);cursor:pointer}
html.dp-en-movil body .dpf-m-app__t button svg{width:18px;height:18px}
html.dp-en-movil body .dpf-m-phone{position:absolute;right:-6px;top:14px;width:118px;height:190px;border-radius:20px;background:#0e0f12;border:3px solid #2a2e36;transform:rotate(8deg);box-shadow:0 18px 30px rgba(0,0,0,.45);overflow:hidden}
html.dp-en-movil body .dpf-m-phone__bar{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 6px}
html.dp-en-movil body .dpf-m-phone__bar img{height:9px;width:auto}html.dp-en-movil body .dpf-m-phone__bar i{width:22px;height:8px;border-radius:4px;background:#ff6a00}
html.dp-en-movil body .dpf-m-phone__hero{margin:0 8px;height:66px;border-radius:9px;background:linear-gradient(135deg,#ff6a00,#c2300c);color:#fff;font:800 10px "Saira",sans-serif;padding:8px}
html.dp-en-movil body .dpf-m-phone__row{display:flex;gap:5px;margin:8px}html.dp-en-movil body .dpf-m-phone__row i{flex:1;height:42px;border-radius:7px;background:#20232a}
html.dp-en-movil body .dpf-m-app__ic{position:absolute;z-index:3;right:92px;bottom:14px;width:46px;height:46px;border-radius:12px;box-shadow:0 6px 14px rgba(0,0,0,.5)}
html[data-app] body .dpf-m-app{display:none!important}
html.dp-en-movil body .dpf-m-wm{display:block;height:20px;width:auto;margin-top:18px}
html.dp-en-movil body .dpf-m-wm--dark{display:none}
html.dp-en-movil:not([data-theme="light"]) body .dpf-m-wm--dark{display:block}html.dp-en-movil:not([data-theme="light"]) body .dpf-m-wm--light{display:none}
html.dp-en-movil body .dpf-m-lead{font-size:14px;color:var(--muted,#5b616b);margin:6px 0 10px}
html.dp-en-movil body .dpf-m-ok{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin:6px 0}
html.dp-en-movil body .dpf-m-ok svg{flex:none;width:18px;height:18px}
html.dp-en-movil body .dpf-m-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:18px}
html.dp-en-movil body .dpf-m-cols h4{font-size:14px;font-weight:800;margin:0 0 6px}
html.dp-en-movil body .dpf-m-cols a,html.dp-en-movil body .dpf-m-cols button{display:block;width:100%;text-align:left;padding:6px 0;background:none;border:0;font:400 13.5px "Saira",sans-serif;color:var(--muted,#5b616b);text-decoration:none;cursor:pointer}
html.dp-en-movil body .dpf-m-bot{margin-top:18px;padding-top:14px;border-top:1px solid var(--line,rgba(127,127,127,.25));display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--muted,#5b616b);line-height:1.4}
html.dp-en-movil body .dpf-m-age{flex:none;width:34px;height:34px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;font-weight:800;font-size:12px}
html.dp-en-movil body #app footer.dp-footer.dp-information-footer > .dpf-group,html.dp-en-movil body #app footer.dp-footer.dp-information-footer > .dpf-responsible,html.dp-en-movil body #app footer.dp-footer.dp-information-footer > .dpf-copy{display:none!important}
html.dp-en-movil body #app footer.dp-footer.dp-information-footer{display:block!important;grid-template-columns:none!important}
/* 12/11/2026 · Casino móvil: al entrar a un proveedor, categoría o búsqueda también 3 por fila (igual que «Todos los juegos») */
html.dp-en-movil body #app .cxl-body .cxl-grid,html.dp-en-movil body #app .cxl-body .cxl-skel{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html.dp-en-movil body #app .cxl-body .cxl-grid .cxl-card .cxl-thumb{aspect-ratio:3/4}
html.dp-en-movil body #app .cxl-body .cxl-grid .cxl-card b,html.dp-en-movil body #app .cxl-body .cxl-grid .cxl-card strong{font-size:11.5px!important;line-height:1.2}
html.dp-en-movil body #app .cxl-body .cxl-grid .cxl-card small{font-size:10.5px!important}
/* 12/11/2026 · PC con ventana angosta (≤900 px): las 4 tarjetas con foto pasan a la opción B aprobada:
   tarjeta limpia + ícono relleno en cuadro brillante del color de la sección + nombre + línea de ayuda. Teléfono y PC ancho sin cambios. */
@media (max-width:900px){
html:not(.dp-en-movil) .dpv-top .dpv-row4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html:not(.dp-en-movil) .dpv-top .dpv-b4{display:flex!important;align-items:center;gap:12px;min-height:76px!important;aspect-ratio:auto!important;padding:0 34px 0 70px!important;border-radius:16px!important;
  background:#fff!important;border:1px solid #e3e6ea;color:#14161a!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important;font-family:"Saira",system-ui,sans-serif;transform:none!important}
html:not(.dp-en-movil):not([data-theme="light"]) .dpv-top .dpv-b4{background:#17191e!important;border-color:#2a2e36;color:#f2f3f5!important}
html:not(.dp-en-movil) .dpv-top .dpv-b4 img{display:none!important}
html:not(.dp-en-movil) .dpv-top .dpv-b4::before{content:""!important;position:absolute!important;left:14px!important;top:50%!important;width:46px!important;height:46px!important;inset:auto!important;left:14px!important;top:calc(50% - 23px)!important;
  border-radius:13px;transform:none!important;animation:none!important;display:block!important;z-index:1!important;
  background:linear-gradient(155deg,var(--c),color-mix(in srgb,var(--c) 55%,#000))!important;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -3px 6px rgba(0,0,0,.25),0 6px 14px -6px var(--c)!important}
html:not(.dp-en-movil) .dpv-top .dpv-b4::after{content:""!important;display:block!important;position:absolute!important;inset:auto!important;left:25px!important;top:calc(50% - 12px)!important;width:24px!important;height:24px!important;z-index:2!important;
  background:#fff!important;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
html:not(.dp-en-movil) .dpv-top .dpv-b4[href^="/depositos"]{--ic:url("/frontend/brand-icons/HB/depositar.svg?v=1")}
html:not(.dp-en-movil) .dpv-top .dpv-b4[href^="/casino"]{--ic:url("/frontend/brand-icons/HB/casino.svg?v=1")}
html:not(.dp-en-movil) .dpv-top .dpv-b4[href^="/deportes"]{--ic:url("/frontend/brand-icons/HB/deportes.svg?v=1")}
html:not(.dp-en-movil) .dpv-top .dpv-b4[href^="/loterias"]{--ic:url("/frontend/brand-icons/HB/loterias.svg?v=1")}
html:not(.dp-en-movil) .dpv-top .dpv-b4 b{position:static!important;height:auto!important;display:block!important;background:none!important;text-align:left!important;font-size:15px!important;font-weight:800!important;text-shadow:none!important;color:inherit!important;line-height:1.15}
html:not(.dp-en-movil) .dpv-top .dpv-b4 b::after{display:block;font-size:12px;font-weight:500;color:#5b616b;margin-top:2px}
html:not(.dp-en-movil):not([data-theme="light"]) .dpv-top .dpv-b4 b::after{color:#9aa1ac}
html:not(.dp-en-movil) .dpv-top .dpv-b4[href^="/depositos"] b::after{content:"Recarga tu saldo"}
html:not(.dp-en-movil) .dpv-top .dpv-b4[href^="/casino"] b::after{content:"2.100+ juegos"}
html:not(.dp-en-movil) .dpv-top .dpv-b4[href^="/deportes"] b::after{content:"Cuotas en vivo"}
html:not(.dp-en-movil) .dpv-top .dpv-b4[href^="/loterias"] b::after{content:"Animalitos y más"}
html:not(.dp-en-movil) .dpv-top .dpv-b4 > b + *{display:none}
}
@media (min-width:700px) and (max-width:900px){html:not(.dp-en-movil) .dpv-top .dpv-row4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
/* 12/11/2026 · PC con ventana angosta (≤900 px): el carrusel de Recargas usa su diseño claro; sin el acabado metálico ni logos en blanco */
@media (max-width:900px){
html:not(.dp-en-movil) body .home75-card.home75-op::before,html:not(.dp-en-movil) body .home75-card.home75-op:not([data-home-operator$="pos"])::after{display:none!important}
html:not(.dp-en-movil) body .home75-card.home75-op .home75-oplogo img{filter:none!important}
html:not(.dp-en-movil) body .home75-card.home75-op strong{text-shadow:none!important}
html:not(.dp-en-movil) body .home75-card.home75-op{box-shadow:0 1px 3px rgba(16,24,40,.08)!important}
}
/* 12/11/2026 · Logos de proveedor con letras blancas: en modo claro el blanco pasa a oscuro y los colores se conservan
   (Pragmatic, PG Soft, Habanero, CQ9, Amatic, Solidicon, Hacksaw, Nolimit City) */
html[data-theme="light"] img[src*="/casino/prov/sp_1."],html[data-theme="light"] img[src*="/casino/prov/sp_3."],html[data-theme="light"] img[src*="/casino/prov/sp_6."],
html[data-theme="light"] img[src*="/casino/prov/sp_7."],html[data-theme="light"] img[src*="/casino/prov/sp_13."],html[data-theme="light"] img[src*="/casino/prov/sp_15."],
html[data-theme="light"] img[src*="/casino/prov/sp_17."],html[data-theme="light"] img[src*="/casino/prov/sp_18."]{filter:invert(1) hue-rotate(180deg) saturate(1.2)!important}
/* 12/11/2026 · Proveedores en modo claro: botones claros (antes quedaban negros); los logos blancos ya pasan a oscuro con su filtro */
html[data-theme="light"] body .cxl-provstrip button,html[data-theme="light"] body .cxl-provs button{background:#fff!important;border:1px solid #e3e6ea!important;color:#14161a!important;box-shadow:0 1px 2px rgba(16,24,40,.06)!important}
html[data-theme="light"] body .cxl-provstrip button b,html[data-theme="light"] body .cxl-provs button b{color:#14161a!important}
html[data-theme="light"] body .cxl-provs button small{color:#5b616b!important}
html[data-theme="light"] body .cxl-provstrip button:hover,html[data-theme="light"] body .cxl-provs button:hover{border-color:#ff6a00!important}
/* 12/11/2026 · Tarjeta de la app en el pie (aprobada): teléfono inclinado con CAPTURA REAL de nuestro Inicio. Solo web del teléfono; nunca dentro de la app. */
html.dp-en-app body .dpf-m-app,html[data-app] body .dpf-m-app,html.dp-standalone body .dpf-m-app{display:none!important}
html.dp-en-movil body .dpf-m-app{min-height:168px;border-radius:20px;
  background:radial-gradient(90% 120% at 85% 10%,rgba(255,106,0,.45),rgba(255,106,0,0) 60%),radial-gradient(60% 80% at 100% 100%,rgba(255,140,40,.25),transparent 70%),linear-gradient(135deg,#1b1e24 0%,#0f1114 100%)!important;box-shadow:0 14px 30px -14px rgba(0,0,0,.55)}
html.dp-en-movil body .dpf-m-app::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 40%);pointer-events:none}
html.dp-en-movil body .dpf-m-app__t{z-index:3;width:54%;max-width:none}
html.dp-en-movil body .dpf-m-app__t b{font-size:19px;line-height:1.15}
html.dp-en-movil body .dpf-m-app__t button{background:#fff!important;color:#14161a!important;font-weight:800!important;height:40px;padding:0 18px;border-radius:20px;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)!important}
html.dp-en-movil body .dpf-m-app__t button svg{color:#3ddc84}
html.dp-en-movil body .dpf-m-ph{position:absolute;z-index:2;right:-34px;top:14px;width:168px;height:340px;border-radius:30px;background:#0b0c0e;padding:7px;transform:rotate(-9deg);transform-origin:top left;
  box-shadow:0 0 0 1.5px #3a3f48,0 0 0 4px #15171b,0 24px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.06)}
html.dp-en-movil body .dpf-m-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:24px}
html.dp-en-movil body .dpf-m-ph span{position:absolute;top:13px;left:50%;width:46px;height:12px;border-radius:8px;background:#000;transform:translateX(-50%)}
/* 12/11/2026 · Deportes › Resultados: casilla de fecha según el tema (en modo claro ya no sale negra) */
html[data-theme="light"] body .sb3 .sb3-resdate input[type="date"]{background:#fff!important;color:#14161a!important;border:1px solid #e3e6ea!important;color-scheme:light}
html:not([data-theme="light"]) body .sb3 .sb3-resdate input[type="date"]{color-scheme:dark}
/* 12/11/2026 · Sin la etiqueta «Nuevo» en las tarjetas de juegos (Casino y carruseles del Inicio), en PC y móvil */
body .cxl-tag.new,body .dps-nv{display:none!important}
/* 12/11/2026 · Imágenes de juegos bajo demanda (loading=lazy) con shimmer mientras llegan, en PC y móvil (antes solo móvil).
   app.js marca cada imagen con .dp-ok al cargar o fallar; hasta entonces se ve el brillo y la imagen aparece suave. */
html body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb):has(img:not(.dp-ok)){background:linear-gradient(90deg,var(--card2,#1e2329) 0%,var(--card3,#2a313c) 50%,var(--card2,#1e2329) 100%)!important;background-size:200% 100%!important;animation:dp-sk 1.2s linear infinite}
html[data-theme="light"] body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb):has(img:not(.dp-ok)){background:linear-gradient(90deg,#eef1f5 0%,#f7f9fb 50%,#eef1f5 100%)!important;background-size:200% 100%!important}
html body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb) img{transition:opacity .3s ease}
html body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb) img:not(.dp-ok){opacity:0}
@media (prefers-reduced-motion:reduce){html body #app :is(.home75-card-symbol,.dps-gimg,.cxl-thumb):has(img:not(.dp-ok)){animation:none}}
/* 12/11/2026 · Iniciar sesión / Registro / Recuperar: el logo ya no se sale de la tarjeta (móvil y PC) */
body .auth-card .auth-logo{width:auto!important;max-width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:6px auto 18px!important;padding:0 52px!important;overflow:hidden}
body .auth-card .auth-logo .logo{display:flex;justify-content:center;max-width:100%}
body .auth-card .auth-logo img{height:auto!important;max-height:40px!important;width:auto!important;max-width:min(240px,100%)!important;object-fit:contain}
html.dp-en-movil body .auth-card .auth-logo img{max-height:34px!important;max-width:min(210px,100%)!important}
/* ===== 12/11/2026 · Auditoría del sportsbook (Informe_auditoria_sportsbook.md) ===== */
/* G1/G2/G3 · Cupón y Mis apuestas en modo oscuro (antes texto blanco sobre fondo blanco) */
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-slip,html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-slip__body{background:var(--sb3-page)!important;color:var(--sb3-ink)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-slip__modes{background:var(--sb3-card)!important;border-bottom:1px solid var(--sb3-line)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-slip__modes button{color:var(--sb3-muted)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-slip__modes button.is-on{color:#ff6a00!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-slip__modes button:disabled{color:var(--sb3-muted)!important;opacity:.45}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-leg,html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-sum,html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-tk{background:var(--sb3-card)!important;border-color:var(--sb3-line)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-tk__nums>div{background:var(--sb3-soft)!important;border-color:var(--sb3-line)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-clear,html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-save{background:var(--sb3-card)!important;border-color:var(--sb3-line)!important;color:var(--sb3-muted)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-slip .sb3-input{background:var(--sb3-soft)!important;border-color:var(--tb-line2)!important;color:var(--sb3-ink)!important}
html.dp-en-movil body .sb3 .sb3-slip .sb3-input{color:var(--tb-ink)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-leg.is-bad{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.45)!important}
html.dp-en-movil body .sb3 .sb3-slip__n{background:#fff!important;color:#ff6a00!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-slip__empty,html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-slip__empty b{color:var(--sb3-ink)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-codeload .sb3-input{background:var(--sb3-soft)!important;color:var(--sb3-ink)!important;border-color:var(--tb-line2)!important}
html.dp-en-movil body .sb3 .sb3-codeload{margin-inline:auto!important;padding-inline:12px!important;box-sizing:border-box}
html.dp-en-movil body .sb3 .sb3-codeload .sb3-share__btn{color:#fff!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-tk__st--encurso{background:rgba(255,106,0,.16)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-tk__st--ganada{background:rgba(34,197,94,.16)!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-tk__st--perdida{background:rgba(239,68,68,.16)!important}
/* G4/M1 · Buscador y casillas: la regla global label{flex-direction:column} los rompía (teléfono y PC) */
body .sb3 label.sb3-search{flex-direction:row!important;align-items:center!important;gap:8px!important}
body .sb3 .sb3-search input{min-height:0!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;color:inherit!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-mobtop .sb3-search{background:var(--sb3-card)!important;border-color:var(--sb3-line)!important;color:var(--sb3-ink)!important}
body .sb3 label.sb3-check{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}
body .sb3 label.sb3-line{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
body .sb3 .sb3-check input{width:18px!important;min-height:0!important;height:18px!important;padding:0!important;flex:0 0 auto;accent-color:#ff6a00}
/* M2 · Aviso de cuotas cambiadas legible */
html.dp-en-movil body .sb3 .sb3-alert{background:rgba(255,106,0,.14)!important;color:var(--sb3-ink)!important;border:1px solid #ff6a00!important;font-size:12.5px!important;line-height:1.35!important}
html.dp-en-movil body .sb3 .sb3-alert svg{color:#ff6a00!important}
/* M3 · Cuota tocada sin marcar: sin gris claro pegado */
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-odd:hover:not(:disabled):not(.is-on){background:var(--sb3-soft)!important}
@media (hover:none){html.dp-en-movil body .sb3 .sb3-odd:hover:not(.is-on){background:var(--sb3-soft)!important}}
/* M4 · Detalle: mercados de 3 columnas pasan a 2 y la cuota no se pega al texto */
html.dp-en-movil body .sb3 .sb3-market__odds{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
html.dp-en-movil body .sb3 .sb3-odd--row{gap:8px!important;padding-inline:10px!important}
html.dp-en-movil body .sb3 .sb3-odd--row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.dp-en-movil body .sb3 .sb3-odd--row>b{flex:0 0 auto}
/* M6 · PC: reloj en vivo visible en las tarjetas destacadas */
body .sb3 .sb3-fc .sb3-ev__clock{color:rgba(255,255,255,.87)!important}
html.dp-en-movil[data-theme="light"] body .sb3 .sb3-fc .sb3-ev__clock{color:var(--tb-ink2)!important}
/* M7/M8 · Modo claro: ícono del deporte e iniciales sin logo visibles en la tarjeta destacada */
html.dp-en-movil[data-theme="light"] body .sb3 .sb3-fc__top>svg{color:var(--tb-ink2)!important}
html.dp-en-movil[data-theme="light"] body .sb3 .sb3-fc__league .sb3-lglogo{filter:invert(1) brightness(.35)}
html.dp-en-movil[data-theme="light"] body .sb3 .sb3-fc .sb3-logo:not(.has-img){background:var(--sb3-soft)!important;color:var(--sb3-ink)!important}
/* L1/L2 · Contraste del encabezado del cupón y marcador del detalle con la paleta nueva */
html.dp-en-movil body .sb3 .sb3-slip__view:not(.is-on){opacity:.8!important}
html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-board>.sb3-fc__team,html.dp-en-movil:not([data-theme="light"]) body .sb3 .sb3-board>.sb3-fc__mid{background:var(--sb3-soft)!important}
/* ===== 12/11/2026 · Auditoría móvil 1 · Inicio y estructura ===== */
html[data-theme="light"] body:not([data-page="deportes"]) .dp-deportes-floating-chat{background:#fff!important;color:#1b2333!important;border-color:rgba(17,21,27,.10)!important;box-shadow:0 6px 18px rgba(15,23,42,.18)!important}
html.dp-en-movil .dpw-c{width:176px}
.dpw-c em{white-space:nowrap;font-variant-numeric:tabular-nums}
html.dp-en-movil .dpw-c em{font-size:14px}
html.dp-en-movil .hm-ring img{object-fit:contain!important;padding:6px;background:#fff}
.dpw-more{color:#ff6a00}
html[data-theme="light"] #app .home75 .dps-more,html[data-theme="light"] #app .home75-controls a,html[data-theme="light"] #app .dpw-more,html[data-theme="light"] #app .hm-ctl a{color:#d95a00}
html[data-theme="light"] #app .home79-odd b{color:#d95a00}
html.dp-en-movil .home75-sports-section .home75-controls a{font-size:13px;margin-right:9px}
html.dp-en-movil .home75-sports-section .home75-title{padding-left:2px}
html.dp-en-movil .home79-sport .home79-league,html.dp-en-movil .home79-sport .home79-time,html.dp-en-movil .home79-sport .home79-teams b{font-size:11.5px}
html:not([data-theme="light"]) #app .home79-sport .home79-time{color:#ff8a33!important}
body.dp87-drawer-open .mobile-bottom-nav a[aria-current="page"]{color:var(--muted,#9aa4b2)!important}
html.dp-en-movil .dps-game:first-child{padding-left:10px}
html.dp-en-movil .dps-block h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html.dp-en-movil .home75{padding-bottom:64px}
html.dp-en-movil .home75-controls button,html.dp-en-movil .hm-ctl button{width:38px;height:34px}
html.dp-en-movil .dp-promo .x{min-width:40px;min-height:40px}
html.dp-en-movil body #app footer.dp-footer.dp-information-footer{padding-left:12px!important;padding-right:12px!important;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
.dp-promo-android{flex-wrap:wrap}.dp-promo-android .ok{margin-left:56px}
html.dp-en-movil body #app aside.sidebar .drawer-install,html.dp-en-movil body #app aside.sidebar .drawer-chat{color:var(--text)!important;font-weight:600}
/* ===== 12/11/2026 · Auditoría móvil 2 · Casino y Recargas ===== */
html body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme][hidden],html body #app .ref-recharge .operator-tile[hidden]{display:none!important}
html.dp-en-movil body #app .ref-recharge .form-open .ref-mobile-back:not([hidden]){display:inline-flex!important}
:root[data-theme="light"]{--orange:#ff6a00}
html.dp-en-movil body #app .ref-recharge .operator-tile strong{white-space:normal;line-height:1.15;font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}
html.dp-en-movil body #app .ref-recharge .form-open .ref-summary{display:block!important}
html.dp-en-movil[data-theme="light"] body #app .ref-recharge .phone-contacts-input,html.dp-en-movil[data-theme="light"] body #app .ref-recharge .rf-money{background:#fff!important;border:1px solid #d5dbe5!important}
html[data-theme="light"] body #app .rc-eye,html[data-theme="light"] body #app .cxb-k b.or,html[data-theme="light"] body #app .operator-tile.selected strong{color:#c2410c!important}
html[data-theme="light"] body #app .rc-ok{color:#15803d!important}
html[data-theme="light"] body #app .ref-recharge .page-desc,html[data-theme="light"] body #app .ref-recharge .step-count{color:#5e6a7a!important}
html.dp-en-movil body #app .cxl-grid .cxl-sk{aspect-ratio:3/4!important;height:auto!important;border-radius:12px}
html.dp-en-movil body .cxl-back{margin-right:0!important}
/* ===== 12/11/2026 · Auditoría móvil 3 · Animalitos, Tripletas, Loterías y Resultados ===== */
html[data-theme="light"] body #app .anim-shell.anim-shell.anim-shell .anim-fig.on .anim-fig-lbl,html[data-theme="light"] body #app .anim-shell.anim-shell.anim-shell .anim-fig.on .anim-fig-lbl b{color:#b4501a!important}
:root[data-theme="light"]{--orange-text:#b4501a}
html[data-theme="light"] .cupon-grupo,html[data-theme="light"] .anim-cupon-row .d b,html[data-theme="light"] .dp-sheet-h b,html[data-theme="light"] .lot-badge,html[data-theme="light"] .lot-prefix,html[data-theme="light"] .rs-cell em b,html[data-theme="light"] .rs-num,html[data-theme="light"] .rd-chip.on,html[data-theme="light"] .rd-sc .w,html[data-theme="light"] .rd-ls td.hit,html[data-theme="light"] .tk-repeat,html[data-theme="light"] .tk-ball{color:#b4501a!important}
html[data-theme="light"] .rd-ls td.tot.w{background:#c2410c!important}
html[data-theme="light"] .st-lose{color:#b91c1c!important}
html[data-theme="light"] .st-anulada{color:#5c6572!important}
html[data-theme="light"] .rd-top b,html[data-theme="light"] .rd-tag.g{color:#0f7a4f!important}
html.dp-en-movil .anim-lot-ic img{object-fit:contain!important;background:#fff;padding:3px;box-sizing:border-box}
html.dp-en-movil .anim-cupon-sheet{max-height:calc(100dvh - 56px)!important}
html.dp-en-movil .anim-cupon-sheet .anim-cupon-tot,html.dp-en-movil .anim-cupon-sheet .ref-button.full{position:sticky;bottom:0;z-index:2}
html.dp-en-movil .anim-cupon-sheet .dp-sheet-x{position:sticky;top:0;float:right}
html.dp-en-movil body:has(.anim-cupon-bar.has) .dpav-toast{bottom:160px!important}
html.dp-en-movil body:has(.anim-shell) .dp-deportes-floating-chat{display:none}
html.dp-en-movil body .tk-bola i{font-family:"Saira",system-ui,sans-serif}
/* ===== 12/11/2026 · Auditoría móvil 4 · Cuenta, pagos, ayuda y acceso ===== */
[data-theme="light"] .dp95-notices-head button{color:#1b1f27!important;width:44px;height:44px;display:grid;place-items:center}
[data-theme="light"] .dp95-notices .dp95-note b{color:#047857!important}
[data-theme="light"] a.dp95-note-bono b{color:#c4580a!important}
.main .dp-accept{flex-direction:row!important;align-items:flex-start!important}
.main .dp-accept input[type=checkbox]{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;padding:0!important;accent-color:#ff6a00}
html[data-theme="light"] .balance-mini strong,html[data-theme="light"] .rfx{color:#c2410c!important}
html[data-theme="light"] .dpa-badge.ok{color:#15803d!important}
html[data-theme="light"] .dpa-badge.warn{color:#c4580a!important;background:rgba(255,106,0,.12)!important}
/* Chat flotante: no tapa montos ni textos (más arriba y un poco translúcido) */
html.dp-en-movil body .dp-deportes-floating-chat{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;opacity:.92}
html.dp-en-movil body[data-page="transacciones"] .dp-deportes-floating-chat,html.dp-en-movil body[data-page="ayuda"] .dp-deportes-floating-chat{opacity:.75}
/* Campos de 16 px en el teléfono: el iPhone no hace zoom al tocarlos */
html.dp-en-movil body #app .main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
/* Chat de soporte en modo oscuro */
html:not([data-theme="light"]) body #danli-chat-widget .danli-chat-panel{color-scheme:dark;background:#12161b!important;color:#e6e9ef!important}
html:not([data-theme="light"]) body #danli-chat-widget .danli-chat-head{background:#1a1f26!important;color:#e6e9ef!important}

/* 12/11/2026 · Menú ⋮ del teléfono con los íconos rellenos de HotBet (como el menú lateral); «Canjear código» con ícono propio. */
html.dp-en-movil .dp-more-item>svg{display:none!important}
html.dp-en-movil .dp-more-item::before{content:"";flex:none;width:19px;height:19px;background:#ff6a00;-webkit-mask:var(--hbi) center/contain no-repeat;mask:var(--hbi) center/contain no-repeat}
html.dp-en-movil .dp-more-item[href="/mi-cuenta/"]{--hbi:url("/frontend/brand-icons/HB/cuenta.svg?v=2")}
html.dp-en-movil .dp-more-item[data-action="pay-notifications"]{--hbi:url("/frontend/brand-icons/HB/campana.svg?v=2")}
html.dp-en-movil .dp-more-item[data-action="canjear-codigo"]{--hbi:url("/frontend/brand-icons/HB/codigo.svg?v=1")}
html.dp-en-movil .dp-more-item[href^="/casino/?bonos"]{--hbi:url("/frontend/brand-icons/HB/bonos.svg?v=2")}
html.dp-en-movil .dp-more-item[data-action="theme"]{--hbi:url("/frontend/brand-icons/HB/tema.svg?v=2")}
html.dp-en-movil .dp-more-item[data-action="logout"]{--hbi:url("/frontend/brand-icons/HB/salir.svg?v=2")}
html[data-theme="light"] .dp-more-item[data-action="logout"]{color:#c62828!important}
html[data-theme="light"] .dp-more-item[data-action="logout"]::before{background:#c62828}
/* 12/11/2026 · Mis operaciones: botón «Ver más» (teléfono). */
.dp-tx-more{display:flex;justify-content:center;margin:14px 0 6px}
.dp-tx-more .btn{min-height:44px;padding:0 22px;font-weight:800}
/* 12/11/2026 · Mi cuenta › Billetera (teléfono): sin repetir el saldo (ya está en la cabecera y en la tarjeta principal). */
html.dp-en-movil .dpa-card .dpa-balance{display:none!important}

/* 12/11/2026 · Deportes en vivo: balón y su recorrido en la cancha (el aviso de la jugada baja para no taparlo). */
.sb3 .dp-trk-lbl{top:auto;bottom:10px;transform:translateX(-50%);z-index:3}
.sb3 .dp-trk-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.sb3 .dp-trk-path line{stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:.035 .03;vector-effect:non-scaling-stroke;opacity:.9}
.sb3 .dp-trk-path.is-home line{stroke:#ffd2b0}.sb3 .dp-trk-path.is-away line{stroke:#c7dbff}
.sb3 .dp-trk-path.is-new line{animation:dpTrkTrail .9s ease-out both}
@keyframes dpTrkTrail{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:.9}}
.sb3 .dp-trk-ball{position:absolute;left:var(--tx);top:var(--ty);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;z-index:2;background:radial-gradient(circle at 35% 30%,#fff 0 38%,#e9e9e9 60%,#bdbdbd 100%);box-shadow:0 0 0 2px rgba(0,0,0,.25),0 3px 8px rgba(0,0,0,.45)}
.sb3 .dp-trk-ball::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:dpTrkPulse 1.6s ease-out infinite}
.sb3 .dp-trk-ball.is-new{animation:dpTrkBall .9s cubic-bezier(.3,.7,.3,1) both}
@keyframes dpTrkBall{from{left:var(--fx);top:var(--fy)}to{left:var(--tx);top:var(--ty)}}
@keyframes dpTrkPulse{from{transform:scale(.6);opacity:.9}to{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.sb3 .dp-trk-ball,.sb3 .dp-trk-ball.is-new,.sb3 .dp-trk-ball::after,.sb3 .dp-trk-path.is-new line{animation:none}}

/* 12/11/2026 · PC: «Modo oscuro» sale del menú lateral (ya está en la barra de arriba). El móvil lo conserva. */
html:not(.dp-en-movil) .nav-entry.drawer-theme{display:none!important}

/* 12/11/2026 · Deportes PC, MODO CLARO: tarjetas destacadas «Opción A · Blanca limpia» (elegida por el dueño).
   Sin foto de cancha, raya naranja arriba. El modo oscuro y el móvil no cambian. */
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc{position:relative;overflow:hidden;background:#fff!important;background-image:none!important;border:1px solid #e4e6eb;box-shadow:0 4px 18px rgba(20,22,26,.06);color:#14161a}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:#ff6a00;display:block}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc::after{display:none}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc__top{color:#14161a}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc__top .sb3-fc__league{color:#5b6170}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc__top .ev__clock,html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc__top .sb3-ev__clock{color:#ff6a00}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc__teams{color:#14161a!important}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc__team b{color:#14161a}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc .sb3-logo{border:1px solid #e4e6eb;background:#f6f7f9;color:#5b6170}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc__when{color:#6b7280}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc__vs{color:#9aa1ac}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc__mk{color:#8a909c}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc .sb3-odd{background:#f3f4f6;color:#14161a;border:1px solid transparent}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc .sb3-odd small{color:#6b7280}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc .sb3-odd:hover{border-color:#ffb27a}
html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc .sb3-odd.is-on,html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc .sb3-odd.is-on b,html:not(.dp-en-movil)[data-theme="light"] .sb3 .sb3-fc .sb3-odd.is-on small{background:#ff6a00;color:#fff;border-color:#ff6a00}

/* 12/11/2026 · Animalitos › Pronósticos › Comparativa en MODO CLARO: selector, filtro y tarjetas salían negros con texto invisible. */
html[data-theme="light"] .cmp-seg{background:#f3f4f6;border-color:#e4e6eb}
html[data-theme="light"] .cmp-seg button{color:#5b6170}
html[data-theme="light"] .cmp-seg button.on{background:#fff;color:#14161a;box-shadow:0 1px 3px rgba(15,23,42,.1)}
html[data-theme="light"] .cmp-flt select,html[data-theme="light"] .cmp-regh input{background:#fff;color:#14161a;border-color:#e4e6eb}
html[data-theme="light"] .cmp-kpi div{background:#fff;border-color:#e4e6eb;box-shadow:0 1px 3px rgba(15,23,42,.05)}
html[data-theme="light"] .cmp-kpi small{color:#6b7280}
html[data-theme="light"] .cmp-kpi b{color:#14161a}
html[data-theme="light"] .cmp-kpi b.acc{color:#ff6a00}
html[data-theme="light"] .cmp-note{color:#6b7280}

/* 12/11/2026 · Pronósticos: «Buscar» del mismo alto que las fechas (antes 43 px contra 32). */
#app .forecast-module .forecast-date-only input,#app .forecast-module .forecast-date-only button.btn{min-height:36px!important;height:36px!important;box-sizing:border-box}
#app .forecast-module .forecast-date-only button.btn{align-self:end;padding:0 16px!important;font-size:13px!important;border-radius:10px;box-shadow:none}
#app .forecast-module .forecast-date-only button.btn svg{width:16px;height:16px}
html.dp-en-movil #app .forecast-module .forecast-date-only input,html.dp-en-movil #app .forecast-module .forecast-date-only button.btn{min-height:40px!important;height:40px!important}

/* 12/11/2026 · PC: botón de encoger el menú lateral. La flecha se veía blanca sobre blanco en modo claro; y sube un poco (pedido del dueño). */
html:not(.dp-en-movil) body[data-role="usuario"] .sidebar .dp-collapse,html:not(.dp-en-movil)[data-collapsed] body[data-role="usuario"] .sidebar .dp-collapse{top:80px!important}
html[data-theme="light"] .sidebar .dp-collapse{background:#fff!important;border:1px solid #e3e6ea!important}
html[data-theme="light"] .sidebar .dp-collapse::after{border-left-color:#3a3f4a!important;border-bottom-color:#3a3f4a!important}
html[data-theme="light"] .sidebar .dp-collapse:hover{background:#fff4ec!important;border-color:#ff6a00!important}
html[data-theme="light"] .sidebar .dp-collapse:hover::after{border-left-color:#ff6a00!important;border-bottom-color:#ff6a00!important}

/* 12/11/2026 · «¡Ticket registrado!»: detalle de jugadas y botón Compartir (móvil). */
.anim-ticket-det{margin:-2px 0 8px;padding:6px 12px 8px;border-radius:12px;background:var(--dp-soft,rgba(127,140,160,.08));display:grid;gap:6px}
.anim-ticket-det>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.anim-ticket-det span{display:flex;flex-direction:column;min-width:0}
.anim-ticket-det b{font-weight:800}
.anim-ticket-det small{font-size:11.5px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anim-ticket-det em{font-style:normal;font-weight:700;white-space:nowrap}
.anim-ticket-det p{font-size:12px;opacity:.7;margin:0}
.anim-ticket-share{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin:0 0 10px;border-radius:12px;border:1px solid #25d366;background:rgba(37,211,102,.1);color:#128c4a;font:700 14px Saira,system-ui,sans-serif;cursor:pointer}
html[data-theme="dark"] .anim-ticket-share{color:#4ee08a}

/* 12/11/2026 · Sidebar PC con el diseño de HotBet (aprobado por el dueño). Mismo menú y orden; el móvil no cambia. */
.dp-side-promo .tpc,.dp-side-promo .gpc,.dp-side-dots{display:none}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo{position:relative;display:flex;flex-direction:column;justify-content:center;height:50px;margin:2px 4px 12px;padding:7px 64px 7px 12px;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(100deg,#1f2a22 0%,#3d5a45 55%,#7a8f7d 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .t,html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .g{display:none}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .tpc{display:flex;flex-direction:column;line-height:1.15}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .tpc b{font:700 13.5px Saira,system-ui,sans-serif;color:#fff}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .tpc small{font:500 11.5px Saira,system-ui,sans-serif;color:rgba(255,255,255,.85)}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .gpc{display:block;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:46px;height:46px;object-fit:contain;transition:transform .25s}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo:hover .gpc{transform:translateY(-50%) rotate(-8deg) scale(1.06)}
html:not(.dp-en-movil) body #app aside.sidebar .dp-pc{display:flex!important;align-items:center;gap:12px;margin:8px 4px 10px!important;padding:12px!important;border-radius:14px!important;background:#f3f4f6!important;border:0!important;text-decoration:none}
html[data-theme="dark"]:not(.dp-en-movil) body #app aside.sidebar .dp-pc{background:#1d2330!important}
html:not(.dp-en-movil) body #app aside.sidebar .dp-pc .pc-ico{width:42px!important;height:42px!important;border-radius:11px!important;background:#14161a!important;display:grid;place-items:center;flex:none}
html:not(.dp-en-movil) body #app aside.sidebar .dp-pc .pc-ico svg{color:#ff6a00!important;width:22px;height:22px}
html:not(.dp-en-movil) body #app aside.sidebar .dp-pc .pc-txt strong{font:700 14px Saira,system-ui,sans-serif;text-transform:none;letter-spacing:0}
html:not(.dp-en-movil) body #app aside.sidebar .dp-pc .pc-txt span{font:500 12px/1.25 Saira,system-ui,sans-serif;opacity:.65}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-dots{display:flex;justify-content:space-between;align-items:center;margin:0 4px 10px}
html:not(.dp-en-movil) body #app aside.sidebar .dp-dots-btn{width:34px;height:34px;border-radius:10px;border:0;background:#f3f4f6;color:inherit;font-size:20px;font-weight:800;line-height:1;cursor:pointer;display:grid;place-items:center}
html[data-theme="dark"]:not(.dp-en-movil) body #app aside.sidebar .dp-dots-btn{background:#1d2330}
html:not(.dp-en-movil) body #app aside.sidebar .dp-dots-btn:hover{color:#ff6a00}
html:not(.dp-en-movil) body #app aside.sidebar.dp-more-open .side-bottom .drawer-lock,html:not(.dp-en-movil) body #app aside.sidebar.dp-more-open .side-bottom .drawer-install{display:flex!important}
html:not(.dp-en-movil) body #app aside.sidebar .dp-support{display:flex!important;align-items:center;gap:12px;height:52px;margin:0 -14px!important;padding:0 20px!important;border:0;border-top:1px solid #eceef2;background:transparent;width:calc(100% + 28px);font:600 15px Saira,system-ui,sans-serif;color:inherit;cursor:pointer;border-radius:0}
html[data-theme="dark"]:not(.dp-en-movil) body #app aside.sidebar .dp-support{border-top-color:rgba(255,255,255,.08)}
html:not(.dp-en-movil) body #app aside.sidebar .dp-support .badge247{margin-left:auto;background:#ff6a00!important;color:#fff!important;font:800 12px Saira,system-ui,sans-serif;padding:4px 10px;border-radius:999px;border:0}
/* 12/11/2026 · ARREGLO: el cupón de Deportes del Inicio va DENTRO de su ventana (la regla del cupón fijo abajo es solo para /deportes/). */
.home-native-coupon .sb3-right .sb3-dock,.home-native-coupon .sb3 .sb3-right .sb3-dock{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:100%!important;margin:0!important;border-radius:12px!important;box-shadow:none!important;z-index:auto!important}
.home-native-coupon .sb3-right .sb3-dock.is-vacio{display:block!important}
.home-native-coupon .sb3-right{padding-bottom:0!important;max-height:none!important;overflow:visible!important}
/* Aviso de carga del cupón con su estilo (antes texto suelto). */
.home-native-coupon-body>p[role="status"]{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;padding:34px 20px 30px;text-align:center;font:600 14.5px/1.3 Saira,system-ui,sans-serif;color:var(--text,#14161a)}
.home-native-coupon-body>p[role="status"]::before{content:"";width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,106,0,.2);border-top-color:#ff6a00;animation:dpCupSpin .8s linear infinite}
@keyframes dpCupSpin{to{transform:rotate(360deg)}}
.home-native-coupon{background:var(--card,#fff)}
html[data-theme="dark"] .home-native-coupon{background:#151922;color:#e9ecf1}

/* 12/11/2026 · ARREGLO Loterías: el logo del encabezado del tablero se salía de su caja (48 px) y tapaba el nombre. */
.lot-play-logo-wrap{overflow:hidden;border-radius:12px;flex:none}
.lot-play-logo-wrap .anim-lot-ic{width:100%!important;height:100%!important}
.lot-play-logo-wrap .anim-lot-ic img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;border-radius:10px}
#app .lottery-catalog .lot-play-logo-wrap .anim-lot-ic{width:100%!important;height:100%!important}
#app .lottery-catalog .lot-play-logo-wrap .anim-lot-ic img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain}

/* 12/11/2026 · Tarjeta Bonos del sidebar PC, diseño propio «Opción C · Festivo» (elegida por el dueño; reemplaza el regalo tipo HotBet). */
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo{background:linear-gradient(110deg,#ff6a00,#ff3d6e)!important;box-shadow:0 6px 16px rgba(255,90,40,.28)!important;height:56px;padding:8px 66px 8px 14px}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.45) 1.5px,transparent 2px);background-size:14px 14px;-webkit-mask:linear-gradient(90deg,transparent 45%,#000);mask:linear-gradient(90deg,transparent 45%,#000);pointer-events:none}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .tpc{position:relative}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .tpc b{font-size:14.5px;font-weight:800}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .gpc{display:grid!important;place-items:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.15);transition:transform .25s}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .gpc i{width:22px;height:22px;display:block;background:#ff6a00;-webkit-mask:url(/frontend/brand-icons/HB/bonos.svg) center/contain no-repeat;mask:url(/frontend/brand-icons/HB/bonos.svg) center/contain no-repeat}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo:hover .gpc{transform:translateY(-50%) rotate(-8deg) scale(1.06)}

/* 12/11/2026 · Tarjeta Bonos del sidebar PC con el naranja metálico de la tarjeta Movilnet (aprobado por el dueño). Texto, puntitos y regalo iguales. */
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo{isolation:isolate;
  background:radial-gradient(120% 90% at 30% -20%,rgba(255,255,255,.5),rgba(255,255,255,.12) 45%,rgba(255,255,255,0) 62%),linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(0,0,0,.18)),linear-gradient(155deg,#ff6a2b,#c2300c)!important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6),inset 0 -3px 6px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.18),0 10px 18px -10px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.12)!important}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .tpc b,html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .tpc small{text-shadow:0 1px 2px rgba(0,0,0,.3)}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .gpc{z-index:1}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo::after{content:"";position:absolute;top:-60%;left:-60%;width:40%;height:220%;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 65%);transform:rotate(14deg);transition:left .7s ease}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo:hover::after{left:110%}

/* 12/11/2026 · ENTORNOS (regla fija del dueño): web desde PC, web desde móvil, app Android y app PC son distintos.
   · «Ajustes APP» e «Instalar app» nunca en la vista PC (ni web ni app PC); el botón ⋮ del sidebar PC no tiene nada que mostrar, se oculta.
   · «DanliPagos para PC» solo en el navegador de Windows (dp-sin-pc lo pone dp-app-promo.js en Mac, Linux, móvil y dentro de cualquier app). */
html body #app aside.sidebar .dp-side-dots{display:none!important}
html:not(.dp-app-android) body #app aside.sidebar .side-bottom .drawer-lock,html:not(.dp-app-android) body #app aside.sidebar.dp-more-open .side-bottom .drawer-lock{display:none!important}
html:not(.dp-en-movil) body #app aside.sidebar.dp-more-open .side-bottom .drawer-install{display:none!important}
html.dp-sin-pc body #app aside.sidebar .dp-pc,html[data-app] body #app aside.sidebar .dp-pc,html.dp-en-app body #app aside.sidebar .dp-pc,html.dp-en-movil body #app aside.sidebar .dp-pc{display:none!important}
/* 12/11/2026 · Tracker en vivo estilo BetPlay (aprobado por el dueño). Cancha siempre verde; el marco sigue el tema claro/oscuro. */
.sb3 .dp-tk{--h:#ff6a00;--a:#3b82f6;padding:0!important;border-radius:16px;overflow:hidden;background:var(--sb3-card,#fff);border:1px solid var(--sb3-line,#e3e6ea);font-family:Saira,system-ui,sans-serif;color:var(--sb3-ink,#14161a)}
html:not([data-theme="light"]) .sb3 .dp-tk{background:#171b23;border-color:rgba(255,255,255,.06);color:#e8eaf0}
.sb3 .dp-tk-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px 4px;font-size:12.5px;font-weight:600}
.sb3 .dp-tk-time{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb3 .dp-tk-live{flex:none;width:8px;height:8px;border-radius:50%;background:#ef4444;animation:dpTkLive 1.4s infinite}
@keyframes dpTkLive{0%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}100%{box-shadow:0 0 0 7px rgba(239,68,68,0)}}
.sb3 .dp-tk-chips{display:flex;gap:10px;align-items:center;flex:none;opacity:.9}
.sb3 .dp-tk-chips>span{display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}
.sb3 .dp-tk-cy,.sb3 .dp-tk-cr{display:inline-block;width:8px;height:11px;border-radius:2px;background:#facc15}.sb3 .dp-tk-cr{background:#ef4444}
.sb3 .dp-tk-cc{color:var(--h)}.sb3 .dp-tk-cc svg{width:13px;height:13px}
.sb3 .dp-tk-teams{padding:2px 14px 10px}
.sb3 .dp-tk-team{display:grid;grid-template-columns:14px minmax(0,1fr) repeat(var(--np,2),22px) 28px;align-items:center;gap:6px;height:27px;font-size:14.5px}
.sb3 .dp-tk-team b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb3 .dp-tk-dot{width:12px;height:12px;border-radius:50%;background:var(--h)}.sb3 .dp-tk-dot.is-away{background:var(--a)}
.sb3 .dp-tk-p{text-align:center;font-weight:600;opacity:.65;font-variant-numeric:tabular-nums}
.sb3 .dp-tk-team strong{text-align:center;border-radius:6px;font-weight:800;background:#eef0f3;font-variant-numeric:tabular-nums}
html:not([data-theme="light"]) .sb3 .dp-tk-team strong{background:#262c38}
.sb3 .dp-tk-tabs{display:grid;grid-template-columns:repeat(var(--nt,3),1fr);background:#f6f7f9}
html:not([data-theme="light"]) .sb3 .dp-tk-tabs{background:#1d222c}
.sb3 .dp-tk-tabs button{display:grid;place-items:center;height:40px;border:0;border-bottom:2.5px solid transparent;background:transparent;color:inherit;opacity:.6;cursor:pointer}
.sb3 .dp-tk-tabs button svg{width:20px;height:20px}
.sb3 .dp-tk-tabs button.is-on{opacity:1;color:#ff6a00;border-bottom-color:#ff6a00}
.sb3 .dp-tk-pitch{position:relative;aspect-ratio:16/10;max-height:340px;width:100%;overflow:hidden;background:repeating-linear-gradient(90deg,#3f9b2f 0 8.333%,#46a835 8.333% 16.666%)}
.sb3 .dp-tk-pitch::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.28));pointer-events:none}
.sb3 .dp-tk-lines{position:absolute;inset:0;width:100%;height:100%}
.sb3 .dp-tk-lines *{fill:none;stroke:rgba(255,255,255,.8);stroke-width:.45}
.sb3 .dp-tk-zone{position:absolute;top:0;bottom:0;animation:dpTkZone 1.8s ease-in-out infinite}
.sb3 .dp-tk-zone.is-home{left:50%;right:0;background:linear-gradient(90deg,rgba(255,106,0,0),rgba(255,106,0,.45))}
.sb3 .dp-tk-zone.is-away{left:0;right:50%;background:linear-gradient(270deg,rgba(59,130,246,0),rgba(59,130,246,.45))}
.sb3 .dp-tk-zone.is-home.is-deep{left:62%;background:linear-gradient(90deg,rgba(255,106,0,0),rgba(255,106,0,.6))}
.sb3 .dp-tk-zone.is-away.is-deep{right:62%;background:linear-gradient(270deg,rgba(59,130,246,0),rgba(59,130,246,.6))}
@keyframes dpTkZone{50%{opacity:.55}}
.sb3 .dp-tk-trail{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.sb3 .dp-tk-trail line{stroke:#fff;stroke-width:2;stroke-dasharray:5 4;stroke-linecap:round;opacity:.9;vector-effect:non-scaling-stroke;animation:dpTkDash 1s linear infinite}
@keyframes dpTkDash{to{stroke-dashoffset:-18}}
.sb3 .dp-tk-ball{position:absolute;left:var(--tx);top:var(--ty);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;z-index:3;background:radial-gradient(circle at 35% 30%,#fff 0 40%,#ddd 65%,#aaa);box-shadow:0 2px 4px rgba(0,0,0,.4)}
.sb3 .dp-tk-ball::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:dpTkPulse 1.5s ease-out infinite}
.sb3 .dp-tk-ball.is-new{animation:dpTkBall .9s cubic-bezier(.3,.7,.3,1) both}
@keyframes dpTkBall{from{left:var(--fx);top:var(--fy)}to{left:var(--tx);top:var(--ty)}}
@keyframes dpTkPulse{from{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}
.sb3 .dp-tk-card{position:absolute;z-index:4;width:min(50%,215px);border-radius:10px;overflow:hidden;background:rgba(16,19,26,.95);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.sb3 .dp-tk-card.is-new{animation:dpTkCard .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes dpTkCard{from{opacity:0;transform:translateY(8px) scale(.96)}}
.sb3 .dp-tk-card__hd{display:flex;align-items:center;gap:7px;padding:6px 10px;font-weight:800;font-size:13.5px;background:var(--h);color:#fff}
.sb3 .dp-tk-card.is-away .dp-tk-card__hd{background:var(--a)}.sb3 .dp-tk-card.is-neutral .dp-tk-card__hd{background:#4b5563}
.sb3 .dp-tk-card__hd svg{flex:none;width:15px;height:15px}.sb3 .dp-tk-card__hd span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb3 .dp-tk-card__ev{padding:5px 10px 7px;font-size:12.5px;font-weight:700}.sb3 .dp-tk-card__ev small{font-size:12.5px;font-weight:500;opacity:.75}
.sb3 .dp-tk-card.is-goal .dp-tk-card__ev{font-size:18px;font-weight:900;letter-spacing:.04em}
.sb3 .dp-tk-st{padding:0 10px 9px;text-align:center}
.sb3 .dp-tk-st u{display:block;text-decoration:none;font-size:10.5px;letter-spacing:.08em;font-weight:700;opacity:.85;margin-bottom:3px;text-transform:uppercase}
.sb3 .dp-tk-row{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center}
.sb3 .dp-tk-row span{display:block;font-size:10px;font-weight:700;opacity:.8}.sb3 .dp-tk-row b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.sb3 .dp-tk-ring{width:34px;height:34px}.sb3 .dp-tk-ring circle{fill:none;stroke-width:5}.sb3 .dp-tk-ring .bg{stroke:var(--a)}
.sb3 .dp-tk-ring .fg{stroke:var(--h);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
.sb3 .dp-tk-card.is-new .dp-tk-ring .fg{animation:dpTkRing 1.1s ease-out both}
@keyframes dpTkRing{from{stroke-dasharray:0 100}}
.sb3 .dp-tk-wait{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:3;background:rgba(14,15,18,.8);color:rgba(255,255,255,.85);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;white-space:nowrap}
.sb3 .dp-tk-stats{padding:6px 14px 10px}
.sb3 .dp-tk-srow{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;font-size:12.5px;padding:7px 0;border-top:1px solid var(--sb3-line,#e3e6ea);text-align:center}
html:not([data-theme="light"]) .sb3 .dp-tk-srow{border-top-color:rgba(255,255,255,.07)}
.sb3 .dp-tk-srow:first-child{border-top:0}.sb3 .dp-tk-srow span{opacity:.7}.sb3 .dp-tk-srow b{font-weight:700;font-variant-numeric:tabular-nums}
.sb3 .dp-tk-tl{padding:10px 14px 12px;display:flex;flex-direction:column;gap:7px}
.sb3 .dp-tk-ev{display:flex;align-items:center;gap:8px;font-size:12.5px}
.sb3 .dp-tk-ev em{font-style:normal;width:28px;flex:none;opacity:.6;font-variant-numeric:tabular-nums}
.sb3 .dp-tk-ic{flex:none;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:#fff;background:var(--h)}
.sb3 .dp-tk-ic svg{width:13px;height:13px}.sb3 .dp-tk-ic.is-away{background:var(--a)}.sb3 .dp-tk-ic.is-yellow{background:#facc15;color:#111}.sb3 .dp-tk-ic.is-red{background:#dc2626}
@media (prefers-reduced-motion:reduce){.sb3 .dp-tk-live,.sb3 .dp-tk-zone,.sb3 .dp-tk-trail line,.sb3 .dp-tk-ball,.sb3 .dp-tk-ball::after,.sb3 .dp-tk-card,.sb3 .dp-tk-ring .fg{animation:none!important}}

/* 12/11/2026 · Un solo naranja de marca en PC (aprobado por el dueño): Bonos del sidebar e «Invita y gana» usan el naranja del logo
   (#FF6A00 → #E65F00). Bonos conserva el brillo metálico pero SIN borde blanco. El naranja de Movilnet queda solo en Movilnet. */
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo{
  background:radial-gradient(120% 90% at 30% -20%,rgba(255,255,255,.45),rgba(255,255,255,.1) 45%,rgba(255,255,255,0) 62%),linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(0,0,0,.16)),linear-gradient(155deg,#ff6a00,#e65f00)!important;
  box-shadow:inset 0 -3px 6px rgba(0,0,0,.18),0 10px 18px -10px rgba(0,0,0,.45)!important;border:0!important;outline:0!important}
html:not(.dp-en-movil) .dpc-a{background:radial-gradient(120% 70% at 30% -10%,rgba(255,255,255,.3),rgba(255,255,255,0) 55%),linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.2)),linear-gradient(165deg,#ff6a00,#e65f00)!important}

/* 12/11/2026 · El regalo de la tarjeta Bonos (PC) estaba muy grande: cuadro 32 px e ícono 16 px. */
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .gpc{width:32px!important;height:32px!important;border-radius:10px!important;right:12px!important}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo .gpc i{width:16px!important;height:16px!important}
html:not(.dp-en-movil) body #app aside.sidebar .dp-side-promo{padding-right:56px!important}

/* 13/11/2026 · Mi cuenta (PC): el banner B (naranja sin foto) no le gustó al dueño → opción A: la misma foto con mucha más luz y velo naranja en vez de la capa negra. */
@media (min-width:861px){
 .dpa .dpa-profile-integrated .dpa-photo-layers span{filter:brightness(1.55) saturate(1.15) contrast(1.05)}
 .dpa .dpa-profile-integrated::after{background:linear-gradient(90deg,rgba(255,106,0,.86) 0%,rgba(255,106,0,.55) 36%,rgba(255,106,0,0) 70%,rgba(0,0,0,.25) 100%)!important}
 .dpa .dpa-profile-integrated .dpa-who p{color:rgba(255,255,255,.95)!important}
 .dpa .dpa-profile-integrated .dpa-wallet{background:rgba(16,23,32,.55)!important}
}
/* 13/11/2026 · PC · Mis operaciones en línea de tiempo (opción A). Claro y oscuro. */
.txpc{display:flex;flex-direction:column;gap:6px;font-family:Saira,system-ui,sans-serif}
.txpc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.txpc-top h1{margin:0;font:800 22px Saira,system-ui,sans-serif}.txpc-top small{color:var(--muted)}
.txpc-bal{text-align:right;display:flex;flex-direction:column;gap:2px}.txpc-bal span{font-size:12.5px;color:var(--muted)}
.txpc-bal b{font:800 28px Saira,system-ui,sans-serif;color:#ff6a00}
.txpc .in{color:#16a34a}.txpc .out{color:#ef4444}
.txpc-sp{width:100%;height:76px;display:block;margin:6px 0 2px}
.txpc-ctl{display:flex;gap:10px;align-items:center;margin:6px 0 4px;flex-wrap:wrap}
.txpc-seg{display:flex;background:var(--soft,#eef1f5);border-radius:11px;padding:3px}
.txpc-seg button{border:0;background:transparent;color:var(--muted);padding:7px 14px;border-radius:9px;font:600 13.5px Saira,system-ui,sans-serif;cursor:pointer}
.txpc-seg button.on{background:var(--card,#fff);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.txpc-menu{position:relative}
.txpc-fil{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--text);font:600 13.5px Saira,system-ui,sans-serif;cursor:pointer}
.txpc-fil i{font-style:normal;background:#ff6a00;color:#fff;border-radius:999px;padding:0 7px;font-size:11.5px}
.txpc-dd{position:absolute;top:44px;left:0;z-index:30;width:270px;max-height:420px;overflow:auto;background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.txpc-dd p{margin:8px 8px 4px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.txpc-dd button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:7px 8px;border-radius:9px;font:500 13.5px Saira,system-ui,sans-serif;cursor:pointer}
.txpc-dd button:hover{background:var(--soft,#f3f4f6)}.txpc-dd button.on{background:rgba(255,106,0,.12);color:#ff6a00;font-weight:700}
.txpc-dd .txpc-clr{margin-top:6px;text-align:center;color:#ff6a00;font-weight:700}
.txpc-day{display:flex;justify-content:space-between;gap:10px;margin:16px 0 4px;font:700 12px Saira,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.txpc-tl{position:relative;padding-left:24px}.txpc-tl::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--line)}
.txpc-it{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.txpc-it:last-child{border-bottom:0}
.txpc-it::before{content:"";position:absolute;left:-21px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--c,#ff6a00);box-shadow:0 0 0 3px var(--card,#fff)}
.txpc-tx b{display:block;font-size:14.5px}.txpc-tx small{color:var(--muted);font-size:12.5px}
.txpc-am{text-align:right;display:flex;flex-direction:column;gap:2px}.txpc-am b{font:700 14.5px Saira,system-ui,sans-serif}.txpc-am small{color:var(--muted);font-size:12px}.txpc-am s{color:var(--muted)}
.txpc-eye{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.txpc-eye:hover{color:#ff6a00;border-color:#ff6a00}.txpc-eye svg{width:16px;height:16px}

/* 13/11/2026 · Mis operaciones PC simple: fechas y botón Mis tickets */
.txpc-date{display:inline-flex;align-items:center;gap:6px;font:600 13px Saira,system-ui,sans-serif;color:var(--muted)}
.txpc-date input{height:36px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);padding:0 8px;font:500 13px Saira,system-ui,sans-serif}
.txpc-tk.on{border-color:#ff6a00;color:#ff6a00}
/* 13/11/2026 · Mis operaciones PC: filtros alineados en una sola fila de 42 px (las etiquetas Desde/Hasta quedaban arriba) */
#app .txpc .txpc-ctl{display:flex!important;flex-wrap:wrap;align-items:center!important;gap:10px!important}
#app .txpc .txpc-seg{height:42px;align-items:center}
#app .txpc .txpc-seg button{height:36px;padding:0 14px}
#app .txpc .txpc-date{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;height:42px;margin:0!important;padding:0 4px 0 12px;border:1px solid var(--line);border-radius:11px;font:600 13px Saira,system-ui,sans-serif!important;color:var(--muted)!important}
#app .txpc .txpc-date input{height:38px!important;min-height:0!important;width:auto!important;margin:0!important;border:0!important;background:transparent!important;padding:0 6px!important;box-shadow:none!important;font:500 13.5px Saira,system-ui,sans-serif!important;color:var(--text)!important}
#app .txpc .txpc-fil{height:42px;padding:0 14px}
/* 13/11/2026 · PC Inicio: banner y las 2 tarjetas a 280 px (antes 330–412 px). Las franjas se quedan (pedido del dueño). */
html:not(.dp-en-movil) .dpv-top{grid-template-rows:280px auto!important;grid-auto-rows:auto!important}
html:not(.dp-en-movil) .dpv-top .dpv-hero,html:not(.dp-en-movil) .dpv-top .dpc-card{min-height:0!important;height:280px!important;max-height:280px!important}
html:not(.dp-en-movil) .dpv-top .dpv-copy h2{font-size:clamp(28px,2.6vw,40px)!important;margin:8px 0 4px!important}
html:not(.dp-en-movil) .dpv-top .dpv-copy p{margin-bottom:12px!important}
html:not(.dp-en-movil) .dpv-top .dpc-card img{max-height:130px!important;width:auto!important}
/* 13/11/2026 · Modal Depositar en modo claro: sin el fondo azul detrás del logo del banco y con un hover claro (antes se ponía oscuro). */
html[data-theme="light"] .pm-methods .pm-logo:not(.noimg){background:transparent!important}
html[data-theme="light"] .pm-methods .pm-logo img{box-shadow:0 4px 12px rgba(15,23,42,.12)!important}
html[data-theme="light"] .pm-methods .pm-m{box-shadow:0 2px 10px rgba(15,23,42,.08)!important;border:1px solid #e6e9ef!important;transition:transform .15s,box-shadow .15s,border-color .15s}
html[data-theme="light"] .pm-methods .pm-m:hover,html[data-theme="light"] .pm-methods .pm-m:focus-visible{background:#fff!important;border-color:#ff6a00!important;box-shadow:0 8px 20px rgba(255,106,0,.16)!important;transform:translateY(-2px)}
html[data-theme="light"] .pm-methods .pm-m:hover .pm-mn,html[data-theme="light"] .pm-methods .pm-m:hover .pm-mtail{color:inherit!important}
html[data-theme="light"] .pm-methods .pm-m:hover .pm-mn{color:#121821!important}html[data-theme="light"] .pm-methods .pm-m:hover .pm-mtail{color:#5e6a7a!important}
/* 13/11/2026 · Modal Depositar en PC, paso «pagar»: compacto y ordenado (datos del banco en una sola tarjeta, monto y referencia lado a lado). */
html:not(.dp-en-movil) .deposit-dialog .dp-step[data-step="pay"]{display:flex;flex-direction:column;gap:12px}
html:not(.dp-en-movil) .deposit-dialog [data-selhead]{padding:10px 12px!important;border-radius:14px!important;gap:12px!important;margin:0!important}
html:not(.dp-en-movil) .deposit-dialog [data-selhead] .pm-logo,html:not(.dp-en-movil) .deposit-dialog [data-selhead] .pm-logo img{width:40px!important;height:40px!important;border-radius:11px!important}
html:not(.dp-en-movil) .deposit-dialog [data-selhead] button{height:34px!important;padding:0 14px!important;border-radius:10px!important;font-size:13px!important}
html[data-theme="light"]:not(.dp-en-movil) .deposit-dialog [data-selhead] button{background:#fff!important;color:#ff6a00!important;border:1px solid #ffd2b0!important}
html:not(.dp-en-movil) .deposit-dialog .pm-sect2{margin:2px 0 -4px!important;font-size:11.5px!important;letter-spacing:.08em}
html:not(.dp-en-movil) .deposit-dialog [data-bank-details]{display:flex;flex-direction:column;border:1px solid var(--line,#e6e9ef);border-radius:14px;overflow:hidden}
html[data-theme="light"]:not(.dp-en-movil) .deposit-dialog [data-bank-details]{background:#fff;border-color:#e6e9ef}
html:not(.dp-en-movil) .deposit-dialog [data-bank-details] .pm-row{margin:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:10px 12px!important;gap:12px!important;min-height:0!important;border-top:1px solid var(--line,#eef0f3)}
html:not(.dp-en-movil) .deposit-dialog [data-bank-details] .pm-row:first-child{border-top:0}
html:not(.dp-en-movil) .deposit-dialog [data-bank-details] .pm-ic{width:30px!important;height:30px!important;border-radius:9px!important}
html:not(.dp-en-movil) .deposit-dialog [data-bank-details] .pm-ic svg{width:16px!important;height:16px!important}
html:not(.dp-en-movil) .deposit-dialog [data-bank-details] .pm-tx small{font-size:11.5px!important}
html:not(.dp-en-movil) .deposit-dialog [data-bank-details] .pm-tx strong{font-size:16px!important;line-height:1.25!important}
html:not(.dp-en-movil) .deposit-dialog [data-bank-details] .pm-copy{height:32px!important;min-width:32px!important;border-radius:9px!important}
html:not(.dp-en-movil) .deposit-dialog #report-payment-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important}
html:not(.dp-en-movil) .deposit-dialog #report-payment-form label{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;font-size:13px!important;font-weight:700}
html:not(.dp-en-movil) .deposit-dialog #report-payment-form input:not([type=hidden]){height:44px!important;border-radius:11px!important;padding:0 12px!important;font-size:15px!important}
html[data-theme="light"]:not(.dp-en-movil) .deposit-dialog #report-payment-form input:not([type=hidden]){background:#fff!important;border:1px solid #dfe3ea!important}
html:not(.dp-en-movil) .deposit-dialog #report-payment-form input:focus{border-color:#ff6a00!important;box-shadow:0 0 0 3px rgba(255,106,0,.15)!important;outline:0}
html:not(.dp-en-movil) .deposit-dialog #report-payment-form .pm-hint,html:not(.dp-en-movil) .deposit-dialog #report-payment-form footer{grid-column:1/-1;margin:0!important}
html:not(.dp-en-movil) .deposit-dialog #report-payment-form footer{display:flex;gap:10px;justify-content:flex-end}
/* 13/11/2026 · Pie del móvil, tarjeta de la app: a todo el ancho, el teléfono más pequeño y a la derecha para que no tape el título. */
html.dp-en-movil body .dpf-m-app{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;min-height:176px!important;overflow:hidden}
html.dp-en-movil body .dpf-m-app__t{width:60%!important;padding-right:6px}
html.dp-en-movil body .dpf-m-app__t b{font-size:18px!important}
html.dp-en-movil body .dpf-m-ph{right:-14px!important;top:26px!important;width:124px!important;height:252px!important;border-radius:24px!important;padding:5px!important;transform:rotate(-6deg)!important}
html.dp-en-movil body .dpf-m-ph img{border-radius:20px!important}
html.dp-en-movil body .dpf-m-ph span{top:10px!important;width:34px!important;height:9px!important}

/* 13/11/2026 · Footer de PC como HotBet: logos de proveedores en gris (color al pasar), 4 columnas y bloque legal 18+. El móvil no cambia. */
.dpf-pc{display:none}
html:not(.dp-en-movil) .dp-information-footer>.dpf-group,html:not(.dp-en-movil) .dp-information-footer>.dpf-responsible,html:not(.dp-en-movil) .dp-information-footer>.dpf-copy{display:none!important}
html:not(.dp-en-movil) .dp-information-footer{display:block!important}
html:not(.dp-en-movil) .dpf-pc{display:flex;flex-direction:column;gap:22px;font-family:Saira,system-ui,sans-serif}
html:not(.dp-en-movil) .dpf-pc-prov{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 34px;padding:18px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html:not(.dp-en-movil) .dpf-pc-prov img{height:30px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(1) brightness(1.6) opacity(.55);transition:filter .2s,transform .2s}
html[data-theme="light"]:not(.dp-en-movil) .dpf-pc-prov img{filter:grayscale(1) brightness(.35) opacity(.55)}
html:not(.dp-en-movil) .dpf-pc-prov a:hover img{filter:none;transform:scale(1.05)}
html:not(.dp-en-movil) .dpf-pc-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
html:not(.dp-en-movil) .dpf-pc-col{display:flex;flex-direction:column;gap:9px}
html:not(.dp-en-movil) .dpf-pc-col strong{font:800 14px Saira,system-ui,sans-serif;color:var(--text);margin-bottom:2px}
html:not(.dp-en-movil) .dpf-pc-col a{font-size:13.5px;color:var(--muted);text-decoration:none}
html:not(.dp-en-movil) .dpf-pc-col a:hover{color:#ff6a00}
html:not(.dp-en-movil) .dpf-pc-legal{display:flex;align-items:center;gap:16px;padding-top:18px;border-top:1px solid var(--line)}
html:not(.dp-en-movil) .dpf-pc-age{flex:none;width:46px;height:46px;border-radius:50%;border:2px solid #ef4444;color:#ef4444;display:grid;place-items:center;font:800 14px Saira,system-ui,sans-serif}
html:not(.dp-en-movil) .dpf-pc-legal b{display:block;font-size:14px;color:var(--text)}
html:not(.dp-en-movil) .dpf-pc-legal p{margin:3px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5;max-width:760px}
html:not(.dp-en-movil) .dpf-pc-copy{margin-left:auto;font-size:12.5px;color:var(--muted);white-space:nowrap}/* 13/11/2026 · Deportes PC: tarjetas destacadas más compactas (~150 px en vez de ~205) para que los juegos rápidos queden a la vista. */
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc{padding:10px 14px!important;gap:6px!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__teams{min-height:0!important;gap:6px!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__team{gap:4px!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__team .sb3-logo{width:38px!important;height:38px!important;min-width:38px!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__team .sb3-logo img{width:30px!important;height:30px!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__score{font-size:20px!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__mk{margin:2px 0!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__odds .sb3-odd{min-height:34px!important;height:34px!important;padding:2px 6px!important}
/* juegos rápidos: tira un poco más baja en PC */
html:not(.dp-en-movil) .qg-strip{margin:10px 0!important;padding:10px 12px!important}
html:not(.dp-en-movil) .qg-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html:not(.dp-en-movil) .qg-card{aspect-ratio:16/9!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc{min-height:0!important;height:auto!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__mid{gap:2px!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__lg{font-size:22px!important;line-height:1!important;height:auto!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__mk{display:none!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__team .sb3-logo{width:32px!important;height:32px!important;min-width:32px!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__team .sb3-logo img{width:26px!important;height:26px!important}
html:not(.dp-en-movil) .qg-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html:not(.dp-en-movil) .qg-card{aspect-ratio:2/1!important}
/* 13/11/2026 · Deportes PC, destacados: banderas visibles y cuotas SIEMPRE abajo y alineadas en todas las tarjetas (con o sin marcador). */
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc{display:flex!important;flex-direction:column!important;align-self:stretch!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__odds{margin-top:auto!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__teams{flex:1 1 auto!important;align-items:center!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__team .sb3-logo{width:40px!important;height:40px!important;min-width:40px!important;overflow:hidden}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__team .sb3-logo img{width:30px!important;height:30px!important;object-fit:contain!important;border-radius:50%}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__odds .sb3-odd{height:auto!important;min-height:42px!important;padding:4px 6px!important;line-height:1.15!important}
html:not(.dp-en-movil) .qg-cards{display:flex!important}
html:not(.dp-en-movil) .qg-card{aspect-ratio:2/1!important;flex:0 0 calc((100% - 30px)/4)!important}
html:not(.dp-en-movil) .sb3 .sb3-feat>*{align-items:stretch!important}
/* 13/11/2026 · Móvil: Casino Express no (ya está la tira de juegos rápidos arriba); solo PC. */
html.dp-en-movil [data-qg="express"]{display:none!important}
/* 13/11/2026 · Juegos rápidos: (1) con apuestas en el cupón, el Casino Express se vuelve una barra compacta (no empuja el botón Apostar);
   (2) etiqueta EN VIVO con fondo oscuro, borde blanco sutil y punto rojo que parpadea (se lee sobre el rojo de Aviator). */
html:not(.dp-en-movil) .sb3-right:has(.sb3-dock:not(.is-vacio)) [data-qg="express"] .q,html:not(.dp-en-movil) .sb3-right:has(.sb3-dock:not(.is-vacio)) [data-qg="express"] .w{display:none!important}
html:not(.dp-en-movil) .sb3-right:has(.sb3-dock:not(.is-vacio)) [data-qg="express"]{padding:8px 10px!important}
html:not(.dp-en-movil) .sb3-right:has(.sb3-dock:not(.is-vacio)) [data-qg="express"] h4{margin:0 0 6px!important}
html:not(.dp-en-movil) .sb3-right:has(.sb3-dock:not(.is-vacio)) [data-qg="express"] img{width:38px!important;height:38px!important;border-radius:9px!important}
.qg-lv{display:inline-flex!important;align-items:center;gap:5px;background:rgba(10,12,18,.72)!important;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(2px);padding:2px 8px 2px 6px!important}
.qg-lv::before{content:"";width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:qgDot 1.3s infinite}
@keyframes qgDot{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 6px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
@media(prefers-reduced-motion:reduce){.qg-lv::before{animation:none}}
/* 13/11/2026 · Destacados PC: la bandera llena su círculo (antes se veía pequeña dentro de un círculo grande). */
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__team .sb3-logo{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;overflow:hidden!important;border-radius:50%!important}
html:not(.dp-en-movil) .sb3 .sb3-feat .sb3-fc__team .sb3-logo img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;object-fit:cover!important;border-radius:50%!important;transform:scale(1.18)}

/* 13/11/2026 · tope retirable y chips en la tarjeta de oferta */
.cxb-tope{align-self:flex-start;margin:10px 0 6px;padding:6px 12px;border-radius:10px;background:rgba(0,0,0,.28);font:700 13px/1.2 Saira,system-ui,sans-serif;color:#fff}.cxb-tope b{font-size:16px;font-weight:900}
.cxb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}.cxb-chips span{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.45);color:#fff}

/* 13/11/2026 · «Jugar» en últimos ganadores */
.dpw-row{display:flex!important;align-items:center;gap:8px;margin-top:2px}.dpw-row em{margin-top:0}
.dpw-go{flex:none;font:700 11.5px/1 "Saira",system-ui,sans-serif;font-style:normal;color:#fff;background:#ff6a00;border-radius:999px;padding:5px 10px}
.dpw-c:hover .dpw-go{background:#e65f00}
html.dp-en-movil .dpw-go{padding:4px 8px;font-size:11px}
.dpw-c{width:204px}.dpw-row{gap:6px}html.dp-en-movil .dpw-c{width:184px}

/* 13/11/2026 · Juegos rápidos: mismo formato cuadrado que el lobby del casino (6 a la vista en PC) */
html:not(.dp-en-movil) .qg-card{aspect-ratio:3/4!important;flex:0 0 calc((100% - 80px)/9)!important}
html.dp-en-movil .qg-card{aspect-ratio:3/4!important;flex:0 0 27%!important}
.qg-card b,.qg-card span{font-size:11.5px!important}

/* 13/11/2026 · Deportes compacto (previsual aprobada): destacados ~150 px y cuotas mejoradas ~165 px */
/* Destacados: equipo y logo en una línea, marcador al centro, cuotas en una fila baja */
.sb3 .sb3-feat .sb3-fc{padding:8px 12px!important;gap:6px!important;min-height:0!important}
.sb3 .sb3-feat .sb3-fc__top{font-size:11.5px!important;line-height:16px!important;min-height:16px!important}
.sb3 .sb3-feat .sb3-fc__teams{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:0!important;flex:0 0 auto!important;padding:2px 0!important}
.sb3 .sb3-feat .sb3-fc__team{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}
.sb3 .sb3-feat .sb3-fc__team:last-child{flex-direction:row!important;justify-content:flex-end!important}
.sb3 .sb3-feat .sb3-fc__team b{font-size:13.5px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
.sb3 .sb3-feat .sb3-fc__team .sb3-logo{width:28px!important;height:28px!important;min-width:28px!important;font-size:9px!important}
.sb3 .sb3-feat .sb3-fc__mid{gap:0!important;min-width:44px!important}
.sb3 .sb3-feat .sb3-fc__score{font-size:17px!important;line-height:1.1!important}
.sb3 .sb3-feat .sb3-fc__vs{font-size:13px!important}
.sb3 .sb3-feat .sb3-fc__lg,.sb3 .sb3-feat .sb3-fc__when{display:none!important}
.sb3 .sb3-feat .sb3-fc__min{font-size:11px!important;margin-top:1px!important}
.sb3 .sb3-feat .sb3-fc__mk{display:none!important}
.sb3 .sb3-feat .sb3-fc__odds{margin-top:0!important;gap:4px!important}
.sb3 .sb3-feat .sb3-fc__odds .sb3-odd{min-height:32px!important;height:32px!important;padding:0 8px!important;display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.sb3 .sb3-feat .sb3-fc__odds .sb3-odd small{font-size:11px!important;margin:0!important}
.sb3 .sb3-feat .sb3-fc__odds .sb3-odd b{font-size:13.5px!important}
/* Logos de destacados más chicos (pedido del dueño 13/11) */
html:not(.dp-x0) .sb3 .sb3-feat .sb3-fc__team .sb3-logo{width:24px!important;height:24px!important;min-width:24px!important;font-size:8px!important}
html:not(.dp-x0) .sb3 .sb3-feat .sb3-fc__team .sb3-logo img{width:100%!important;height:100%!important}

/* 13/11/2026 · Sobre fondo naranja, letras blancas (pedido del dueño) */
.sb3 .sb3-slip__head,.sb3 .sb3-slip__head span,.sb3 .sb3-slip__head button,.sb3 .sb3-slip__view.is-on,.sb3 .sb3-slip__head svg{color:#fff!important}
.sb3 .sb3-slip__view:not(.is-on){color:rgba(255,255,255,.72)!important}
.sb3 .sb3-slip__head .sb3-slip__n{background:#fff!important;color:#ff6a00!important}
.sb3 .sb3-mentor__head,.sb3 .sb3-mentor__head b,.sb3 .sb3-mentor__head button,.sb3 .sb3-mentor__head svg{color:#fff!important}

/* 13/11/2026 · imagen del animal en Resultados de Animalitos */
.res-dado-img{display:block;width:40px;height:40px;margin:0 auto 2px}.res-dado-img img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.res-dado-img+.res-dado-num{font-size:14px!important;line-height:1.1!important;margin-top:2px}
.res-dado-img~.res-dado-num{display:inline!important;font-size:12px!important;font-weight:800}.res-dado-img~.res-dado-num::after{content:" - ";font-weight:600}.res-dado-img~.res-dado-nom{display:inline!important;font-size:12px!important;font-weight:600;white-space:nowrap}

/* 13/11/2026 · Resultados de Animalitos con imagen: la tarjeta crece con su contenido (antes la altura fija cortaba el nombre).
   PC y móvil: «16 - Oso» en una sola línea, número y nombre del mismo color (también el último sorteo); en móvil letra más pequeña y «…» si no cabe. */
.res-dado-it{height:auto!important;min-height:84px}
.res-dado-body{flex-flow:row nowrap;flex-wrap:wrap;align-content:center;justify-content:center;min-width:0}
.res-dado-img{flex:0 0 100%;display:flex;justify-content:center}.res-dado-img img{width:40px;height:40px}
.res-dado-line{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;color:var(--text,#fff);line-height:1.2}
.res-dado-it.is-latest .res-dado-line,.res-dado-it.is-latest .res-dado-num{color:var(--text,#fff)}
:root[data-theme="light"] .res-dado-line,:root[data-theme="light"] .res-dado-it.is-latest .res-dado-line{color:rgb(15,23,42)}
@media (max-width:600px){.res-dado-it{min-height:0}.res-dado-img img{width:34px;height:34px}.res-dado-line{font-size:10px;letter-spacing:-.1px}}
@media (min-width:601px){.res-fichas-grid-c{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important}.res-dado-line{font-size:11.5px}}
/* 13/11/2026 (dueño) · Móvil: las pestañas de Animalitos (Apostar, Mis jugadas, Resultados…) muestran una flecha para indicar que hay más; se oculta al llegar al final. */
@media (max-width:768px){
 html body #app .anim-tabs-scroller-wrap{-webkit-mask:none;mask:none}
 html body #app .anim-tabs-scroller-wrap .tabs-more-arrow-btn{display:flex !important;align-items:center;justify-content:flex-end;right:0;width:44px;height:34px;padding:0 2px 0 0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,transparent,var(--bg,#0b0e14) 55%) !important;color:var(--orange,#ff6a00) !important;transition:opacity .2s}
 html body #app .anim-tabs-scroller-wrap .tabs-more-arrow-btn svg{width:20px;height:20px;stroke-width:3;filter:none}
}
/* 13/11/2026 (dueño) · Página pública de Resultados › Animalitos: «16 - Oso» en una línea, número y nombre del mismo color, en PC y móvil. */
html body .rs-cell em{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:var(--text)}
html body .rs-cell em b{color:inherit !important;font-weight:800}
html body .rs-cell em b::after{content:" -";font-weight:700}
@media (max-width:620px){html body .rs-cell em{font-size:11px}html body .rs-grid{gap:6px;padding:8px}}
/* 13/11/2026 (dueño: «el banner y las tarjetas de un lado tienen mucha altura») · PC: de 280 a 220 px. Móvil sin cambios. */
@media (min-width:901px){
html:not(.dp-en-movil) .dpv-top{grid-template-rows:220px auto!important}
html:not(.dp-en-movil) .dpv-top .dpv-hero,html:not(.dp-en-movil) .dpv-top .dpc-card{min-height:0!important;height:220px!important;max-height:220px!important}
html:not(.dp-en-movil) .dpv-top .dpc-card{padding:18px 16px!important}
html:not(.dp-en-movil) .dpv-top .dpc-card img{max-height:100px!important;width:auto!important;bottom:12px!important}
}
/* 13/11/2026 (dueño: «en móvil se pierde mucho espacio entre elementos separados») · Deportes móvil: separación pareja de 10 px
   entre bloques (antes ~20 px de hueco + 12 px de margen propio de los juegos rápidos), y la línea naranja de «LIGAS PRINCIPALES»
   6 px más abajo del texto (estaba pegada). PC sin cambios. */
html.dp-en-movil body .sb3 .sb3-center{gap:10px!important}
html.dp-en-movil body .sb3 .sb3-center>.qg-strip{margin:0!important}
html.dp-en-movil body .sb3 .sb3-mltab{padding-bottom:6px!important}
/* 13/11/2026 (dueño) · botón verde junto al saldo: «Bs.» en lugar de «$» (todo el sistema es en bolívares) */
html body[data-role="usuario"] .topbar .dp91-deposit-dollar{font:800 14px/1 "Saira",system-ui,sans-serif!important;letter-spacing:-.3px!important}
/* 13/11/2026 (dueño) · Recargas, MÓVIL y MODO CLARO: la barrita de color de la marca (::after) quedaba encima del nombre como si
   lo tachara; fuera la barrita, el aro decorativo y el degradado: tarjeta blanca limpia. El modo oscuro NO cambia. */
html.dp-en-movil[data-theme="light"] #app .operator-tile[data-operator-theme]::after,
html.dp-en-movil[data-theme="light"] #app .operator-tile[data-operator-theme]::before{display:none!important}
html.dp-en-movil[data-theme="light"] #app .operator-tile[data-operator-theme]{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 1px 3px rgba(15,23,42,.06)!important}
html.dp-en-movil[data-theme="light"] #app .operator-tile[data-operator-theme].selected{background:#fff7f0!important;border:2px solid #ff6a00!important;box-shadow:0 2px 10px rgba(255,106,0,.18)!important}
/* 13/11/2026 (dueño) · Animalitos móvil: íconos de las loterías un poco más grandes (64 → 76 px) */
html.dp-en-movil body #app .anim-shell.anim-shell.anim-shell .anim-lot-ic{width:76px!important;height:76px!important}
html.dp-en-movil body #app .anim-shell.anim-shell.anim-shell .anim-card .anim-lot .anim-lot-ic img{width:100%!important;height:100%!important}
/* (13/11) misma corrección con más especificidad: la franja de color venía del fondo (portal.css:4178) */
html.dp-en-movil[data-theme="light"] body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 1px 3px rgba(15,23,42,.06)!important}
html.dp-en-movil[data-theme="light"] body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme].selected{background:#fff7f0!important;border:2px solid #ff6a00!important;box-shadow:0 2px 10px rgba(255,106,0,.18)!important}
html.dp-en-movil[data-theme="light"] body #app .ref-recharge .operators-grid{gap:8px!important}
html.dp-en-movil[data-theme="light"] body #app .ref-recharge .operators-grid > .operator-tile[data-operator-theme]{border-radius:14px!important}
/* 13/11/2026 (dueño) · Mis operaciones (usuario, móvil): un solo selector «Mostrar» en lugar de la fila de botones */
.tx-svc{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.tx-svc label{font:600 13px/1 "Saira",system-ui,sans-serif;color:var(--muted,#64748b);flex:none}
.tx-svc select{flex:1;min-width:0;height:42px}
html body #app .tx-svc select.dp-txf-select{flex:1 1 auto!important;width:auto!important;max-width:none!important}