.page-template-elementor_canvas .elementor-element,
.page-template-elementor_canvas .elementor-element .e-con-inner {
    padding: 0;
}
*{box-sizing:border-box;margin:0;padding:0}
.frame{width:375px;margin:0 auto;background:var(--color-background-secondary);border-radius:16px;overflow:hidden;border:0.5px solid var(--color-border-tertiary);font-family:var(--font-sans)}
.statusbar{background:#0a1628;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.statusbar-time{color:#fff;font-size:13px;font-weight:500}
.statusbar-icons{color:#fff;font-size:11px;display:flex;gap:6px}
.navbar{background:#0a1628;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}
.hbg{width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between}
.hbg span{display:block;height:2px;background:#fff;border-radius:1px}
.logo{width:30px;height:30px;border-radius:50%;background:#1a3a6b;display:flex;align-items:center;justify-content:center;margin:0 8px 0 8px}
.nav-title{color:#fff;font-size:15px;font-weight:500}
.flag{width:22px;height:15px;border-radius:2px;overflow:hidden;display:flex;flex-direction:column}
.fr{height:33%;background:#c60b1e}.fy{height:34%;background:#ffc400}
.tabs-g{background:#0a1628;display:flex;border-bottom:1px solid rgba(255,255,255,0.1)}
.tg{color:rgba(255,255,255,0.5);font-size:12px;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}
.tg.a{color:#4fa3ff;border-bottom:2px solid #4fa3ff}
.tg-i{font-size:14px}
.tabs-l{background:#0d1f3c;display:flex;border-bottom:1px solid rgba(255,255,255,0.08)}
.tl, .tl span{color:rgba(255,255,255,0.8);font-size:12px;padding:9px 0;flex:1;text-align:center}
.nav-link.tl.active span {color:black;font-weight:500;border-bottom:2px solid #4fa3ff}

.intro{background:#0a1628;padding:20px 20px 0}
.badge{display:inline-flex;align-items:center;gap:5px;background:rgba(79,163,255,0.15);border:0.5px solid rgba(79,163,255,0.3);color:#4fa3ff;font-size:10px;font-weight:500;padding:4px 12px;border-radius:20px;letter-spacing:0.4px;margin-bottom:12px}
.badge-dot{width:5px;height:5px;border-radius:50%;background:#4fa3ff}
.intro-title{color:#fff;font-size:22px;font-weight:500;line-height:1.25;margin-bottom:8px}
.intro-sub{color:rgba(255,255,255,0.55);font-size:13px;line-height:1.55;padding-bottom:20px}

.hero-img{width:100%;height:148px;background:#0d2040;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.players{display:flex;align-items:flex-end;gap:3px;opacity:0.4}
.pl{border-radius:3px 3px 0 0}
/* .fade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,22,40,0.1) 30%,#0a1628 100%)} */

.body{background:var(--color-background-primary)}
.sec{padding:18px 16px}
.sec+.sec{border-top:0.5px solid var(--color-border-tertiary)}
.sec-label{font-size:10px;color:var(--color-text-tertiary);font-weight:500;letter-spacing:0.6px;text-transform:uppercase;margin-bottom:4px}
.sec-sub{font-size:12px;color:var(--color-text-secondary);margin-bottom:14px}

.steps{display:flex;flex-direction:column;gap:9px}
.step{display:flex;align-items:center;gap:12px;background:var(--color-background-secondary);border-radius:10px;padding:14px 14px}
.sn{width:28px;height:28px;border-radius:50%;background:#0d1f3c;color:#4fa3ff;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.st{font-size:13px;font-weight:500;color:var(--color-text-primary)}
.sd{font-size:11px;color:var(--color-text-secondary);margin-top:2px;line-height:1.4}

.cards{display:flex;flex-direction:column;gap:9px}
.card-home{background:var(--color-background-secondary);border-radius:10px;padding:13px;display:flex;align-items:flex-start;gap:11px}
.ci{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}
.c1{background:#e6f1fb}.c2{background:#eaf3de}.c3{background:#faeeda}
.ct{font-size:13px;font-weight:500;color:var(--color-text-primary);margin-bottom:3px}
.cd{font-size:11px;color:var(--color-text-secondary);line-height:1.5}
.cv{color:#c2410c;font-weight:500}

.rk{background:var(--color-background-secondary);border-radius:10px;overflow:hidden}
.rkh{background:#0d1f3c;padding:11px 14px;display:flex;justify-content:space-between;align-items:center}
.rkht{color:#fff;font-size:12px;font-weight:500}
.rkhl{color:#4fa3ff;font-size:11px}
.rkr{padding:2px 0}
.rkrow{display:flex;align-items:center;gap:10px;padding:9px 14px}
.rkrow+.rkrow{border-top:0.5px solid var(--color-border-tertiary)}
.rkp{width:18px;font-size:12px;font-weight:500;text-align:center}
.g{color:#d97706}.s{color:#64748b}.b{color:#92400e}
.rka{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500}
.rkn{flex:1;font-size:12px;color:var(--color-text-primary)}
.rkv{font-size:12px;font-weight:500;color:var(--color-text-primary)}
.rkv span{font-size:10px;color:var(--color-text-tertiary);font-weight:400}

.cta{background:#0a1628;border-radius:10px;padding:22px 16px;text-align:center}
.ctat{color:#fff;font-size:16px;font-weight:500;margin-bottom:5px}
.ctas{color:rgba(255,255,255,0.45);font-size:11px;margin-bottom:18px;line-height:1.5}
.ctab{display:flex;flex-direction:column;gap:9px}
.bp{width:100%;padding:12px;border-radius:8px;font-size:13px;font-weight:500;background:#4fa3ff;color:#0a1628;border:none;cursor:pointer}
.bo{width:100%;padding:12px;border-radius:8px;font-size:13px;background:transparent;color:#fff;border:0.5px solid rgba(255,255,255,0.25);cursor:pointer}



*{box-sizing:border-box;margin:0;padding:0}
.frame{width:375px;margin:0 auto;background:#f8fafc;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;font-family:system-ui,sans-serif}
.sb{background:#0a1628;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.sb-t{color:#fff;font-size:13px;font-weight:500}
.sb-i{color:#fff;font-size:11px;display:flex;gap:6px}
.nav{background:#0a1628;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}
.nav-l{display:flex;align-items:center;gap:10px}
.hbg{width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between}
.hbg span{display:block;height:2px;background:#fff;border-radius:1px}
.logo{width:30px;height:30px;border-radius:50%;background:#1a3a6b;display:flex;align-items:center;justify-content:center}
.logo svg{width:16px;height:16px}
.nav-t{color:#fff;font-size:15px;font-weight:500}
.flag{width:22px;height:15px;border-radius:2px;overflow:hidden;display:flex;flex-direction:column}
.fr{height:33%;background:#c60b1e}.fy{height:34%;background:#ffc400}
.tabs-g{background:#0a1628;display:flex;border-bottom:1px solid rgba(255,255,255,0.1)}
.tg{color:rgba(255,255,255,0.5);font-size:12px;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}
.tg.a{color:#4fa3ff;border-bottom:2px solid #4fa3ff}
.tg-i{font-size:14px}
.tabs-l{background:#0d1f3c;display:flex;border-bottom:1px solid rgba(255,255,255,0.08)}
.tl{color:rgba(255,255,255,0.45);font-size:12px;padding:9px 0;flex:1;text-align:center}
.tl.a{color:#fff;font-weight:500;border-bottom:2px solid #4fa3ff}
.body{background:#fff}

.filters{background:#0d1f3c;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.f-row{display:flex;gap:8px}
.f-label{color:rgba(255,255,255,0.45);font-size:10px;font-weight:500;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:6px}

.metric-tabs{display:flex;gap:6px;overflow-x:auto}
.metric-tabs::-webkit-scrollbar{display:none}
.mtab{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.55);font-size:11px;font-weight:500;padding:6px 10px;border-radius:16px;white-space:nowrap;border:0.5px solid transparent;cursor:pointer;flex-shrink:0}
.mtab.a{background:rgba(79,163,255,0.2);color:#4fa3ff;border-color:rgba(79,163,255,0.4)}
.mtab.a .star{color:#f59e0b;font-size:10px;margin-left:3px}

.metric-desc{background:rgba(79,163,255,0.08);border-radius:8px;padding:8px 10px}
.metric-desc-text{color:rgba(255,255,255,0.6);font-size:10px;line-height:1.5}
.metric-desc-text strong{color:#4fa3ff;font-weight:500}

.sel{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);font-size:11px;padding:6px 10px;border-radius:8px;border:0.5px solid rgba(255,255,255,0.15);flex:1;display:flex;justify-content:space-between;align-items:center}
.sel-arrow{color:rgba(255,255,255,0.4);font-size:10px}

.my-card{background:#0d1f3c;margin:12px 14px;border-radius:10px;border:1px solid rgba(79,163,255,0.3);padding:12px 14px}
.my-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.my-avatar{width:36px;height:36px;border-radius:50%;background:#1a3a6b;border:2px solid #4fa3ff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#4fa3ff;flex-shrink:0}
.my-name{color:#fff;font-size:13px;font-weight:500}
.my-tag{display:inline-block;background:rgba(21,128,61,0.2);color:#4ade80;font-size:10px;font-weight:500;padding:2px 7px;border-radius:10px;margin-top:2px;border:0.5px solid rgba(74,222,128,0.3)}
.my-tag.warn{background:rgba(245,158,11,0.15);color:#fbbf24;border-color:rgba(251,191,36,0.3)}
.my-pos{margin-left:auto;text-align:right}
.my-pos-num{color:#4fa3ff;font-size:22px;font-weight:500;line-height:1}
.my-pos-label{color:rgba(255,255,255,0.4);font-size:10px}
.my-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,0.08);border-radius:8px;overflow:hidden}
.my-stat{background:#0d1f3c;padding:8px 6px;text-align:center}
.my-stat-val{color:#fff;font-size:13px;font-weight:500;line-height:1.2}
.my-stat-val.pos{color:#4ade80}.my-stat-val.neg{color:#f87171}
.my-stat-label{color:rgba(255,255,255,0.4);font-size:9px;margin-top:2px;line-height:1.2}

.podium{padding:14px 14px 0;background:#f8fafc}
.podium-label{font-size:10px;color:#94a3b8;font-weight:500;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:10px}
.podium-row{display:flex;gap:6px;align-items:flex-end}
.pod-card{flex:1;border-radius:10px;padding:10px 8px;text-align:center;border:0.5px solid #e2e8f0}
.pod-card.p1{background:#fef9ec;border-color:#fde68a}
.pod-card.p2{background:#f8fafc;border-color:#e2e8f0}
.pod-card.p3{background:#fef5ee;border-color:#fed7aa}
.pod-rank{font-size:14px;font-weight:500;margin-bottom:4px}
.pod-rank.g{color:#d97706}.pod-rank.s{color:#64748b}.pod-rank.b{color:#92400e}
.pod-av{width:32px;height:32px;border-radius:50%;margin:0 auto 5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500}
.pod-av.g{background:#fde68a;color:#92400e}
.pod-av.s{background:#e2e8f0;color:#475569}
.pod-av.b{background:#fed7aa;color:#92400e}
.pod-name{font-size:11px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pod-val{font-size:12px;font-weight:500;color:#111827;margin-top:3px}
.pod-val2{font-size:10px;color:#64748b;margin-top:1px}

.table-header{display:flex;align-items:center;padding:8px 14px;background:#f1f5f9;border-top:0.5px solid #e2e8f0;border-bottom:0.5px solid #e2e8f0}
.th-pos{width:36px;font-size:10px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:0.3px}
.th-user{flex:1;font-size:10px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:0.3px;padding-left:8px}
.th-metric{width:52px;text-align:right;font-size:10px;color:#4fa3ff;font-weight:500;text-transform:uppercase;letter-spacing:0.3px; white-space: nowrap;}
.th-more{width:24px}

.r-row{display:flex;align-items:center;padding:9px 14px;border-bottom:0.5px solid #f1f5f9}
.r-row:last-child{border-bottom:none}
.r-pos{width:36px;display:flex;flex-direction:column;align-items:center;gap:2px}
.r-pos-num{font-size:12px;font-weight:500;color:#111827}
.r-pos-num.g{color:#d97706}.r-pos-num.s{color:#64748b}.r-pos-num.b{color:#92400e}
.r-trend{font-size:9px;font-weight:500}
.r-trend.up{color:#16a34a}.r-trend.dn{color:#dc2626}.r-trend.eq{color:#94a3b8}
.r-user{flex:1;display:flex;align-items:center;gap:8px;padding-left:4px}
.r-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;flex-shrink:0;position:relative}
.r-flag{position:absolute;bottom:-1px;right:-2px;font-size:8px;background:#fff;border-radius:2px;padding:0 1px;border:0.5px solid #e2e8f0;line-height:1.4}
.r-name{font-size:13px;color:#111827;font-weight:400}
.r-metric{width:52px;text-align:right;font-size:13px;font-weight:500;color:#111827}
.r-metric.pos{color:#16a34a}
.r-link{width:24px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:11px;padding-left:4px}
.r-row.mine{background:#eff6ff}
.r-row.mine .r-name{color:#1d4ed8;font-weight:500}


*{box-sizing:border-box;margin:0;padding:0}
.frame{width:375px;margin:0 auto;background:#f0f4f8;border-radius:20px;overflow:hidden;border:1px solid #dde3ec;font-family:system-ui,-apple-system,sans-serif}
.sb{background:#060f1e;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.sb-t{color:#fff;font-size:13px;font-weight:500}
.sb-i{color:rgba(255,255,255,0.7);font-size:11px;display:flex;gap:6px}
.topbar{background:#0d1f3c;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,0.06)}
.back-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.08);border:0.5px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.back-ico{color:rgba(255,255,255,0.7);font-size:14px}
.topbar-title{color:#fff;font-size:14px;font-weight:500;flex:1}
.close-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.08);border:0.5px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:rgba(255,255,255,0.5);font-size:14px}

/* Profile hero */
.profile-hero{background:#0d1f3c;padding:16px 16px 0;display:flex;flex-direction:column;align-items:center}
.pav-wrap{position:relative;margin-bottom:10px}
.pav{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1e3f7a,#2d5fa8);border:3px solid #4fa3ff;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.pav img{width:100%;height:100%;object-fit:cover}
.pav svg{width:50px;height:50px}
.pav-flag{position:absolute;bottom:0;right:0;font-size:14px;background:#fff;border-radius:4px;padding:0 2px;border:1px solid #e2e8f0;line-height:1.5}
.pav-pos{position:absolute;top:-4px;left:-4px;background:#1d4ed8;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:8px;border:1.5px solid #0d1f3c;white-space:nowrap}
.p-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}
.p-tags{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.p-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;padding:2px 8px;border-radius:10px}
.p-tag.green{background:rgba(74,222,128,0.14);color:#4ade80;border:0.5px solid rgba(74,222,128,0.25)}
.p-tag.gray{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.5);border:0.5px solid rgba(255,255,255,0.15)}
.pdot{width:6px;height:6px;border-radius:50%;background:#4ade80}

/* Stats strip */
.stats-strip{width:100%;background:#0b1e3a;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,0.06)}
.ss{padding:10px 6px;text-align:center;border-right:1px solid rgba(255,255,255,0.06)}
.ss:last-child{border-right:none}
.ss-v{color:#fff;font-size:13px;font-weight:600;line-height:1.2}
.ss-v.g{color:#4ade80}.ss-v.r{color:#f87171}
.ss-l{color:rgba(255,255,255,0.3);font-size:9px;margin-top:2px;text-transform:uppercase;letter-spacing:0.3px}

.body{background:#f0f4f8}

/* Summary cards */
.sec{padding:12px 14px}
.sec-label{font-size:10px;color:#64748b;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:8px}
.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mcard{background:#fff;border-radius:10px;padding:10px 8px;text-align:center;border:0.5px solid #e4eaf2}
.mcard-v{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:2px}
.mcard-v.g{color:#15803d}.mcard-v.b{color:#1d4ed8}
.mcard-l{font-size:10px;color:#64748b}

/* Picks list */
.pick-row{background:#fff;margin:0 14px 6px;border-radius:10px;border:0.5px solid #e4eaf2;overflow:hidden}
.pick-row.win{border-left:3px solid #22c55e}
.pick-row.loss{border-left:3px solid #ef4444}
.pick-row.pend{border-left:3px solid #f59e0b}
.pick-top{display:flex;align-items:flex-start;padding:10px 12px 8px;gap:8px}
.pick-match{flex:1;min-width:0}
.pick-teams{font-size:12px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick-bet{font-size:11px;color:#64748b;margin-top:2px}
.pick-bet span{color:#1d4ed8;font-weight:500}
.pick-right{text-align:right;flex-shrink:0}
.pick-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;margin-bottom:4px;display:inline-block}
.pick-status.win{background:#dcfce7;color:#15803d}
.pick-status.loss{background:#fee2e2;color:#b91c1c}
.pick-status.pend{background:#fef3c7;color:#92400e}
.pick-result{font-size:13px;font-weight:700;color:#1e293b}
.pick-result.g{color:#15803d}.pick-result.r{color:#b91c1c}
.pick-bottom{display:flex;align-items:center;padding:0 12px 8px;gap:8px}
.pick-meta{font-size:10px;color:#94a3b8;flex:1}
.pick-stake{font-size:11px;color:#64748b}
.pick-stake span{font-weight:600;color:#374151}
.pick-comment{background:#f8fafc;border-top:0.5px solid #f1f5f9;padding:6px 12px;display:flex;align-items:flex-start;gap:6px}
.pick-comment-ico{font-size:10px;color:#94a3b8;flex-shrink:0;margin-top:1px}
.pick-comment-text{font-size:10px;color:#64748b;line-height:1.5;font-style:italic}

.more{padding:14px;text-align:center;background:#f0f4f8}
.more-info{font-size:11px;color:#94a3b8;margin-bottom:8px}
.more-btn{background:#0d1f3c;color:#4fa3ff;font-size:12px;font-weight:600;padding:9px 24px;border-radius:20px;display:inline-block;cursor:pointer}


/* Partidos */
*{box-sizing:border-box;margin:0;padding:0}
.frame{width:375px;margin:0 auto;background:#f0f4f8;border-radius:20px;overflow:hidden;border:1px solid #dde3ec;font-family:system-ui,-apple-system,sans-serif}
.sb{background:#060f1e;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.sb-t{color:#fff;font-size:13px;font-weight:500}
.sb-i{color:rgba(255,255,255,0.7);font-size:11px;display:flex;gap:6px}
.nav{background:#060f1e;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}
.nav-l{display:flex;align-items:center;gap:10px}
.hbg{width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between}
.hbg span{display:block;height:2px;background:rgba(255,255,255,0.8);border-radius:1px}
.logo{width:32px;height:32px;border-radius:50%;background:#1a3a6b;display:flex;align-items:center;justify-content:center}
.logo svg{width:16px;height:16px}
.nav-t{color:#fff;font-size:15px;font-weight:500}
.flag{width:22px;height:15px;border-radius:3px;overflow:hidden;display:flex;flex-direction:column}
.fr{flex:1;background:#c60b1e}.fy{flex:1;background:#ffc400}
.tabs-g{background:#060f1e;display:flex;border-bottom:1px solid rgba(255,255,255,0.08)}
.tg{color:rgba(255,255,255,0.45);font-size:11px;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}
.tg.a{color:#4fa3ff;border-bottom:2px solid #4fa3ff}
.tg-i{font-size:14px}
.tabs-l{background:#0d1f3c;display:flex;border-bottom:1px solid rgba(255,255,255,0.06)}
.tl{color:rgba(255,255,255,0.4);font-size:12px;padding:9px 0;flex:1;text-align:center}
.tl.a{color:#fff;font-weight:500;border-bottom:2px solid #4fa3ff}
.filters{background:#0d1f3c;padding:12px 14px 10px;display:flex;flex-direction:column;gap:8px}
.sport-row{display:flex;gap:5px;overflow-x:auto}
.sport-row::-webkit-scrollbar{display:none}
.sp{display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(255,255,255,0.07);border:0.5px solid rgba(255,255,255,0.1);border-radius:10px;padding:7px 13px;cursor:pointer;flex-shrink:0}
.sp.a{background:rgba(91,168,212,0.22);border-color:rgba(91,168,212,0.5)}
.sp-i{font-size:14px}
.sp-l{font-size:10px;color:rgba(255,255,255,0.45);font-weight:500}
.sp.a .sp-l{color:#7ec8e8}
.frow{display:flex;gap:8px}
.fsel{background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.72);font-size:11px;padding:7px 11px;border-radius:8px;border:0.5px solid rgba(255,255,255,0.14);flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px}
.fa{color:rgba(255,255,255,0.3);font-size:9px}
.mktabs{display:flex;background:rgba(0,0,0,0.25);border-radius:8px;padding:2px;overflow-x:auto}
.mktabs::-webkit-scrollbar{display:none}
.mk{flex:1;text-align:center;font-size:10px;font-weight:500;color:rgba(255,255,255,0.38);padding:6px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0}
.mk.a{background:#5ba8d4;color:#fff;font-weight:600}
.body{background:#f0f4f8}
.lh{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff;border-bottom:1px solid #162030}
.lh-ico{font-size:13px}
.lh-name{font-size:11px;font-weight:600;color:#363636;flex:1}
.lh-badge{font-size:9px;font-weight:600;color:#7ec8e8;background:rgba(91,168,212,0.15);padding:2px 7px;border-radius:6px;border:0.5px solid rgba(91,168,212,0.25)}
.mc{background:#fff;border-bottom:0.5px solid #e8eef5}
.mrow{display:flex;align-items:center;padding:9px 14px 7px;gap:6px}
.mday{font-size:11px;font-weight:600;color:#1e293b}
.mdot{width:3px;height:3px;border-radius:50%;background:#cbd5e1;flex-shrink:0}
.mtime{font-size:11px;color:#64748b}
.odds{display:flex;gap:5px;}
.ob {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 0;
    gap: 4px;
    background: linear-gradient(to bottom, #ffffff, #e6e6e6);
    border: 1px solid #eee;
    border-radius: 3px;
    color: #333;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
box-shadow: 0 1px 0 #bfbfbf21, 0 0px 2px rgba(0, 0, 0, 0.15);
    transition: all 0.1s ease-in-out;
    justify-content: center;
}

.ob div.odds-team-amount{
        display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.ob.sel{background:#1a5da8;border-color:#7ec8e8}

/*
  Fondo normal: #5ba8d4  — luminancia 0.354
  #0e3460 sobre #5ba8d4  — ratio 4.79:1 ✓ WCAG AA
  Navy medio, legible pero sin la dureza del negro
*/
.ob-name{font-size:9px;color:#0e3460;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;text-transform:uppercase;letter-spacing:0.4px}
.ob-val{font-size:16px;font-weight:800;color:#0e3460;line-height:1.1}

/* Seleccionado: blanco sobre #1a5da8 — ratio 8.1:1 ✓ AAA */
.ob.sel .ob-name{color:#ffffff}
.ob.sel .ob-val{color:#ffffff}

.daysep{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#eef3f8;border-top:0.5px solid #dde6ef;border-bottom:0.5px solid #dde6ef}
.daysep-line{flex:1;height:1px;background:#c9d8e8}
.daysep-label{font-size:10px;font-weight:700;color:#5ba8d4;text-transform:uppercase;letter-spacing:0.6px;white-space:nowrap}


.lh a.nav-link.active, .lh a.nav-link.active .lh-name {
    background: #e5e5e5;
    color: #1e2d40;
    border-radius: 5px;
}
.avatar-wrapper {
    min-width: 28px;
}
.avatar-wrapper img {
    width: 28px;
    height: 28px;
}