/* Layout reconstruído com tokens Kaizen (captura 2) + hierarquia dos prints. betao39 */
@font-face {
  font-family: "Ubuntu Sans";
  src: url("../assets/fonts/22ece565-UbuntuSans-variable.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu Sans";
  src: url("../assets/fonts/6cab0d39-UbuntuSans-italic-variable.woff2") format("woff2");
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Betano Nichrome";
  src: url("../assets/fonts/e669891a-BetanoNichrome-Dark.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("../assets/fonts/be7ffcc5-RobotoFlex-VariableFont_wght-900.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
}

:root {
  --header-h: 64px;
  --sidebar-w: 248px;
  --house-green: #0A5E2E;
  --house-yellow: #FBD900;
  --house-blue: #00398A;
  --kds-global-color-orange-15: #1a7a3e;
  --kds-global-color-orange-20: #0A5E2E;
  --kds-global-color-orange-25: #084A24;
  --kds-global-color-orange-30: #06381c;
  --orange: #0A5E2E;
  --orange-deep: #084A24;
  --green: #0A5E2E;
  --green-hover: #084A24;
  --ink: var(--kds-global-color-black, #090915);
  --slate: var(--kds-global-color-slate, #1a202d);
  --stone: var(--kds-global-color-stone, #0e1320);
  --silver: var(--kds-global-color-silver, #eff2fa);
  --white: #fff;
  --muted: #8b93a2;
  --card: #fff;
  --radius: 8px;
  --radius-l: 12px;
}

*,
*::before,
*::after { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
html {
  overflow-x: clip;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
body {
  overflow-x: clip;
  overflow-y: auto;
  touch-action: pan-y pinch-zoom;
}
html { font-family: "Ubuntu Sans", "Helvetica Neue", Arial, sans-serif; background: var(--silver); }
html:has(body.theme-casino) {
  background: var(--ink);
  color-scheme: dark;
}
body { color: var(--ink); background: var(--silver); }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
img { max-width: 100%; display: block; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: var(--header-h);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background: var(--orange);
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px 0 20px;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}
.site-header.is-scrolled {
  background: rgb(10 94 46 / 92%);
  box-shadow: 0 2px 12px rgb(0 0 0 / 18%);
  backdrop-filter: blur(8px);
}
.logo {
  font-family: "Betano Nichrome", "Ubuntu Sans", Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 28px;
  letter-spacing: -0.5px;
  color: var(--white);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.logo img.logo-full {
  height: 28px;
  width: auto;
  max-width: none;
  display: block;
}
.logo img.b-mark {
  height: 34px;
  width: auto;
  max-width: none;
  display: none;
  filter: none;
}
.hero-banner {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  max-height: 220px;
}
.hero-banner img { width: 100%; height: 220px; object-fit: cover; display: block; }

.bod-carousel,
.stories-carousel {
  position: relative;
  margin: 0 0 14px;
  padding: 0 40px;
}
body.theme-sports .bod-carousel,
body.theme-sports .stories-carousel {
  padding-left: 0;
  padding-right: 0;
}
.bod-viewport,
.stories-viewport {
  width: 100%;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
  cursor: grab;
}
.bod-viewport {
  container-type: inline-size;
  container-name: bod;
}
.bod-track,
.stories-track {
  display: flex;
  align-items: center;
  gap: 12px;
  will-change: transform;
}
.bod-card {
  flex: 0 0 calc((100cqi - 24px) / 3.22);
  max-width: calc((100cqi - 24px) / 3.22);
  aspect-ratio: 688 / 520;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  background: #12151c;
  color: inherit;
  display: block;
}
.bod-card > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.bod-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 10px 12px 12px;
  background: linear-gradient(180deg, rgb(0 0 0 / 8%) 28%, rgb(0 0 0 / 72%) 100%);
  pointer-events: none;
}
.bod-when {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgb(15 18 24 / 78%);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  border-radius: 999px;
  padding: 4px 9px;
}
.bod-live {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgb(12 14 18 / 82%);
  color: #fff;
  border-radius: 999px;
  padding: 4px 8px 4px 4px;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.15;
  text-transform: uppercase;
  max-width: 118px;
}
.bod-live i {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #084A24;
  color: #fff;
  display: grid;
  place-items: center;
  font-style: normal;
  font-size: 9px;
  flex: 0 0 22px;
}
.bod-so {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.4px;
  margin-bottom: 6px;
}
.bod-so img { width: 22px; height: 22px; }
.bod-teams {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 8px;
  text-shadow: 0 1px 8px rgb(0 0 0 / 55%);
}
.bod-odds {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  pointer-events: auto;
}
.bod-odds span {
  background: #fff;
  border-radius: 6px;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 800;
  color: var(--green);
}
.bod-odds small {
  color: #6b7384;
  font-size: 11px;
  font-weight: 700;
}
.bod-cta {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  display: grid;
  place-items: center;
  pointer-events: auto;
}
.bod-cta.orange { background: var(--orange); color: #fff; }
.bod-cta.white { background: #fff; color: var(--green); }
.bod-gold {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 10px 12px 12px;
  background: linear-gradient(180deg, rgb(0 0 0 / 6%) 12%, rgb(8 12 18 / 42%) 42%, rgb(6 10 16 / 88%) 100%);
}
.bod-card.is-gold .bod-gold {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0;
}
.bod-card.is-gold .bod-when {
  position: absolute;
  top: 10px;
  right: 10px;
  left: auto;
  z-index: 3;
  white-space: nowrap;
}
.bod-card.is-gold .bod-ribbon {
  margin: 0 0 4px;
  max-width: calc(100% - 92px);
  min-width: 0;
}
.bod-card.is-gold .bod-tm {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bod-card.is-gold .bod-tm + .bod-tm {
  margin-top: 2px;
}
.bod-card.is-gold .bod-mkts {
  margin: 4px 0 6px;
}
.bod-ribbon {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0 0 10px;
  max-width: 100%;
  filter: drop-shadow(0 2px 6px rgb(0 0 0 / 40%));
}
.bod-ribbon .bod-pct {
  height: 22px;
  width: auto;
  flex: 0 0 auto;
  display: block;
}
.bod-ribbon .bod-gsub {
  height: 22px;
  width: auto;
  max-width: calc(100% - 58px);
  min-width: 0;
  flex: 1 1 auto;
  display: block;
  object-fit: contain;
  object-position: left center;
}
.bod-tm {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  line-height: 1.25;
  text-shadow: 0 1px 6px rgb(0 0 0 / 55%);
}
.bod-tm + .bod-tm { margin-top: 4px; }
.bod-tm img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  background: #fff;
  border-radius: 50%;
  padding: 1px;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.bod-mkts {
  list-style: none;
  margin: 8px 0 10px;
  padding: 0 0 0 16px;
  position: relative;
}
.bod-mkts::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 7px;
  bottom: 7px;
  border-left: 1px dashed rgb(255 255 255 / 42%);
}
.bod-mkts li {
  position: relative;
  color: #fff;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.35;
  padding: 2px 0 2px 2px;
  text-shadow: 0 1px 4px rgb(0 0 0 / 50%);
}
.bod-mkts li::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 6px;
  width: 7px;
  height: 7px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  background: transparent;
  box-sizing: border-box;
}
.bod-mkts b { font-weight: 800; }
.bod-dual {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 40px;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  font-weight: 800;
  pointer-events: auto;
}
.bod-dual .old { color: #00398A; }
.bod-dual .new { color: #0A5E2E; }
body.theme-sports .bod-gold .bod-ribbon .bod-pct,
body.theme-sports .bod-gold .bod-ribbon .bod-gsub { filter: none; }
body.theme-sports .bod-dual .old { color: #00398A; }
body.theme-sports .bod-dual .new { color: #0A5E2E; }
.bod-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #1a202d;
  box-shadow: 0 2px 10px rgb(0 0 0 / 22%);
  font-size: 22px;
  line-height: 1;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.bod-carousel > .bod-nav { display: none; }
.stories-carousel:hover .bod-nav {
  opacity: 1;
  pointer-events: auto;
}
.bod-nav.prev { left: 0; }
.bod-nav.next { right: 0; }
.bod-nav:hover { background: #f3f5fb; }

.stories-carousel { margin: 0 0 22px; }
.stories-track { gap: 8px; }
.xsell-tile {
  flex: 0 0 76px;
  width: 76px;
  height: 128px;
  border-radius: 12px;
  overflow: hidden;
  background: #1a242d;
  position: relative;
  display: block;
  color: #fff;
}
.xsell-tile.is-wide {
  flex: 0 0 158px;
  width: 158px;
}
.xsell-tile .xsell-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  display: block;
}
.xsell-tile.is-wide .xsell-art { object-position: left center; }
.xsell-tile.is-wide .xsell-art.is-betao-wide {
  object-fit: cover;
  object-position: center center;
}
.xsell-fig {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: #1a242d;
}
.xsell-fig img {
  width: 58%;
  height: auto;
  max-height: 62%;
  object-fit: contain;
}
.xsell-fig.android { background: #0A5E2E; }
.xsell-fig.android img {
  width: 48%;
  filter: brightness(0) invert(1);
}
.xsell-fig.virtuals img {
  width: 58%;
  filter: none;
}
.xsell-tile.is-orange { background: #0A5E2E; }
.xsell-tile.is-orange::after {
  background: linear-gradient(180deg, transparent 0%, #00398A 82%);
}
.xsell-fig.orange { background: #0A5E2E; }
.xsell-fig.orange img {
  width: 52%;
  filter: brightness(0) invert(1);
}
.xsell-fig.jerseys {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 12px 6px 34px;
  background: #1a242d;
}
.xsell-fig.jerseys img {
  width: 34%;
  filter: invert(48%) sepia(90%) saturate(1800%) hue-rotate(346deg) brightness(1.1);
}
.xsell-fig.jerseys .arrow {
  width: 22%;
  filter: none;
  margin: 0 -2px;
}
.xsell-fig.so img {
  width: 50%;
  filter: brightness(0) invert(1);
}
.xsell-ico.fire img { filter: none; }
.xsell-hero {
  position: absolute;
  left: 8px;
  right: 6px;
  top: 28px;
  bottom: 34px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.2px;
}
.xsell-hero small {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.xsell-hero em {
  font-family: "Betano Nichrome", "Ubuntu Sans", Arial, sans-serif;
  font-style: italic;
  color: #0A5E2E;
  font-size: 15px;
  font-weight: 800;
}
.xsell-hero.cash b {
  display: block;
  color: #084A24;
  font-size: 12px;
  line-height: 1.1;
}
.xsell-ico.fire {
  background: #2a3340;
  padding: 3px;
}
.xsell-ico.fire img { width: 14px; height: 14px; }
.xsell-mid {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 40px;
  height: 40px;
  pointer-events: none;
}
.xsell-mid img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: none;
}
.xsell-art.photo-mid {
  object-fit: contain;
  object-position: center 38%;
  padding: 22px 10px 42px;
  box-sizing: border-box;
}
.xsell-art.is-betao-dentro {
  object-fit: cover;
  object-position: center 18%;
}
.xsell-tile.is-loco {
  background: #eef1f6;
}
.xsell-tile.is-loco .xsell-art {
  object-fit: cover;
  object-position: center top;
}
.xsell-tile.is-loco::after {
  background: linear-gradient(180deg, transparent 35%, #1a242d 88%);
}
.xsell-tile.is-orange .xsell-mid img {
  filter: brightness(0) invert(1);
}
.xsell-tile::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 58%;
  background: linear-gradient(180deg, transparent 0%, #1a242d 78%);
  pointer-events: none;
}
.xsell-ico {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #1a242d;
  border: 1.6px solid #0A5E2E;
  box-shadow: 0 0 0 1px rgb(10 94 46 / 18%), 0 0 8px rgb(10 94 46 / 28%);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.xsell-ico.gift {
  background: #1a242d;
  border-color: #0A5E2E;
}
.xsell-ico img {
  width: 12px;
  height: 12px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.xsell-ico img[src*="ico-b-lightning"] {
  filter: none;
}
.xsell-ico.fire img { filter: none; width: 13px; height: 13px; }
.xsell-label {
  position: absolute;
  left: 8px;
  right: 6px;
  bottom: 8px;
  z-index: 2;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.1px;
}

.bets-box {
  background: #fff;
  border-radius: 12px;
  padding: 14px 14px 18px;
  margin-bottom: 16px;
  box-shadow: 0 1px 0 #e6eaf0;
}
.bets-box h2 {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 800;
  color: #3a4250;
  letter-spacing: 0.2px;
  text-align: center;
}
.bets-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #e8edf3;
  border-radius: 999px;
  padding: 3px;
  margin-bottom: 18px;
}
.bets-tabs button {
  border: 0;
  background: transparent;
  height: 32px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #6b7384;
  cursor: pointer;
}
.bets-tabs button.is-on {
  background: #fff;
  color: #1a202d;
  box-shadow: 0 1px 4px rgb(16 24 40 / 12%);
}
.bets-empty {
  text-align: center;
  color: #6b7384;
  font-size: 14px;
  font-weight: 600;
  background: #eef2f7;
  border-radius: 8px;
  padding: 16px 8px;
}

.betania {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
  box-shadow: 0 1px 0 #e6eaf0;
}
.betania-h {
  background: #111417;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
}
.betania-h strong {
  font-size: 15px;
  font-weight: 800;
}
.betania-h .info {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}
.betania-h .ball {
  margin-left: auto;
  height: 28px;
  width: auto;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}
.betania-body { padding: 12px; }
.betania-body label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #3a4250;
  margin: 0 0 8px;
}
.betania-body input {
  width: 100%;
  height: 40px;
  border: 1px solid #d5dbe6;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
}
.betania-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.betania-grid button {
  height: 36px;
  border: 1px solid #d5dbe6;
  background: #fff;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 700;
  color: #2a3344;
  cursor: pointer;
}
.betania-grid button.is-on {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
}
.betania-cta {
  display: block;
  margin: 0 12px 12px;
  height: 42px;
  border-radius: 8px;
  background: #1a242d;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  line-height: 42px;
}

.side-banner {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 8px;
  background: #111417;
}
.side-banner img {
  width: 100%;
  height: auto;
  display: block;
}

.offers-head {
  margin: 16px 0 8px;
  font-size: 18px;
  font-weight: 800;
  color: #1a202d;
}
.offer-list {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
}
.offer-row {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 12px;
  border-bottom: 1px solid #eef1f6;
  color: inherit;
}
.offer-row:last-child { border-bottom: 0; }
.offer-row:hover { background: #fafbfc; }
.offer-row .thumb {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--orange);
  display: grid;
  place-items: center;
}
.offer-row .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.offer-row .thumb.ico img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.offer-row .body {
  min-width: 0;
  flex: 1 1 auto;
  overflow: visible;
}
.offer-row .kicker {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #3a4250;
  text-transform: uppercase;
}
.offer-row .kicker img { width: 12px; height: 12px; }
.offer-row strong {
  display: block;
  margin: 4px 0 8px;
  font-size: 15px;
  font-weight: 800;
  color: #111417;
  line-height: 1.2;
  white-space: normal;
}
.veja {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid #d5dbe6;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #2a3344;
  background: #fff;
}
.veja.spin {
  color: #1aa05a;
  border-color: #cde8d6;
  background: #f3fbf6;
}
.offer-prize {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #d5dbe6;
  border-radius: 999px;
  padding: 4px 8px 4px 10px;
  font-size: 11px;
  font-weight: 700;
  color: #3a4250;
}
.offer-prize .share { color: #6b7384; font-weight: 600; }
.offer-prize b { color: #1a202d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stories {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
  margin-bottom: 24px;
  padding-bottom: 4px;
}
.stories::-webkit-scrollbar { display: none; }
.story {
  flex: 0 0 126px;
  width: 126px;
}
.story img {
  width: 126px;
  height: 176px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.story span {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.promo-card.has-img {
  padding: 0;
  min-height: 148px;
}
.promo-card.has-img img {
  width: 100%;
  height: 148px;
  object-fit: cover;
}
.main-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
  height: 100%;
}
.main-nav a {
  color: var(--white);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding: 0 10px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
  opacity: 0.95;
}
.main-nav a:hover { opacity: 1; }
.main-nav a.is-active::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 3px;
  background: var(--white);
  border-radius: 2px 2px 0 0;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.icon-btn {
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: var(--white);
  border-radius: 8px;
  display: grid;
  place-items: center;
}
.icon-btn:hover,
.icon-btn.is-on { background: rgb(255 255 255 / 18%); }
.icon-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.btn {
  height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  border: 1px solid transparent;
}
.btn-ghost {
  background: transparent;
  border: 2px solid var(--house-yellow);
  color: var(--house-yellow);
}
.btn-ghost:hover { background: rgb(251 217 0 / 12%); }
.btn-enter {
  background: var(--house-blue);
  color: var(--white);
  border: 2px solid #4a7fc7;
}
.btn-enter:hover { background: #002d6b; }

.shell {
  display: grid;
  grid-template-columns: var(--sidebar-w) minmax(0, 1fr) 320px;
  min-height: calc(100vh - var(--header-h));
  width: 100%;
  align-items: start;
  overflow: visible;
}
.shell.no-right { grid-template-columns: var(--sidebar-w) minmax(0, 1fr); }
.sidebar { grid-column: 1; }
.main {
  grid-column: 2;
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
}
.sidebar {
  background: var(--white);
  border-right: 1px solid #e6eaf0;
  padding: 12px 8px 32px;
  min-height: calc(100vh - var(--header-h));
}
.sidebar a,
.sidebar button.nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  color: #2a3344;
  font-size: 13px;
  padding: 8px 10px;
  border-radius: 8px;
}
.sidebar a:hover,
.sidebar button.nav-item:hover { background: #f3f5fb; }
.sidebar a.is-active {
  background: #eceff5;
  font-weight: 700;
}
.nav-ico {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  object-fit: contain;
  opacity: 0.85;
  object-fit: contain;
}
.side-sub {
  padding: 4px 0 8px 12px;
}
.side-sub a { font-size: 12px; color: #9aa3b2; }
body.theme-casino .side-sub a { color: #9aa3b2; }
.sidebar .side-sep {
  height: 1px;
  background: #e6eaf0;
  margin: 6px 10px;
}
.sidebar .group-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #6b7384;
  padding: 14px 10px 6px;
  text-transform: uppercase;
}
.sidebar .side-gt-tools {
  display: inline-flex;
  gap: 8px;
  color: #8b93a2;
  font-size: 14px;
  font-weight: 400;
}
.sidebar a.is-fav {
  align-items: flex-start;
}
.sidebar a.is-fav .side-txt {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.sidebar a.is-fav b {
  font-weight: 700;
  color: #2f6fdb;
  font-size: 13px;
}
.sidebar .side-meta {
  color: #9aa3b2;
  font-size: 11px;
  font-weight: 500;
}
.sidebar .side-check {
  width: 16px;
  height: 16px;
  border: 1.5px solid #c5ccd8;
  border-radius: 3px;
  margin-left: auto;
  flex: 0 0 16px;
  margin-top: 2px;
}
.deposit-modal .box {
  width: min(380px, 92vw);
  background: #fff;
  border-radius: 14px;
  padding: 22px 20px 18px;
}
.deposit-modal h3 { margin: 0 0 6px; font-size: 20px; }
.deposit-modal p { margin: 0 0 14px; color: #5b6573; font-size: 13px; }
.dep-amts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.dep-amts button {
  height: 40px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  background: #fff;
  font-weight: 800;
}
.dep-amts button:hover { border-color: #1a9d4a; color: #1a9d4a; }
.deposit-modal input {
  width: 100%;
  height: 44px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  padding: 0 12px;
  margin-bottom: 12px;
  font-size: 15px;
}
.site-header.is-in [aria-label="Ajustes"] { display: none; }
.main {
  padding: 16px 20px 48px;
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
}
.rightbar {
  grid-column: 3;
  width: 320px;
  min-width: 320px;
  max-width: 320px;
  padding: 16px 16px 24px 8px;
  position: sticky;
  top: var(--header-h);
  max-height: calc(100vh - var(--header-h));
  overflow-x: visible;
  overflow-y: auto;
  z-index: 2;
}

.section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0 12px;
}
.section-head h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
}
.pill {
  background: #e8edf3;
  color: #2a3344;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
}
.promo-row, .card-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 1fr);
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 8px;
}
.promo-row::-webkit-scrollbar, .card-row::-webkit-scrollbar { display: none; }
.promo-card {
  background: var(--slate);
  color: var(--white);
  border-radius: var(--radius-l);
  min-height: 148px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.promo-card strong { font-size: 16px; }
.promo-card .cta {
  margin-top: 10px;
  align-self: flex-start;
  background: var(--orange);
  color: var(--white);
  border: 0;
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 800;
  font-size: 12px;
}
.shortcut-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin: 8px 0 24px;
}
.shortcut {
  background: var(--white);
  border-radius: 10px;
  padding: 12px 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 1px 0 #e6eaf0;
}
.shortcut img {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  margin: 0 auto 6px;
}

.match-card {
  background: var(--white);
  border: 1px solid #e6eaf0;
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 8px;
}
.match-card .meta { color: #6b7384; font-size: 12px; margin-bottom: 6px; }
.match-card .teams { font-weight: 700; margin-bottom: 10px; }
.odds {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.odd {
  border: 1px solid #d5dbe6;
  background: #fff;
  border-radius: 6px;
  padding: 8px;
  text-align: center;
}
.odd small { display: block; color: #6b7384; font-size: 11px; }
.odd b { color: var(--green); font-weight: 800; }

.acca {
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e6eaf0;
  min-width: 320px;
  box-shadow: 0 1px 3px rgb(16 24 40 / 6%);
}
.acca-h {
  background: #2c3442;
  color: var(--white);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 11px 86px 11px 14px;
  font-weight: 700;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}
.acca-h .acca-boost {
  width: 16px;
  height: 16px;
  display: block;
  flex: 0 0 16px;
}
.acca-h .badge {
  background: linear-gradient(90deg, #0A5E2E 0%, #084A24 42%, #00398A 100%);
  color: #fff;
  border-radius: 0;
  padding: 11px 16px 11px 22px;
  font-size: 13px;
  font-weight: 800;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  min-width: 72px;
  justify-content: center;
  clip-path: polygon(16px 0, 100% 0, 100% 100%, 16px 100%, 0 78%, 12px 64%, 2px 50%, 12px 36%, 0 22%);
}
.acca-h .badge span { display: inline-flex; align-items: center; gap: 4px; }
.acca-h .badge.is-pct {
  background: linear-gradient(90deg, #e10600 0%, #c4002b 100%);
  clip-path: polygon(14px 0, 100% 0, 100% 100%, 14px 100%, 0 50%);
  padding-left: 18px;
}
.acca-h .badge.is-jagged {
  background: linear-gradient(90deg, #0A5E2E 0%, #084A24 38%, #00398A 100%);
}
.acca-h .badge img.bolt-ico {
  width: 11px;
  height: 11px;
  object-fit: contain;
  display: block;
  filter: brightness(0) invert(1);
}
.acca-row {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 10px;
  align-items: start;
  padding: 11px 12px;
  border-top: 1px dashed #d9dee6;
  font-size: 13px;
}
.acca-row:first-of-type { border-top: 0; }
.acca-h + .acca-row { border-top: 0; }
.acca-row img.crest {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e8edf3;
  padding: 2px;
  box-sizing: border-box;
  margin-top: 1px;
}
.acca-row .pick { font-weight: 700; color: #2a3344; line-height: 1.25; }
.acca-row .pick .pick-ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-left: 3px;
}
.acca-row .pick .so {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  margin-left: 4px;
}
.acca-row .meta-line { color: #8b93a2; font-size: 12px; font-weight: 400; margin-top: 2px; }
.acca-row .when { color: #8b93a2; font-size: 12px; font-weight: 400; margin-top: 1px; }
.acca-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  min-width: 72px;
}
.acca-row .social {
  color: #6b7384;
  font-size: 10px;
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  white-space: nowrap;
}
.acca-row .social img { width: 11px; height: 11px; }
.acca-odd {
  border: 1px solid #d5dbe6;
  border-radius: 6px;
  min-width: 52px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #1b7a3a;
  font-weight: 800;
  background: #f7f8fa;
}
.acca-cta {
  display: block;
  width: calc(100% - 24px);
  margin: 8px 12px 12px;
  height: 42px;
  border: 1px solid #d5dbe6;
  border-radius: 8px;
  background: #f4f6f8;
  color: #2a3344;
  font-weight: 800;
  font-size: 12px;
  text-align: center;
  line-height: 42px;
  text-decoration: none;
}
.acca-cta b { color: #1b7a3a; }
.acca-proof {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #6b7384;
  font-size: 12px;
  font-style: italic;
  padding: 8px 12px 2px;
}
.acca-proof img { width: 13px; height: 13px; object-fit: contain; display: block; }
.crest-stack {
  position: relative;
  width: 28px;
  height: 24px;
  flex: 0 0 28px;
}
.crest-stack img {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e8edf3;
  padding: 1px;
  box-sizing: border-box;
}
.crest-stack img:last-child {
  left: 10px;
  top: 6px;
  width: 16px;
  height: 16px;
}
.acca-h .badge .bolt {
  display: inline-block;
  margin-right: 4px;
}

.sports-m { display: none; }

.tourney-grid {
  display: grid;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  justify-items: center;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  margin: 0 0 16px;
  padding: 1px 12px 4px 1px;
  cursor: grab;
}
.tourney-grid::-webkit-scrollbar {
  display: none;
}
.tourney-tile {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 6px 12px 6px 6px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 16px;
  color: #1a1a1a;
  text-decoration: none;
  box-shadow: 0 1px 3px rgb(16 24 40 / 8%);
  overflow: visible;
  width: max-content;
  max-width: none;
}
.tourney-tile .t-ico {
  position: relative;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e4e7ee;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.tourney-tile .t-ico > img,
.tourney-tile .t-ico > svg {
  width: 26px;
  height: 26px;
  object-fit: contain;
  object-position: center center;
  display: block;
  margin: auto;
  flex-shrink: 0;
}
.tourney-tile .t-ico.is-round {
  border-radius: 50%;
  border: 0;
}
.tourney-tile .t-ico.is-round img {
  width: 36px;
  height: 36px;
}
.tourney-tile .t-sport {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #d5d9e2;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgb(16 24 40 / 12%);
  z-index: 1;
}
.tourney-tile .t-sport img,
.tourney-tile .t-sport svg {
  width: 11px;
  height: 11px;
  object-fit: contain;
  display: block;
}
.tourney-tile .t-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  gap: 2px;
}
.tourney-tile .t-name {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.15;
  color: #1a1a1a;
  white-space: nowrap;
}
.tourney-tile .sponsored {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
}
.tourney-tile .sponsored small {
  font-size: 10px;
  font-weight: 500;
  color: #8b93a2;
  line-height: 1;
  white-space: nowrap;
}
.tourney-tile .sponsored img {
  height: 11px;
  width: auto;
  display: block;
  flex-shrink: 0;
}
.tourney-tile.is-spon {
  border: 1px solid #ff6a33;
  background: linear-gradient(90deg, #ffe4d6 0%, #fff5ef 52%, #fff 100%);
  box-shadow: none;
}
.tourney-grid.is-drag {
  cursor: grabbing;
}
@media (min-width: 900px) {
  .tourney-grid {
    gap: 10px;
    padding: 2px 8px 12px 2px;
    scrollbar-width: thin;
    scrollbar-color: #c5cad4 transparent;
  }
  .tourney-grid::-webkit-scrollbar {
    display: block;
    height: 8px;
  }
  .tourney-grid::-webkit-scrollbar-track {
    background: transparent;
  }
  .tourney-grid::-webkit-scrollbar-thumb {
    background: #c5cad4;
    border-radius: 99px;
  }
  .tourney-tile {
    min-height: 56px;
    padding: 8px 14px 8px 8px;
  }
  .tourney-tile .t-ico {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }
  .tourney-tile .t-ico > img,
  .tourney-tile .t-ico > svg {
    width: 28px;
    height: 28px;
  }
  .tourney-tile .t-name {
    font-size: 14px;
  }
}

.join-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 4px 0 10px;
}
.join-head h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.join-toggles {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}
.join-toggles button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid #e0e4ec;
  background: #fff;
  color: #2a3344;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.join-toggles button img { width: 14px; height: 14px; flex: 0 0 14px; object-fit: contain; }
.join-toggles button.is-on {
  border-color: #c5ccd8;
  color: #1a2330;
  box-shadow: 0 1px 2px rgb(16 24 40 / 6%);
}
.join-toggles.is-live [data-panel="live"] {
  position: relative;
  isolation: isolate;
  border-radius: 999px;
  border-color: #0A5E2E;
  background: #fff8f3;
  padding-right: 8px;
  overflow: visible;
}
.join-toggles.is-live [data-panel="live"]::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border-radius: 50%;
  background: #ffc9ad;
  z-index: 0;
  pointer-events: none;
  animation: ao-vivo-halo 1.05s ease-in-out infinite;
}
.join-toggles.is-live [data-panel="live"] img.bolt {
  position: relative;
  z-index: 1;
  filter: invert(48%) sepia(98%) saturate(2400%) hue-rotate(1deg) brightness(102%);
}
.join-toggles .chip-x {
  display: none;
  width: 18px;
  height: 18px;
  margin-left: 2px;
  border-radius: 50%;
  color: #6b7384;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
.join-toggles.is-live .chip-x { display: inline-block; }
.join-toggles.is-live [data-panel="next"] {
  width: 36px;
  padding: 0;
  justify-content: center;
  border-radius: 8px;
}
.join-toggles.is-live .next-lbl { display: none; }
@keyframes ao-vivo-halo {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgb(255 90 0 / 40%);
  }
  50% {
    opacity: 0.35;
    transform: scale(1.14);
    box-shadow: 0 0 0 7px rgb(255 90 0 / 0%);
  }
}
@keyframes ao-vivo-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0.15; }
}
.join-toggles [data-panel="live"] img.bolt,
.live-card .lc-top .bolt {
  animation: ao-vivo-blink 1s step-end infinite;
}
.join-toggles [data-panel="live"] .live-lbl {
  position: relative;
  z-index: 1;
}
body.is-live-view .main > :not(#ao-vivo) { display: none !important; }
body.is-live-view {
  background: #000;
}
body.is-live-view .shell,
body.is-live-view .main {
  background: #000;
}
body.is-live-view .site-footer,
body.is-live-view .sponsors { display: none !important; }
body.is-live-view #ao-vivo {
  background: #000;
  color: #fff;
  min-height: calc(100vh - var(--header-h, 56px) - var(--tabbar-h, 0px));
  padding-bottom: 24px;
}
.lv-top, .lv-mkts, .sport-cat.lv-only { display: none; }
body.is-live-view .join-head { display: none; }
body.is-live-view .lv-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 4px 0 12px;
}
.lv-top h1 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #fff;
  text-transform: uppercase;
}
.lv-top h1 span { font-weight: 700; }
.lv-top-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}
.lv-top-tools svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
body.is-live-view .sport-cat.lv-only { display: inline-flex; }
body.is-live-view .sport-cat.home-only { display: none; }
body.is-live-view .sport-cats {
  border-bottom-color: #222;
  margin-bottom: 4px;
}
body.is-live-view .sport-cat { color: #9aa3b2; }
body.is-live-view .sport-cat.is-on {
  color: #fff;
  background: #2a3344;
  border-bottom-color: transparent;
  border-radius: 999px;
  padding: 6px 10px 6px 8px;
}
body.is-live-view .lv-sport-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  padding: 8px 2px 6px;
}
body.is-live-view .lv-sport-h span { min-width: 0; white-space: nowrap; }
body.is-live-view .lv-sport-h .lv-filter {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: #8b93a2;
}
body.is-live-view .lv-sport-h i {
  font-style: normal;
  color: #8b93a2;
  font-size: 12px;
}
.lv-empty {
  color: #9aa3b2;
  font-size: 13px;
  padding: 28px 12px;
  text-align: center;
}
body.is-live-view .lv-mkts {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 0 12px;
}
body.is-live-view .lv-mkts[hidden] { display: none !important; }
body.is-live-view [data-join-panel="next"] { display: none !important; }
.lv-mkts button {
  flex: 0 0 auto;
  height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #9aa3b2;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.lv-mkts button.is-on {
  background: #2a3344;
  color: #fff;
}
.lv-lg { margin-bottom: 10px; }
.lv-lg-h {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #111;
  color: #fff;
  border: 0;
  border-radius: 8px 8px 0 0;
  padding: 10px 12px;
  font-size: 12.5px;
  font-weight: 700;
  text-align: left;
}
.lv-lg-h img {
  width: 16px;
  height: 12px;
  object-fit: cover;
  border-radius: 2px;
}
.lv-lg-h span { flex: 1; }
.lv-lg-h i {
  font-style: normal;
  color: #8b93a2;
  font-size: 12px;
}
.lv-lg.is-off .live-card { display: none; }
.lv-lg.is-off .lv-lg-h { border-radius: 8px; }
.lv-lg.is-off .lv-lg-h i { transform: rotate(180deg); display: inline-block; }
body.is-live-view .live-card {
  background: #1a242d;
  color: #fff;
  box-shadow: none;
  border-radius: 10px;
  margin: 0 0 8px;
}
body.is-live-view .lv-lg .live-card {
  border-radius: 0;
  margin: 0 0 2px;
}
body.is-live-view .lv-lg .live-card:last-child { border-radius: 0 0 10px 10px; }
body.is-live-view .live-card .lc-top { color: #c5cdd8; }
body.is-live-view .lc-team .nm,
body.is-live-view .lc-team .sc { color: #fff; }
body.is-live-view .lc-comp { display: none; }
body.is-live-view .lc-team img.crest {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
body.is-live-view .lc-team svg.kit {
  width: 22px;
  height: 22px;
  display: block;
}
body.is-live-view .live-odds .up-odd,
body.is-live-view .odds .odd {
  background: #12181f;
  border-color: #2a3344;
}
body.is-live-view .live-odds .up-odd span { color: #9aa3b2; }
body.is-live-view .live-odds .up-odd b,
body.is-live-view .odds .odd b { color: #c6ff4a; }
body.is-live-view .mais-eventos { display: none; }
.lv-sport-h { display: none; }

.sport-cats {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  margin: 0 -12px 12px;
  padding: 0 12px 0;
  border-bottom: 1px solid #e6eaf0;
}
.sport-cats::-webkit-scrollbar { display: none; }
.sport-cat {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  min-width: 62px;
  padding: 4px 10px 8px;
  color: #6b7384;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  border: 0;
  border-bottom: 3px solid transparent;
  background: none;
  font-family: inherit;
  cursor: pointer;
}
.sport-cat img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
}
.sport-cat.is-on {
  color: #1a2330;
  border-bottom-color: #0A5E2E;
}

.live-card {
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px 12px;
  margin-bottom: 8px;
  box-shadow: 0 1px 3px rgb(16 24 40 / 8%);
}
.live-card .lc-top {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #3d4656;
  margin-bottom: 8px;
}
.live-card .lc-top .bolt {
  width: 14px;
  height: 14px;
  filter: invert(18%) sepia(97%) saturate(6200%) hue-rotate(1deg) brightness(95%);
}
.live-card .lc-clock { font-variant-numeric: tabular-nums; }
.live-card .lc-stream {
  width: 16px;
  height: 16px;
  opacity: 0.7;
}
.live-card .ca-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: #e10600;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.3px;
  padding: 2px 6px;
  border-radius: 3px;
}
.live-card .lc-tools {
  margin-left: auto;
  display: flex;
  gap: 8px;
}
.live-card .lc-tools img { width: 16px; height: 16px; opacity: 0.55; }
.lc-team {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 8px;
  margin: 3px 0;
}
.lc-team img.crest {
  width: 22px;
  height: 22px;
  object-fit: contain;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #e8edf3;
  padding: 2px;
  box-sizing: border-box;
}
.lc-team .nm {
  font-weight: 700;
  font-size: 13.5px;
  color: #1a2330;
  display: flex;
  align-items: center;
  gap: 6px;
}
.lc-team .nm .rc {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: #e10600;
  border-radius: 1px;
}
.lc-team .sc {
  font-weight: 800;
  font-size: 15px;
  min-width: 16px;
  text-align: right;
}
.lc-comp {
  color: #8b93a2;
  font-size: 11.5px;
  margin: 4px 0 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.lc-comp img {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  object-fit: cover;
}
.live-odds {
  display: grid;
  gap: 8px;
}
.live-odds.n3 { grid-template-columns: 1fr 1fr 1fr; }
.live-odds.n2 { grid-template-columns: 1fr 1fr; }
.live-card.is-lock .up-odd b { color: #9aa3b2; }
.live-card.is-lock .up-odd { opacity: 0.55; }
.odds.cols-2 { grid-template-columns: 1fr 1fr; }
.odds.bball {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.bball-head {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, 1fr);
  gap: 6px;
  color: #8b93a2;
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 6px;
}
.mais-eventos {
  display: block;
  width: 100%;
  height: 42px;
  margin: 4px 0 18px;
  border: 0;
  border-radius: 8px;
  background: #e8edf3;
  color: #1a2330;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.4px;
  text-align: center;
  line-height: 42px;
  text-decoration: none;
}

.pitch-wrap {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 18px;
  box-shadow: 0 1px 3px rgb(16 24 40 / 8%);
}
.pitch-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 700;
  color: #2a3344;
}
.pitch-bar .score { color: #0A5E2E; font-weight: 800; }
.pitch-body {
  background: #1a4d2e;
  padding: 10px 10px 16px;
  color: #fff;
}
.seg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #2b3a32;
  border-radius: 999px;
  padding: 3px;
  margin-bottom: 10px;
}
.seg button {
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
}
.seg button.is-on { background: #fff; color: #1a2330; }
.pitch-teams {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 10px;
}
.pitch-team {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 8px 10px;
  background: #24362c;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
}
.pitch-team img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  background: #fff;
  border-radius: 50%;
  padding: 2px;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.pitch-team img.kit {
  width: 34px;
  height: 40px;
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.pitch-team.is-on { border-color: #fff; background: #2e4638; }
.pitch-cats {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scrollbar-width: none;
  border-bottom: 1px solid rgb(255 255 255 / 18%);
  margin-bottom: 10px;
}
.pitch-cats button {
  flex: 0 0 auto;
  background: none;
  border: 0;
  color: rgb(255 255 255 / 70%);
  font-weight: 800;
  font-size: 13px;
  padding: 6px 0 8px;
  border-bottom: 3px solid transparent;
}
.pitch-cats button.is-on { color: #fff; border-bottom-color: #fff; }
.pitch-filters { display: flex; gap: 8px; margin-bottom: 12px; }
.pitch-filters button {
  height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid rgb(255 255 255 / 18%);
  background: transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.pitch-filters button.is-on { border-color: #fff; }
.pitch-field {
  position: relative;
  min-height: 340px;
  border: 2px solid rgb(255 255 255 / 35%);
  border-radius: 4px;
  background:
    radial-gradient(circle at 50% 50%, rgb(255 255 255 / 6%) 0 42px, transparent 43px),
    linear-gradient(#1a4d2e, #163f26);
  overflow: hidden;
  padding: 12px 6px 20px;
}
.pitch-field::before {
  content: "B";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 64px;
  font-weight: 900;
  color: rgb(255 255 255 / 10%);
  font-style: italic;
}
.pitch-field::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background: rgb(255 255 255 / 22%);
}
.pitch-row {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-around;
  margin: 10px 0 18px;
}
.pl {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 72px;
  position: relative;
  z-index: 2;
  color: #fff;
  cursor: pointer;
}
.pl .shirt {
  position: relative;
  width: 42px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 800;
  font-size: 11px;
}
.pl .shirt img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 35%));
}
.pl .shirt b {
  position: absolute;
  left: 0;
  right: 0;
  top: 54%;
  transform: translateY(-50%);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-shadow: 0 1px 2px rgb(0 0 0 / 70%);
  pointer-events: none;
}
.pl .who { font-size: 10px; font-weight: 700; margin: 2px 0 4px; text-align: center; color: #fff; }
.pl .podd {
  background: #fff;
  color: #1b7a3a;
  font-weight: 800;
  font-size: 12px;
  border-radius: 999px;
  padding: 3px 10px;
  min-width: 44px;
  text-align: center;
  cursor: pointer;
}

.pop-players-wrap {
  position: relative;
  margin: 0 0 16px;
  min-width: 0;
  max-width: 100%;
}
.pop-players-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 36px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--silver));
  z-index: 2;
}
.pop-players {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  touch-action: pan-x;
  padding-right: 28px;
  cursor: grab;
}
.pop-players.is-drag { cursor: grabbing; user-select: none; }
.pop-players::-webkit-scrollbar { display: none; }
.pp-card {
  flex: 0 0 min(258px, 80%);
  width: min(258px, 80%);
  min-width: min(258px, 80%);
  min-height: 372px;
  scroll-snap-align: start;
  background: #5a1420;
  background-image:
    linear-gradient(160deg, #7a1c2c 0%, #4a0f18 55%, #3a0c14 100%);
  border-radius: 12px;
  padding: 10px 14px 14px;
  color: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pp-card::before {
  content: "";
  position: absolute;
  top: -18px;
  left: -10px;
  right: -10px;
  height: 56px;
  background: repeating-linear-gradient(-18deg, transparent 0 10px, rgb(0 0 0 / 14%) 10px 14px);
  pointer-events: none;
}
.pp-fire {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #111;
  color: #fff;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  padding: 3px 8px 3px 6px;
  z-index: 2;
  line-height: 1;
}
.pp-fire img { width: 12px; height: 12px; object-fit: contain; display: block; }
.pp-jersey {
  display: block;
  width: 172px;
  height: 216px;
  margin: -42px auto -8px;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 14px 16px rgb(0 0 0 / 55%));
  pointer-events: none;
  object-fit: contain;
}
.pp-card.is-flu { background-image: linear-gradient(160deg, #5a1430 0%, #2d0113 55%, #1a000c 100%); }
.pp-card.is-sbc { background-image: linear-gradient(160deg, #6a1a1a 0%, #3a0c0c 55%, #1a0606 100%); }
.pp-card.is-pal { background-image: linear-gradient(160deg, #0f5a32 0%, #083d22 48%, #042616 100%); }
.pp-card.is-spt { background-image: linear-gradient(160deg, #9a1a1a 0%, #6a1010 45%, #3a0808 100%); }
.pp-card.is-fla { background-image: linear-gradient(160deg, #7a1212 0%, #1a1a1a 55%, #0a0a0a 100%); }
.pp-card.is-sao { background-image: linear-gradient(160deg, #5a5a5a 0%, #2a2a2a 55%, #151515 100%); }
.pp-card.is-cam { background-image: linear-gradient(160deg, #3a3a3a 0%, #111 60%, #000 100%); }
.pp-card.is-cor { background-image: linear-gradient(160deg, #3a3a3a 0%, #161616 60%, #0a0a0a 100%); }
.pp-card.is-inter { background-image: linear-gradient(160deg, #c4122e 0%, #6a0a18 55%, #3a0610 100%); }
.pp-card.is-vas { background-image: linear-gradient(160deg, #2a2a2a 0%, #111 60%, #000 100%); }
.pp-card.is-bot { background-image: linear-gradient(160deg, #1a2744 0%, #0c1220 60%, #070a12 100%); }
.pp-card.is-cap { background-image: linear-gradient(160deg, #7a1212 0%, #1a1a1a 55%, #0a0a0a 100%); }
.pp-crests {
  display: inline-flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0 auto 10px;
  background: rgb(0 18 12 / 42%);
  border-radius: 999px;
  padding: 5px 11px;
  min-height: 38px;
}
.pp-crests .div {
  width: 1px;
  height: 18px;
  background: rgb(255 255 255 / 28%);
  margin: 0 8px;
}
.pp-crests img {
  width: 28px;
  height: 28px;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
  padding: 0;
}
.pp-card h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.pp-card h3 .nm {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pp-card h3 .go { font-size: 13px; font-weight: 700; opacity: 0.92; flex: 0 0 auto; }
.pp-card .vs { font-size: 12px; font-weight: 500; opacity: 0.9; margin: 3px 0 10px; }
.pp-card ul {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  font-size: 12px;
  line-height: 1.35;
}
.pp-card ul li {
  position: relative;
  padding: 0 0 10px 18px;
}
.pp-card ul li:last-child { padding-bottom: 0; }
.pp-card ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 7px;
  height: 7px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.pp-card ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 13px;
  bottom: -2px;
  border-left: 1px dashed rgb(255 255 255 / 42%);
}
.pp-card ul b { font-weight: 800; }
.pp-odd {
  display: block;
  background: #fff;
  color: #1b7a3a;
  font-weight: 800;
  font-size: 18px;
  text-align: center;
  border-radius: 999px;
  padding: 10px;
  text-decoration: none;
  margin-top: auto;
}

.more-games-wrap {
  margin: 0 0 18px;
  min-width: 0;
}
.more-games {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-right: 4px;
}
.more-games::-webkit-scrollbar { display: none; }
.mg-tile {
  flex: 0 0 calc((100% - 24px) / 4);
  width: calc((100% - 24px) / 4);
  aspect-ratio: 1;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  padding: 8px 5px 9px;
  overflow: hidden;
  position: relative;
  background-color: #151b26;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.mg-tile img {
  width: 42%;
  height: 42%;
  max-width: 52px;
  max-height: 52px;
  object-fit: contain;
  display: block;
  margin-top: auto;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 35%));
}
.mg-tile .mg-mark {
  width: 58%;
  max-width: 68px;
  height: auto;
  max-height: none;
}
.mg-tile span {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 2.3em;
  max-width: 100%;
}
.mg-tile.v { background-image: url("../assets/img/mg-bg-virtuals.svg"); }
.mg-tile.c { background-image: url("../assets/img/mg-bg-casino.svg"); }
.mg-tile.b { background-image: url("../assets/img/mg-bg-bolao.svg"); }
.mg-tile.bc { background-image: url("../assets/img/mg-bg-bolao-copa.svg"); }
.mg-tile.live { background-image: url("../assets/img/mg-bg-live.svg"); }
.mg-tile.trn { background-image: url("../assets/img/mg-bg-torneios.svg"); }
.mg-tile.c .mg-mark {
  filter: drop-shadow(0 2px 0 rgb(0 0 0 / 28%));
}
.pick-row {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 18px;
  padding-bottom: 2px;
}
.pick-row::-webkit-scrollbar { display: none; }
.pick-row .pick-card {
  flex: 0 0 min(86%, 328px);
  margin-bottom: 0;
}
.pick-card {
  background: #fff;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 10px;
  border: 1px solid #e8ecf2;
  box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
  position: relative;
  display: flex;
  flex-direction: column;
}
.pick-card .boost {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 5px;
  background: #6b2bd6;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 4px 9px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.pick-card .boost img { width: 11px; height: 11px; object-fit: contain; display: block; filter: brightness(0) invert(1); }
.pick-card .when {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #5a6270;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pick-card .when img {
  width: 14px;
  height: 14px;
  object-fit: contain;
  display: block;
  filter: grayscale(1) opacity(0.72);
}
.pick-card .sides {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.pick-card .tm {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-weight: 800;
  font-size: 13px;
  color: #1a2230;
  line-height: 1.2;
}
.pick-card .tm.is-away {
  justify-content: flex-end;
  text-align: right;
}
.pick-card .tm span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pick-card .tm img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e8edf3;
  padding: 2px;
  box-sizing: border-box;
  flex: 0 0 28px;
}
.pick-card .vs {
  color: #8b93a2;
  font-size: 12px;
  font-weight: 600;
}
.pick-card ul {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  font-size: 13px;
  color: #3a4454;
  line-height: 1.4;
}
.pick-card ul li {
  position: relative;
  padding: 0 0 8px 14px;
}
.pick-card ul li:last-child { padding-bottom: 0; }
.pick-card ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c5cad3;
}
.pick-card ul b { font-weight: 800; color: #1a2230; }
.pick-odd {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  border: 1.5px solid #0A5E2E;
  border-radius: 10px;
  text-align: center;
  padding: 11px 12px;
  color: #1b7a3a;
  font-weight: 800;
  font-size: 20px;
  text-decoration: none;
  margin-top: auto;
  background: #fff;
}
.pick-odd s {
  color: #9aa3b2;
  font-size: 15px;
  font-weight: 600;
  text-decoration: line-through;
}
.pick-odd b { color: #1b7a3a; font-weight: 800; font-size: 20px; }

.up-sports {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  margin: 8px -12px 10px;
  padding: 0 12px;
}
.up-sports::-webkit-scrollbar { display: none; }
.up-sports a,
.up-sports button {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  color: #6b7384;
  text-decoration: none;
  min-width: 56px;
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
}
.up-sports .circ {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #e8edf3;
  display: grid;
  place-items: center;
}
.up-sports .circ img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  display: block;
}
.up-sports a.is-on .circ,
.up-sports button.is-on .circ { background: #3a78f2; }
.up-sports a.is-on,
.up-sports button.is-on { color: #1a2330; }
.up-empty {
  background: #fff;
  border-radius: 12px;
  padding: 18px 14px;
  color: #6b7384;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 16px;
}
.date-tabs {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scrollbar-width: none;
  border-bottom: 1px solid #e6eaf0;
  margin-bottom: 12px;
}
.date-tabs button {
  flex: 0 0 auto;
  background: none;
  border: 0;
  padding: 8px 0 10px;
  font-weight: 700;
  font-size: 13px;
  color: #6b7384;
  border-bottom: 3px solid transparent;
}
.date-tabs button.is-on { color: #1a2330; border-bottom-color: #1a2330; }
.cal-full {
  display: block;
  width: 100%;
  height: 42px;
  border: 1px solid #d5dbe6;
  border-radius: 8px;
  background: #fff;
  color: #1a2330;
  font-weight: 800;
  font-size: 13px;
  text-align: center;
  line-height: 42px;
  text-decoration: none;
  margin: 12px 0 16px;
}
.more-mkts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #2a3344;
  margin: 4px 0 12px;
  cursor: pointer;
  user-select: none;
}
.more-mkts input { position: absolute; opacity: 0; pointer-events: none; }
.more-mkts .sw {
  width: 42px;
  height: 24px;
  background: #d5dbe6;
  border-radius: 999px;
  position: relative;
  flex: 0 0 42px;
  transition: background 0.15s;
}
.more-mkts .sw::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
  transition: left 0.15s;
}
.more-mkts input:checked + .sw { background: #0A5E2E; }
.more-mkts input:checked + .sw::after { left: 20px; }
#up-list { display: flex; flex-direction: column; gap: 10px; }
#up-list.is-simple .up-extra { display: none; }
.up-empty { color: #6b7384; font-size: 13px; text-align: center; padding: 18px 8px; }
.up-card {
  background: #fff;
  border-radius: 14px;
  padding: 12px 12px 10px;
  border: 1px solid #e8ecf2;
  box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
}
.up-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.up-when {
  font-size: 12px;
  font-weight: 700;
  color: #6b7384;
}
.up-play {
  width: 16px;
  height: 16px;
  object-fit: contain;
  filter: invert(36%) sepia(98%) saturate(1800%) hue-rotate(198deg) brightness(98%);
}
.up-tools {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.up-tools img { width: 18px; height: 18px; opacity: 0.45; object-fit: contain; }
.up-team {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 800;
  color: #1a2230;
  margin: 6px 0;
}
.up-team img.crest {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e8edf3;
  padding: 2px;
  box-sizing: border-box;
  flex: 0 0 26px;
}
.up-mkt {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eef1f5;
}
.up-ml {
  font-size: 11px;
  font-weight: 700;
  color: #8b93a2;
  margin-bottom: 8px;
}
.up-odds {
  display: grid;
  gap: 8px;
}
.up-odds.n3 { grid-template-columns: 1fr 1fr 1fr; }
.up-odds.n2 { grid-template-columns: 1fr 1fr; }
.up-odd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #e4e8ef;
  border-radius: 8px;
  background: #f7f8fa;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
}
.up-odd span {
  font-size: 12px;
  font-weight: 700;
  color: #2a3344;
}
.up-odd b {
  color: var(--green);
  font-size: 14px;
  font-weight: 800;
}
.up-odd:hover { border-color: #cfd6e0; background: #fff; }
.seo-box {
  background: #fff;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 16px;
}
.seo-box h3 { margin: 0 0 8px; font-size: 15px; }
.seo-box p { margin: 0; color: #5b6575; font-size: 13px; line-height: 1.5; }
.seo-box .more {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-weight: 800;
  font-size: 12px;
  color: #1a2330;
}

.back-top {
  display: none;
  position: fixed;
  left: 50%;
  bottom: calc(var(--tabbar-h, 64px) + 14px);
  transform: translateX(-50%);
  z-index: 75;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 0;
  background: #2a3344;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgb(0 0 0 / 25%);
}
.slip-fab {
  display: none;
  position: fixed;
  right: 10px;
  bottom: calc(var(--tabbar-h, 64px) + 10px);
  z-index: 76;
  min-width: 64px;
  height: 40px;
  padding: 0;
  background: transparent;
  color: #fff;
  font-weight: 800;
  font-size: 15px;
  border: 0;
  text-decoration: none;
  text-align: center;
}
.slip-fab .slip-in {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 14px 0 18px;
  background: #0A5E2E;
  border: 2px solid #FBD900;
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%);
}
.slip-fab .slip-in img {
  width: 22px;
  height: 22px;
  display: block;
  filter: brightness(0) invert(1);
}
.slip-fab .n {
  position: absolute;
  top: -6px;
  right: -4px;
  width: 18px;
  height: 18px;
  background: #FBD900;
  color: #00398A;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 800;
  display: grid;
  place-items: center;
}

.special-card {
  display: flex;
  gap: 12px;
  background: var(--white);
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 10px;
  box-shadow: 0 1px 2px rgb(0 0 0 / 6%);
}
.special-card .thumb {
  width: 72px;
  background: var(--orange);
  display: grid;
  place-items: center;
  color: var(--white);
  font-size: 22px;
}
.special-card .body { padding: 10px 10px 10px 0; }
.special-card small { color: #6b7384; letter-spacing: 0.3px; }
.special-card strong { display: block; margin: 4px 0; }

.section-head h2.caps { text-transform: uppercase; letter-spacing: 0.3px; }

/* Casino dark */
body.theme-casino {
  background: var(--ink);
  color: var(--white);
  color-scheme: dark;
  scrollbar-color: #2a3345 var(--ink);
}
body.theme-casino .sidebar {
  background: var(--stone);
  border-right-color: #222838;
  color: var(--white);
}
body.theme-casino .sidebar a,
body.theme-casino .sidebar button.nav-item { color: #d7dce6; }
body.theme-casino .sidebar a:hover,
body.theme-casino .sidebar button.nav-item:hover { background: #1c2433; }
body.theme-casino .sidebar a.is-active,
body.theme-casino .sidebar .nav-item.is-active {
  background: #2a3345;
  color: var(--white);
}
body.theme-casino .main { background: var(--ink); }
body.theme-casino .section-head h2 { color: var(--white); }
body.theme-casino .pill { background: #2a3345; color: var(--white); }
body.theme-casino .story span { color: #98a1b2; }

.game-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}
.game-card { min-width: 0; }
.thumb-art {
  aspect-ratio: 340 / 191;
  border-radius: 8px;
  background: #121821;
  position: relative;
  overflow: hidden;
}
.thumb-art img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center center;
  display: block;
  transition: transform 0.2s ease, filter 0.2s ease;
}
.game-card:hover .thumb-art img { transform: scale(1.04); filter: brightness(1.08); }
.game-card figcaption {
  margin-top: 6px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.theme-casino .game-card figcaption {
  color: #98a1b2;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.25;
  margin-top: 8px;
}
.game-badges {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 3;
  display: none !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  pointer-events: none;
}
.game-badges .badge {
  position: static;
  left: auto;
  top: auto;
}
.badge + .badge { top: 28px; }
.provider-row,
.collection-row,
.jackpot-row {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
  margin-bottom: 28px;
  padding-bottom: 4px;
}
.provider-row::-webkit-scrollbar,
.collection-row::-webkit-scrollbar,
.jackpot-row::-webkit-scrollbar { display: none; }
.collection-card,
.jackpot-card {
  flex: 0 0 140px;
  background: #151b26;
  border-radius: 12px;
  padding: 12px;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 96px;
}
.provider-card {
  flex: 0 0 168px;
  width: 168px;
  height: 132px;
  background: #141a24;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 14px 12px 12px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}
.provider-card:hover,
.provider-card:focus-visible {
  border-color: #7eb6ff;
}
.provider-card img {
  height: 56px;
  width: auto;
  max-width: 118px;
  object-fit: contain;
  margin: auto;
}
.provider-card strong { display: none; }
.provider-card .provider-count,
.provider-card span {
  background: #1c2433;
  color: #fff;
  border-radius: 999px;
  padding: 4px 14px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  min-width: 44px;
  text-align: center;
}
.collection-card img,
.jackpot-card img {
  height: 32px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
.collection-card span,
.jackpot-card span { color: #9aa3b2; font-size: 12px; }
.compare-avatar {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 8px;
}
.badge {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.3px;
  padding: 3px 6px;
  border-radius: 4px;
  color: var(--white);
  line-height: 1.15;
  text-transform: uppercase;
}
.badge-excl {
  background: #c2497d;
  padding: 4px 7px;
  font-size: 9px;
}
.badge-bonus {
  background: #41a358;
  padding: 4px 6px;
  font-size: 8.5px;
  max-width: 72px;
  white-space: normal;
  text-align: left;
}
.game-badges:has(.badge-excl) .badge-bonus {
  background: #41a358;
  border-radius: 4px;
  max-width: 70px;
  line-height: 1.2;
  padding: 3px 6px;
}
.game-badges:not(:has(.badge-excl)) .badge-bonus {
  display: none !important;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  background: rgb(12 16 24 / 72%);
  border-radius: 999px;
  padding: 3px 9px 3px 4px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.35px;
  max-width: none;
  white-space: nowrap;
  text-align: left;
}
.game-badges:not(:has(.badge-excl)) .badge-bonus::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  background: url("../assets/img/6f4de02e-bonus-buy.BEoZWv6G.svg") center / contain no-repeat;
}
.badge-new { background: var(--orange); right: 8px; left: auto; }
.play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  transition: opacity 0.2s;
  background: rgb(0 0 0 / 28%);
}
.game-card:hover .play { opacity: 1; }
.play i {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgb(255 255 255 / 88%);
  display: grid;
  place-items: center;
  color: #111;
  font-style: normal;
  font-weight: 800;
}

.compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 8px 0 28px;
}
.compare-card {
  background: #151b26;
  border-radius: 12px;
  padding: 16px;
}
.compare-card h3 { margin: 0 0 4px; }
.compare-card .sub { color: var(--muted); font-size: 12px; margin-bottom: 12px; }

.jp-carousel {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 0 28px;
  padding-bottom: 4px;
  scroll-snap-type: x mandatory;
}
.jp-carousel::-webkit-scrollbar { display: none; }
.jp-card {
  flex: 0 0 min(420px, 86vw);
  min-height: 340px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: #10222c;
  color: #fff;
  scroll-snap-align: start;
}
.jp-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: none;
}
.jp-deco {
  position: absolute;
  width: auto;
  max-width: 42%;
  pointer-events: none;
  z-index: 1;
}
.jp-a { right: -6%; top: -8%; max-height: 48%; }
.jp-b { left: -8%; bottom: 18%; max-height: 40%; max-width: 34%; }
.jp-c { right: 6%; bottom: 22%; max-height: 28%; }
.jp-d { left: 8%; top: 18%; max-height: 22%; }
.jp-body {
  position: relative;
  z-index: 2;
  padding: 14px 14px 12px;
  display: flex;
  flex-direction: column;
  min-height: 340px;
  background: linear-gradient(180deg, rgb(0 0 0 / 18%) 0%, rgb(0 0 0 / 55%) 100%);
}
.jp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.jp-head strong { font-size: 15px; }
.jp-brand {
  height: 52px;
  width: auto;
  max-width: 70%;
  object-fit: contain;
  margin: 4px auto 10px;
}
.jp-card h3 { margin: 8px 0 12px; text-align: center; }
.jp-levels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.jp-lvl {
  background: rgb(0 0 0 / 38%);
  border-radius: 10px;
  padding: 8px 10px;
  text-align: center;
}
.jp-lvl small {
  display: block;
  font-size: 10px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #c9d2dc;
  margin-bottom: 2px;
}
.jp-lvl b { font-size: 15px; font-weight: 800; }
.jp-lvl.is-grand {
  grid-column: 1 / -1;
  padding: 10px 12px;
}
.jp-lvl.is-grand b { font-size: 22px; }
.jp-lvl.is-mid {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  gap: 8px;
}
.jp-lvl.is-mid small { margin-bottom: 0; }
.jp-odo {
  --duration: 1s;
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  line-height: 1;
  text-shadow: 0 2px 3px #00000033;
}
.jp-odo .pre {
  margin-right: 4px;
  font-size: 0.72em;
  font-weight: 700;
}
.jp-odo .sep {
  width: 0.28em;
  text-align: center;
  visibility: visible;
}
.jp-odo .d {
  --delay: 0ms;
  overflow: hidden;
  position: relative;
  visibility: hidden;
  display: inline-block;
  vertical-align: top;
  width: 1ch;
  height: 1em;
  line-height: 1;
}
.jp-odo .d::before {
  content: attr(data-range);
  word-break: break-all;
  white-space: normal;
  text-align: center;
  position: absolute;
  visibility: visible;
  will-change: transform;
  top: 0;
  left: calc(50% - 0.5ch);
  width: 1ch;
}
.jp-odo .d.is-live::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 0;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  z-index: 1;
  visibility: visible;
}
.jp-odo.counter-animation .d::before {
  animation: jp-counter-roll var(--duration) ease var(--delay, 0ms) forwards;
}
@keyframes jp-counter-roll {
  0% { transform: translateY(0); }
  100% { transform: translateY(calc(-100% + 1em)); }
}
@media (prefers-reduced-motion: reduce) {
  .jp-odo.counter-animation .d::before { animation: none; }
}
.jp-games {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.jp-thumb {
  flex: 1;
  margin: 0;
  min-width: 0;
}
.jp-thumb img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  max-width: none;
}
.jp-thumb figcaption {
  margin-top: 4px;
  font-size: 10px;
  color: #d7dce6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.help-cta {
  background: #151c28;
  border-radius: 16px;
  padding: 22px 16px 18px;
  text-align: center;
  margin: 8px 0 24px;
}
.help-cta p {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}
.help-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #c2497d;
  color: #fff;
  border-radius: 999px;
  padding: 12px 22px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.4px;
}
.help-cta-btn:hover { filter: brightness(1.08); }

.crash-stage {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  margin: 0 0 12px;
  background: #16082c;
  aspect-ratio: 16 / 9;
  max-height: 420px;
}
.crash-stage-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
}
.crash-picks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 0 0 16px;
}
.crash-pick {
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #151c28;
}
.crash-pick img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
  max-width: none;
}

.cat-banner {
  display: block;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  min-height: 148px;
  margin: 0 0 14px;
  background: #151c28;
}
.cat-banner-bg {
  width: 100%;
  height: 168px;
  object-fit: cover;
  max-width: none;
  display: block;
}
.cat-banner-av {
  position: absolute;
  right: 12px;
  bottom: 0;
  height: 92%;
  width: auto;
  max-width: 46%;
  object-fit: contain;
  pointer-events: none;
}
.cat-banner-copy {
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.cat-banner-copy strong {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 1px 8px rgb(0 0 0 / 55%);
}

.collection-card {
  flex: 0 0 148px;
  width: 148px;
  height: 118px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 16px;
  padding: 12px 10px;
}
.collection-card img {
  height: 40px;
  margin: 0 auto 4px;
}
.collection-card strong {
  font-size: 13px;
  line-height: 1.2;
}
.collection-card span {
  background: #1c2433;
  color: #fff;
  border-radius: 999px;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: 700;
  margin-top: 4px;
}
.rank {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid #232b38;
}
.rank .mini {
  width: 48px;
  height: 36px;
  border-radius: 6px;
  background: #2b3548;
  flex: 0 0 48px;
}
.rank .pct { margin-left: auto; font-weight: 800; color: var(--orange); }
.rank .pct.cold { color: #8ab4ff; }

.sponsors {
  background: #1a1e23;
  color: var(--white);
  padding: 16px 32px 12px;
}
.sponsors-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
}
.sponsors-copy { flex: 0 0 200px; }
.sponsors-copy h3 {
  margin: 0 0 4px;
  font-size: 13px;
  letter-spacing: 0.06em;
  font-weight: 800;
}
.sponsors-copy p { margin: 0; color: #9aa3b2; font-size: 12px; }
.sponsors-logos {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 16px;
  scrollbar-width: none;
}
.sponsors-logos::-webkit-scrollbar { display: none; }
.sponsors-logos img {
  display: block !important;
  width: auto !important;
  height: 52px !important;
  max-height: 52px !important;
  max-width: 120px !important;
  object-fit: contain;
  object-position: center center;
  flex: 0 0 auto !important;
}
.sponsors-next {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
}

.site-footer {
  background: #111417;
  color: #c5cad3;
  padding: 8px 32px 40px;
  font-size: 12px;
}
.footer-top {
  display: grid;
  grid-template-columns: 0.82fr 1.7fr 0.72fr 1.18fr;
  gap: 36px 32px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 0 28px;
  align-items: start;
}
.site-footer h3 {
  color: var(--white);
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 12px;
}
.site-footer h3 + h3 { margin-top: 28px; }
.footer-links a {
  color: #d8dde6;
  display: block;
  padding: 1px 0;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
}
.footer-links a:hover { color: #fff; }
.footer-about p {
  margin: 0 0 12px;
  color: #b4bac4;
  font-size: 11.5px;
  line-height: 1.55;
}
.footer-about a { color: #d0d5de; }
.footer-note { color: #9aa3b2 !important; font-size: 11px !important; }
.pay-row { display: flex; gap: 10px; flex-wrap: wrap; }
.pay-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  height: 40px;
  padding: 6px 12px;
  background: #1c222c;
  border: 1px solid #2a3140;
  border-radius: 6px;
}
.pay-chip img { height: 22px; width: auto; max-width: 92px; object-fit: contain; }
.pay-chip.pay-cards { min-width: 108px; padding: 6px 10px; }
.pay-chip.pay-cards img { height: 18px; max-width: 108px; }
.footer-apps p {
  margin: 0 0 12px;
  color: #b4bac4;
  font-size: 11.5px;
  line-height: 1.5;
}
.store-row { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
.store-row img,
.store-row img.gp-badge,
.store-row img.gp {
  height: 40px;
  width: auto;
  max-height: 40px;
  margin: 0;
  display: block;
  object-fit: contain;
  object-position: left center;
}
.award-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 156px));
  justify-content: start;
  align-items: start;
  gap: 10px 12px;
  max-width: 324px;
}
.award-grid img {
  width: 100%;
  height: 48px;
  object-fit: contain;
  object-position: left center;
  background: transparent;
}
.footer-trust {
  max-width: 980px;
  margin: 8px auto 0;
  padding: 28px 0 8px;
  border-top: 1px solid #242a36;
}
.footer-trust-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 28px 40px;
  margin: 0 0 18px;
}
.footer-trust img {
  height: 52px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
}
.footer-social {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin: 28px auto 16px;
}
.footer-social a {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
}
.footer-social img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.site-footer .legal {
  max-width: 920px;
  margin: 0 auto;
  color: #9aa3b2;
  font-size: 11.5px;
  line-height: 1.55;
  text-align: center;
  white-space: pre-line;
}

.modal {
  position: fixed;
  inset: 0;
  background: rgb(0 0 0 / 55%);
  display: none;
  place-items: center;
  z-index: 80;
}
.modal.open { display: grid; }
.modal .box {
  background: var(--white);
  color: var(--ink);
  width: min(420px, 92vw);
  border-radius: 12px;
  padding: 20px;
}
.modal h3 { margin: 0 0 12px; }
.modal input {
  width: 100%;
  height: 40px;
  margin: 0 0 10px;
  border: 1px solid #d5dbe6;
  border-radius: 8px;
  padding: 0 10px;
}

.modal.settings-modal {
  z-index: 120;
  background: rgb(15 18 26 / 62%);
  backdrop-filter: blur(2px);
}
.modal.settings-modal .box {
  width: min(456px, 94vw);
  background: #f3f5fb;
  padding: 22px 22px 18px;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 16px 48px rgb(0 0 0 / 28%);
}
.settings-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.settings-head h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.3px;
  color: #1a202d;
}
.settings-x {
  width: 28px;
  height: 28px;
  border: 0;
  background: none;
  padding: 0;
  color: #1a202d;
  border-radius: 6px;
  display: grid;
  place-items: center;
}
.settings-x img { width: 16px; height: 16px; display: block; }
.settings-x:hover { background: rgb(0 0 0 / 6%); }
.settings-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 800;
  color: #1a202d;
}
.badge-novo {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 7px;
  border-radius: 4px;
  background: #2d864c;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.4px;
  line-height: 1;
}
.theme-opt {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  text-align: left;
  background: #fff;
  border: 1px solid #dfe4ee;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 10px;
  color: #1a202d;
  cursor: pointer;
  font-family: inherit;
}
.theme-opt:last-of-type { margin-bottom: 0; }
.theme-opt.is-on {
  border: 2px solid #0A5E2E;
  padding: 11px 13px;
}
.theme-thumb {
  width: 56px;
  height: 40px;
  border-radius: 6px;
  flex: 0 0 56px;
  overflow: hidden;
  border: 1px solid #e1e6ef;
  background: #fff;
  display: flex;
}
.theme-thumb .th-win {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.theme-thumb .th-bar { height: 7px; flex: 0 0 7px; background: #0A5E2E; }
.theme-thumb .th-pane {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 5px 6px;
  background: #f3f5fb;
}
.theme-thumb .th-pane i {
  display: block;
  height: 4px;
  border-radius: 1px;
  background: #fff;
}
.theme-thumb .th-pane i:nth-child(2) { width: 70%; }
.theme-thumb .th-pane i:nth-child(3) { width: 46%; }
.theme-thumb.light .th-pane { background: #fff; }
.theme-thumb.light .th-pane i { background: #eef1f6; }
.theme-thumb.dark { background: #12151c; border-color: #2a3344; }
.theme-thumb.dark .th-bar { background: #1a202d; }
.theme-thumb.dark .th-pane { background: #12151c; }
.theme-thumb.dark .th-pane i { background: #2a3344; }
.theme-thumb.system { border: 0; gap: 0; }
.theme-thumb.system .th-win:last-child .th-bar { background: #1a202d; }
.theme-thumb.system .th-win:last-child .th-pane { background: #12151c; }
.theme-thumb.system .th-win:last-child .th-pane i { background: #2a3344; }
.theme-copy { flex: 1; min-width: 0; }
.theme-copy b {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 800;
  color: #1a202d;
}
.theme-ico { width: 16px; height: 16px; flex: 0 0 16px; }
.theme-copy span {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.35;
  color: #6b7384;
  font-weight: 500;
}
.theme-radio {
  width: 22px;
  height: 22px;
  border: 2px solid #c5ccd6;
  border-radius: 50%;
  flex: 0 0 22px;
  position: relative;
  background: #fff;
  box-sizing: border-box;
}
.theme-opt.is-on .theme-radio {
  border-color: #0A5E2E;
}
.theme-opt.is-on .theme-radio::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #0A5E2E;
}

html[data-resolved-theme="light"] body.theme-sports { background: #fff; }
html[data-resolved-theme="light"] body.theme-sports .main { background: #fff; }
html[data-resolved-theme="light"] body.theme-sports.is-league .main { background: #eef1f6; }
html[data-resolved-theme="dark"] body.theme-sports { background: #12151c; color: #e8ecf4; }
html[data-resolved-theme="dark"] body.theme-sports .main { background: #12151c; }
html[data-resolved-theme="dark"] body.theme-sports .sidebar { background: #161b24; border-color: #2a3344; color: #e8ecf4; }
html[data-resolved-theme="dark"] body.theme-sports .live-card,
html[data-resolved-theme="dark"] body.theme-sports .pick-card,
html[data-resolved-theme="dark"] body.theme-sports .acca,
html[data-resolved-theme="dark"] body.theme-sports .seo-box { background: #1a2230; color: #e8ecf4; }
html[data-resolved-theme="dark"] body.theme-sports .section-head h2,
html[data-resolved-theme="dark"] body.theme-sports .join-head h2 { color: #e8ecf4; }
html[data-resolved-theme="dark"] body.theme-sports .tabbar { background: #161b24; border-color: #2a3344; }

.modal.search-modal {
  z-index: 110;
  align-items: start;
  padding: 10px;
  background: rgb(16 24 40 / 55%);
}
.modal.search-modal .box {
  width: min(980px, 100%);
  max-height: calc(100vh - 20px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 14px 14px 0;
  background: #fff;
  border-radius: 12px;
  position: relative;
  box-shadow: 0 18px 50px rgb(0 0 0 / 28%);
}
.sr-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.sr-field {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  border: 1px solid #cfd6e0;
  border-radius: 12px;
  padding: 0 12px;
  background: #fff;
}
.sr-field svg { width: 18px; height: 18px; color: #6b7384; flex: 0 0 18px; }
.sr-field input {
  flex: 1;
  border: 0;
  height: 42px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  outline: none;
  background: transparent;
  color: #1a202d;
}
.sr-field input::placeholder { color: #9aa3b2; }
.sr-clear {
  width: 22px;
  height: 22px;
  border: 0;
  background: none;
  color: #8b93a2;
  font-size: 16px;
  display: none;
  line-height: 1;
}
.sr-field.has-q .sr-clear { display: grid; place-items: center; }
.sr-close {
  width: 36px;
  height: 36px;
  border: 0;
  background: none;
  color: #1a202d;
  border-radius: 8px;
  display: grid;
  place-items: center;
  padding: 0;
}
.sr-close img { width: 16px; height: 16px; display: block; }
.sr-close:hover { background: #f3f5fb; }
.sr-title {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #1a202d;
}
.sr-sports {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 12px;
}
.sr-sports::-webkit-scrollbar { display: none; }
.sr-sport {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px 0 8px;
  border-radius: 999px;
  border: 1px solid #d5dbe6;
  background: #fff;
  color: #3a4250;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  font-family: inherit;
  cursor: pointer;
}
.sr-sport img { width: 20px; height: 20px; }
.sr-sport.is-on {
  background: #d7e8ff;
  border-color: #7eb6ff;
  color: #1a202d;
}
.sr-markets {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scrollbar-width: none;
  border-bottom: 1px solid #e6eaf0;
  margin-bottom: 0;
}
.sr-markets::-webkit-scrollbar { display: none; }
.sr-markets button {
  flex: 0 0 auto;
  background: none;
  border: 0;
  padding: 10px 0 9px;
  font-size: 13px;
  font-weight: 700;
  color: #6b7384;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
  font-family: inherit;
  cursor: pointer;
}
.sr-markets button.is-on { color: #1a202d; border-bottom-color: #1a202d; }
.sr-list {
  overflow-y: auto;
  flex: 1;
  min-height: 240px;
  max-height: min(64vh, 560px);
  scrollbar-width: thin;
  scrollbar-color: #1a202d #eef1f6;
}
.sr-list::-webkit-scrollbar { width: 8px; }
.sr-list::-webkit-scrollbar-thumb { background: #1a202d; border-radius: 8px; }
.sr-list::-webkit-scrollbar-track { background: #eef1f6; }
.sr-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1.35fr) auto minmax(240px, 1.5fr) 32px;
  align-items: center;
  gap: 8px;
  padding: 12px 8px 12px 4px;
  border-bottom: 1px solid #eef1f6;
}
.sr-row:hover { background: #fafbfd; }
.sr-when {
  font-size: 11px;
  font-weight: 700;
  color: #6b7384;
  line-height: 1.3;
}
.sr-teams { min-width: 0; color: inherit; text-decoration: none; }
.sr-team {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #1a202d;
  margin: 3px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sr-team img,
.sr-crest {
  width: 20px;
  height: 20px;
  object-fit: cover;
  flex: 0 0 20px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #eef1f6;
}
.sr-crest {
  display: grid;
  place-items: center;
  background: #eef1f6;
  color: #6b7384;
  font-size: 8px;
  font-weight: 800;
}
.sr-flags { display: flex; align-items: center; gap: 4px; }
.sr-so {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #e10600;
  color: #fff;
  font-size: 8px;
  font-weight: 800;
  display: grid;
  place-items: center;
}
.sr-play {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: #2f6fed;
  color: #fff;
  display: grid;
  place-items: center;
}
.sr-play svg { width: 10px; height: 10px; fill: #fff; }
.sr-odds {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.sr-odd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 0 10px;
  border: 1px solid #d5dbe6;
  border-radius: 8px;
  background: #fff;
  font-size: 11px;
  color: #6b7384;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}
.sr-odd b { color: #00a651; font-size: 14px; font-weight: 800; }
.sr-odd.is-on {
  background: #00a651;
  border-color: #00a651;
  color: #fff;
}
.sr-odd.is-on b { color: #fff; }
.sr-odd.is-void {
  opacity: 0.4;
  pointer-events: none;
  background: #f7f8fb;
}
.sr-stat {
  width: 28px;
  height: 28px;
  border: 0;
  background: none;
  color: #8b93a2;
  border-radius: 6px;
  cursor: pointer;
}
.sr-stat:hover,
.sr-stat.is-on { color: #1a202d; background: #f3f5fb; }
.sr-empty {
  padding: 36px 12px;
  text-align: center;
  color: #6b7384;
  font-size: 14px;
}
.sr-more {
  display: block;
  text-align: center;
  padding: 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.4px;
  color: #2f6fed;
}
.sr-stats-box {
  grid-column: 1 / -1;
  background: #f3f5fb;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
  color: #3a4250;
  display: none;
}
.sr-row.is-stats .sr-stats-box { display: block; }
.sr-stats-box a { color: #2f6fed; font-weight: 800; }
@media (max-width: 720px) {
  .sr-row {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    grid-template-areas:
      "when teams flags"
      "odds odds odds"
      "stat stat stat";
  }
  .sr-when { grid-area: when; }
  .sr-teams { grid-area: teams; }
  .sr-flags { grid-area: flags; }
  .sr-odds { grid-area: odds; }
  .sr-stat { grid-area: stat; justify-self: end; }
  .sr-stats-box { grid-area: auto; grid-column: 1 / -1; }
}

@media (max-width: 1100px) {
  .shell { grid-template-columns: 220px minmax(0, 1fr) 300px; }
  .rightbar { width: 300px; min-width: 300px; max-width: 300px; }
  .game-grid { grid-template-columns: repeat(4, 1fr); }
  .shortcut-grid { grid-template-columns: repeat(4, 1fr); }
  .compare { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .sponsors-copy { flex: 0 0 160px; }
  .sponsors-logos img { height: 50px !important; max-height: 50px !important; }
  .bod-card {
    flex: 0 0 calc((100cqi - 12px) / 2.18);
    max-width: calc((100cqi - 12px) / 2.18);
  }
}
.m-chips,
.tabbar,
.hub-scrim { display: none; }

@media (max-width: 820px) {
  :root {
    --header-h: calc(56px + env(safe-area-inset-top, 0px));
    --tabbar-h: calc(64px + env(safe-area-inset-bottom, 0px));
  }
  html, body {
    overflow-x: clip;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  body { padding-bottom: var(--tabbar-h); }

  .site-header {
    height: var(--header-h);
    padding: env(safe-area-inset-top, 0px) 8px 0 12px;
    gap: 4px;
    box-sizing: border-box;
  }
  body.is-in { --header-h: calc(78px + env(safe-area-inset-top, 0px)); }
  .site-header.is-in {
    padding: 0 8px 0 12px;
  }
  .site-header.is-in .hdr-clock {
    margin: 0 -8px 0 -12px;
    padding: env(safe-area-inset-top, 0px) 12px 0;
    height: calc(22px + env(safe-area-inset-top, 0px));
    font-size: 10px;
  }
  .hdr-account { height: 32px; padding: 0 10px 0 5px; gap: 6px; border-radius: 16px; }
  .hdr-user { width: 20px; height: 20px; flex-basis: 20px; }
  .hdr-user svg { width: 12px; height: 12px; }
  .hdr-bal { font-size: 13px; }
  .hdr-deposit { height: 32px; padding: 0 10px; font-size: 11px; border-radius: 8px; }
  .logo {
    font-size: 0;
    gap: 0;
    flex: 0 0 auto;
    align-items: center;
    height: 100%;
    margin-right: 2px;
  }
  .logo img.logo-full { display: none !important; }
  .logo img.b-mark {
    display: block !important;
    height: 38px;
    width: auto;
    max-width: none;
    min-width: 28px;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 22%));
  }
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
  button,
  .btn,
  .icon-btn,
  .odds-btn,
  .pill,
  .tabbar a,
  .bod-nav {
    touch-action: manipulation;
  }
  .main-nav { display: none; }
  .menu-toggle { display: grid !important; width: 32px; height: 32px; flex: 0 0 32px; }
  .header-actions {
    gap: 4px;
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
  }
  .header-actions [aria-label="Ofertas"],
  .header-actions [aria-label="Ajustes"] { display: none; }
  .header-actions .btn-ghost:not([hidden]),
  .header-actions .btn-enter:not([hidden]) {
    display: inline-flex;
    align-items: center;
    visibility: visible;
    flex: 0 0 auto;
  }
  .icon-btn { width: 32px; height: 32px; }
  .icon-btn svg { width: 18px; height: 18px; }
  .btn {
    height: 32px;
    padding: 0 10px;
    font-size: 11px;
    border-radius: 6px;
    letter-spacing: 0.2px;
  }

  .m-chips {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    position: sticky;
    top: var(--header-h);
    z-index: 40;
    padding: 8px 12px;
    background: inherit;
  }
  .m-chips::-webkit-scrollbar { display: none; }
  body.theme-casino .m-chips { background: var(--ink); }
  body:not(.theme-casino) .m-chips { background: var(--silver); }
  .m-chips a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    height: 36px;
    padding: 0 12px 0 10px;
    border-radius: 999px;
    background: #1c2433;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
  }
  body:not(.theme-casino) .m-chips a {
    background: #fff;
    color: var(--ink);
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
  }
  .m-chips a.is-active { outline: 1px solid #7eb6ff; }
  .m-chips .nav-ico { width: 16px; height: 16px; opacity: 1; }

  .shell, .shell.no-right { grid-template-columns: 1fr; }
  .sidebar { display: none; }
  .main {
    grid-column: 1;
    padding: 12px 12px 24px;
  }
  .rightbar { display: none; }
  .hub-scrim {
    display: none;
    position: fixed;
    inset: var(--header-h) 0 var(--tabbar-h);
    background: rgb(0 0 0 / 45%);
    z-index: 64;
  }
  .hub-scrim.open { display: block; }
  .sidebar.open {
    display: block;
    position: fixed;
    inset: var(--header-h) auto var(--tabbar-h) 0;
    width: min(300px, 86vw);
    z-index: 70;
    overflow: auto;
    min-height: 0;
    box-shadow: 8px 0 24px rgb(0 0 0 / 28%);
  }

  .hero-banner { max-height: 140px; margin-bottom: 12px; border-radius: 10px; }
  .hero-banner img { height: 140px; }
  .stories { gap: 10px; margin-bottom: 16px; }
  .story, .story img { width: 126px; }
  .story { flex-basis: 126px; }
  .story img { height: 176px; border-radius: 12px; }
  .story span { font-size: 12px; }

  .section-head { margin: 4px 0 10px; }
  .section-head h2 { font-size: 16px; }
  .pill { font-size: 11px; padding: 3px 8px; }

  .game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 20px;
  }
  .game-grid.feat-wide .game-card:first-child { grid-column: 1 / -1; }
  .game-grid.grid-branded {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .game-grid.grid-branded .thumb-art { aspect-ratio: 1; }
  .jp-card { flex-basis: min(92vw, 400px); min-height: 320px; }
  .jp-body { min-height: 320px; }
  .crash-stage {
    aspect-ratio: 16 / 10;
    max-height: none;
    border-radius: 12px;
  }
  .crash-picks { gap: 8px; margin-bottom: 14px; }
  .crash-pick { border-radius: 8px; }
  .shortcut-grid { grid-template-columns: repeat(3, 1fr); }
  .game-card figcaption { font-size: 11px; margin-top: 6px; }
  .thumb-art { border-radius: 8px; }

  .provider-row, .collection-row, .jackpot-row { gap: 8px; margin-bottom: 20px; }
  .provider-card {
    flex-basis: 140px;
    width: 140px;
    height: 116px;
    border-radius: 14px;
    padding: 10px 8px 10px;
  }
  .provider-card img { height: 48px; max-width: 100px; }

  .bod-card {
    flex: 0 0 calc(100cqi / 1.02);
    max-width: calc(100cqi / 1.02);
  }
  .bod-carousel,
  .stories-carousel {
    margin: 0 -12px 12px;
    padding: 0 !important;
    width: calc(100% + 24px);
  }
  .bod-carousel .bod-nav { display: none; }
  .bod-nav {
    opacity: 1;
    pointer-events: auto;
    width: 30px;
    height: 30px;
    font-size: 18px;
  }
  .bod-nav.prev { left: 6px; }
  .bod-nav.next { right: 6px; }

  .compare { grid-template-columns: 1fr; gap: 12px; }
  .footer-top { grid-template-columns: 1fr; }
  .sponsors-inner { flex-wrap: wrap; gap: 12px; }
  .sponsors-copy { flex: 1 1 100%; }
  .sponsors-logos { width: 100%; gap: 14px; display: flex !important; flex-direction: row !important; }
  .sponsors-logos img { height: 48px !important; max-height: 48px !important; }
  .site-footer, .sponsors { padding-bottom: 8px; }

  .tabbar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
    height: var(--tabbar-h);
    padding: 8px 4px max(8px, env(safe-area-inset-bottom, 0px));
    background: #1a202d;
    border-radius: 16px 16px 0 0;
    border-top: 1px solid rgb(255 255 255 / 8%);
    box-shadow: 0 -8px 28px rgb(0 0 0 / 38%);
    box-sizing: border-box;
  }
  .tabbar a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: #c5cdd8;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    min-width: 0;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .tabbar a span.label {
    white-space: normal;
    overflow: hidden;
    max-width: 100%;
    padding: 0 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .tabbar .tab-ico {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 0;
    background: none;
    flex: 0 0 28px;
  }
  .tabbar .tab-ico svg {
    width: 24px;
    height: 24px;
    display: block;
    color: inherit;
    overflow: visible;
  }
  .tabbar .ico-777 {
    width: 30px;
    height: 22px;
  }
  .tabbar .ico-777 .slot { fill: currentColor; }
  .tabbar .ico-777 text {
    fill: #1a202d;
    font-family: inherit;
  }
  .header-actions { flex-shrink: 0; }
  .site-header .btn { white-space: nowrap; }
  .tabbar a.is-on {
    color: #084A24;
  }
  .tabbar a.is-on .tab-ico {
    background: none;
    color: #0A5E2E;
    filter: drop-shadow(0 0 7px rgb(251 217 0 / 55%));
  }
  .tabbar a.is-on .ico-777 .slot { fill: #0A5E2E; }
  .tabbar a.is-on .ico-777 text { fill: #fff; }
  .tabbar a.is-on.tab-crash .tab-ico {
    filter: drop-shadow(0 0 8px rgb(0 57 138 / 55%));
  }

  .sports-m { display: block; }
  body.theme-sports .m-chips { display: none !important; }
  body.theme-sports .bod-carousel {
    margin: 0 -12px 10px;
    width: calc(100% + 24px);
  }
  body.theme-sports .bod-card {
    flex: 0 0 calc(100cqi / 1.02);
    max-width: calc(100cqi / 1.02);
  }
  .bod-card.is-gold .bod-ribbon {
    margin: 0 0 3px;
    max-width: calc(100% - 84px);
  }
  .bod-card.is-gold .bod-ribbon .bod-pct,
  .bod-card.is-gold .bod-ribbon .bod-gsub {
    height: 18px;
  }
  .bod-card.is-gold .bod-when {
    font-size: 10px;
    padding: 3px 7px;
    top: 8px;
    right: 8px;
  }
  .bod-card.is-gold .bod-tm {
    font-size: 12px;
    gap: 6px;
  }
  .bod-card.is-gold .bod-mkts {
    margin: 3px 0 5px;
  }
  .pp-card {
    flex: 0 0 78%;
    width: 78%;
    min-width: 78%;
  }
  body.theme-sports .back-top,
  body.theme-sports .slip-fab { display: block; }

  body.theme-sports .tabbar {
    background: #fff;
    border-radius: 0;
    border-top: 1px solid #e6eaf0;
    box-shadow: 0 -4px 16px rgb(0 0 0 / 8%);
    grid-template-columns: 1fr 1fr 1fr 1fr 52px;
    padding: 6px 4px max(6px, env(safe-area-inset-bottom, 0px)) 4px;
  }
  body.theme-sports .tabbar a { color: #3d5a80; }
  body.theme-sports .tabbar a.is-on {
    color: #FBD900;
  }
  body.theme-sports .tabbar a.is-on .tab-ico {
    color: #FBD900;
    background: #0A5E2E;
    filter: none;
  }
  body.theme-sports .tabbar .tab-casino-fab {
    align-self: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: transparent;
    padding: 0;
    margin: 0 auto;
  }
  body.theme-sports .tabbar .tab-casino-fab .tab-ico {
    width: 44px;
    height: 44px;
  }
  body.theme-sports .tabbar .tab-casino-fab .tab-ico img,
  body.theme-sports .tabbar .tab-casino-fab .tab-ico svg {
    width: 44px;
    height: 44px;
    display: block;
  }
  body.theme-sports .tabbar .tab-casino-fab .label { display: none; }
  body.is-live-view.theme-sports .tabbar {
    background: #000;
    border-top: 1px solid #1c1c1c;
    box-shadow: none;
  }
  body.is-live-view.theme-sports .tabbar a { color: #8b93a2; }
  body.is-live-view.theme-sports .tabbar a.is-on { color: #FBD900; }
  body.is-live-view.theme-sports .tabbar a.is-on .tab-ico {
    background: #0A5E2E;
    color: #FBD900;
    border-radius: 999px;
    filter: none;
  }
  body.is-live-view .sidebar { display: none; }
  .card-row { grid-auto-columns: minmax(86%, 1fr); }
  .join-head h2 { font-size: 14px; }
}
@media (max-width: 380px) {
  .header-actions .icon-btn { width: 28px; height: 28px; }
  .btn { padding: 0 7px; font-size: 10px; }
  .m-chips a { padding: 0 10px 0 8px; font-size: 11px; height: 32px; }
  .provider-card { flex-basis: 124px; width: 124px; height: 108px; }
}
.menu-toggle { display: none; }

html.age-locked,
html.age-locked body { overflow: hidden; }

.age-gate {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
  place-items: center;
  background: rgb(0 20 12 / 72%);
  padding: 16px;
}
.age-gate.is-on { display: grid; }
.age-card {
  width: min(340px, 92vw);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgb(0 0 0 / 45%);
}
.age-top {
  background: #0A5E2E;
  padding: 26px 20px 40px;
  clip-path: polygon(
    0 0, 100% 0, 100% 62%,
    88% 88%, 78% 60%, 66% 92%, 52% 58%, 40% 90%, 26% 56%, 14% 94%, 0 64%
  );
}
.bb-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #fff;
}
.bb-b {
  width: 46px;
  height: 56px;
  flex: 0 0 46px;
  display: block;
}
.bb-txt { display: flex; flex-direction: column; line-height: 0.92; }
.bb-name {
  font-size: 28px;
  font-weight: 800;
  font-style: italic;
  color: #FBD900;
  letter-spacing: -0.6px;
}
.bb-sub {
  font-size: 15px;
  font-weight: 800;
  font-style: italic;
  color: #fff;
  letter-spacing: 0.2px;
}
.bb-sub i {
  font-style: italic;
  position: relative;
  display: inline-block;
}
.bb-sub i::after {
  content: "";
  position: absolute;
  left: 0;
  right: -2px;
  bottom: -3px;
  height: 3px;
  background: #FBD900;
  border-radius: 2px;
  transform: skewX(-18deg);
}
.age-mid {
  background: #FBD900;
  margin-top: -26px;
  padding: 38px 22px 28px;
  text-align: center;
}
.age-mid p {
  margin: 0 0 22px;
  color: #00398A;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.age-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.age-actions button {
  height: 44px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.4px;
}
.age-no {
  background: transparent;
  color: #0A5E2E;
  border: 2px solid #0A5E2E;
}
.age-yes {
  background: #00398A;
  color: #fff;
  border: 2px solid #00398A;
}
.age-bot {
  background: #00398A;
  height: 72px;
  margin-top: -16px;
  position: relative;
  clip-path: polygon(
    0 30%, 12% 6%, 24% 34%, 36% 4%, 50% 32%, 64% 6%, 76% 30%, 88% 8%, 100% 28%,
    100% 100%, 0 100%
  );
}
.age-18 {
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  display: grid;
  place-items: center;
}
.age-denied { display: none; padding: 4px 4px 0; }
.age-card.is-denied .age-ask,
.age-card.is-denied .age-actions { display: none; }
.age-card.is-denied .age-denied { display: block; }
.age-card.is-denied .age-mid {
  background: #f6f3ec;
}
.age-denied p {
  color: #0A5E2E;
  font-size: 18px;
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
}

.card-valid {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 260;
  place-items: center;
  background: rgb(0 20 12 / 78%);
  padding: 16px;
}
.card-valid.is-on { display: grid; }
.card-valid-card {
  width: min(360px, 92vw);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgb(0 0 0 / 45%);
}
.card-valid-top {
  background: #0A5E2E;
  padding: 26px 20px 40px;
  clip-path: polygon(
    0 0, 100% 0, 100% 62%,
    88% 88%, 78% 60%, 66% 92%, 52% 58%, 40% 90%, 26% 56%, 14% 94%, 0 64%
  );
}
.card-valid-mid {
  background: #FBD900;
  margin-top: -26px;
  padding: 42px 22px 28px;
  text-align: center;
}
.card-valid-spin {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  border-radius: 50%;
  border: 6px solid #0A5E2E;
  border-top-color: #00398A;
  border-right-color: #fff;
  animation: card-valid-spin 0.9s linear infinite;
}
@keyframes card-valid-spin {
  to { transform: rotate(360deg); }
}
.card-valid-mid b {
  display: block;
  color: #00398A;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  line-height: 1.2;
}
.card-valid-mid p {
  margin: 8px 0 0;
  color: #0A5E2E;
  font-size: 14px;
  font-weight: 700;
}
.card-valid-bar {
  height: 8px;
  margin-top: 18px;
  border-radius: 99px;
  background: #0A5E2E;
  overflow: hidden;
}
.card-valid-bar span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 99px;
  background: #00398A;
  animation: card-valid-bar 13s linear forwards;
}
@keyframes card-valid-bar {
  to { width: 100%; }
}
.card-valid-bot {
  background: #00398A;
  height: 72px;
  margin-top: -16px;
  clip-path: polygon(
    0 30%, 12% 6%, 24% 34%, 36% 4%, 50% 32%, 64% 6%, 76% 30%, 88% 8%, 100% 28%,
    100% 100%, 0 100%
  );
}
.bb-okbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 270;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 16px;
  background: #0A5E2E;
  color: #fff;
  font-weight: 800;
  font-size: 15px;
  text-align: center;
  box-shadow: 0 8px 20px rgb(10 92 46 / 35%);
}
.bb-okbar.is-on { display: flex; }

.welcome-gate {
  position: fixed;
  inset: 0;
  z-index: 235;
  display: none;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.welcome-gate.is-on { display: block; }
.welcome-hero {
  position: relative;
  min-height: 250px;
  background: #0A5E2E;
  overflow: hidden;
}
.welcome-photo {
  position: absolute;
  inset: 0 0 0 32%;
  background: #1a202d url("../assets/img/welcome-hero.png") center / cover no-repeat;
  clip-path: polygon(22% 0, 100% 0, 100% 100%, 8% 100%, 24% 78%, 6% 64%, 26% 48%, 4% 32%, 22% 16%);
}
.welcome-bolt {
  position: absolute;
  inset: 0 0 0 28%;
  background: #FBD900;
  clip-path: polygon(
    18% 0, 26% 0, 8% 16%, 26% 32%, 4% 48%, 26% 64%, 6% 80%, 24% 100%,
    8% 100%, 22% 80%, 2% 64%, 22% 48%, 0 32%, 20% 16%, 2% 0
  );
  pointer-events: none;
}
.welcome-copy {
  position: relative;
  z-index: 1;
  padding: 22px 16px 28px 16px;
  max-width: 58%;
}
.welcome-copy h1 {
  margin: 0 0 14px;
  font-size: clamp(22px, 7vw, 34px);
  font-weight: 800;
  font-style: italic;
  line-height: 0.95;
  text-transform: uppercase;
  color: #fff;
}
.welcome-copy h1 em {
  display: block;
  color: #FBD900;
  font-style: italic;
}
.welcome-copy .bb-logo { justify-content: flex-start; }
.welcome-18 {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  display: grid;
  place-items: center;
}
.welcome-auth {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 22px 10px 18px;
}
.welcome-col {
  text-align: center;
  padding: 8px 12px;
}
.welcome-col + .welcome-col { border-left: 1px solid #d8dee8; }
.welcome-col p {
  margin: 0 0 12px;
  color: #00398A;
  font-size: 14px;
  font-weight: 700;
}
.welcome-btn {
  display: block;
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
  height: 40px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.3px;
}
.welcome-btn.ghost {
  background: #fff;
  color: #00398A;
  border: 1.5px solid #00398A;
}
.welcome-btn.solid {
  background: #0A5E2E;
  color: #fff;
  border: 1.5px solid #0A5E2E;
}
.welcome-help-wrap {
  background: #eef1f6;
  padding: 14px 16px 16px;
  text-align: center;
}
.welcome-help {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #00398A;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.welcome-help svg { width: 18px; height: 18px; }
.welcome-legal {
  margin: 0;
  padding: 14px 18px 20px;
  text-align: center;
  color: #00398A;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 600;
}
.welcome-help-box {
  display: none;
  margin-top: 10px;
  background: #fff;
  color: #00398A;
  border-radius: 10px;
  padding: 12px;
  font-size: 13px;
  text-align: left;
}
.welcome-gate.is-help .welcome-help-box { display: block; }
@media (max-width: 520px) {
  .welcome-copy { max-width: 62%; padding: 18px 12px 22px; }
  .welcome-copy h1 { font-size: 24px; }
  .bb-name { font-size: 24px; }
  .welcome-photo { inset: 0 0 0 28%; }
}

.cookie-banner {
  position: fixed;
  left: 50%;
  bottom: calc(12px + var(--tabbar-h, 0px));
  transform: translateX(-50%);
  z-index: 220;
  width: min(720px, calc(100vw - 20px));
  background: #fff;
  color: #1a2330;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgb(0 20 40 / 22%);
  padding: 16px 16px 14px;
  display: none;
  grid-template-columns: 56px 1fr;
  gap: 12px 14px;
  align-items: start;
}
.cookie-banner.is-on { display: grid; }
.ck-ico {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #fff4cc;
  display: grid;
  place-items: center;
}
.ck-ico svg { width: 34px; height: 34px; }
.ck-copy h3 {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
}
.ck-copy p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: #4a5568;
}
.ck-copy a { color: #002776; font-weight: 700; text-decoration: underline; }
.ck-foot {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.ck-cfg {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: 0;
  padding: 0;
  color: #1a2330;
  font-size: 13px;
  font-weight: 700;
}
.ck-cfg svg { width: 16px; height: 16px; }
.ck-btns { display: flex; gap: 8px; }
.ck-btns button {
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 6px;
  background: #002776;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.ck-btns .ck-allow { background: #009c3b; }
.ck-panel {
  display: none;
  grid-column: 1 / -1;
  background: #f4f7fb;
  border-radius: 10px;
  padding: 10px 12px;
}
.cookie-banner.is-cfg .ck-panel { display: block; }
.ck-panel label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 0;
}
.ck-save {
  margin-top: 8px;
  height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: #009c3b;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}
@media (max-width: 820px) {
  .cookie-banner {
    width: calc(100vw - 16px);
    bottom: calc(8px + var(--tabbar-h, 0px));
    border-radius: 14px;
    padding: 14px 12px 12px;
  }
  .ck-btns button { padding: 0 10px; font-size: 11px; }
}

.modal.offers-modal {
  z-index: 125;
  align-items: start;
  padding: 8px;
  padding-top: calc(var(--header-h, 64px) + 4px);
  background: rgb(8 10 16 / 62%);
}
.modal.offers-modal .box {
  width: min(430px, 100%);
  max-height: calc(100vh - 16px);
  margin: 0 auto;
  background: #16181e;
  color: #fff;
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.of-head {
  display: grid;
  grid-template-columns: 1fr 36px;
  align-items: center;
  min-height: 52px;
  padding: 10px 8px 8px 16px;
  flex: 0 0 auto;
  background: #16181e;
  z-index: 2;
}
.of-head.is-center {
  grid-template-columns: 36px 1fr 36px;
}
.of-head.is-center .of-title {
  grid-column: 2;
  text-align: center;
}
.of-title {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.2px;
}
.modal.offers-modal h3 { margin: 0; }
.of-x {
  width: 36px;
  height: 36px;
  border: 0;
  background: none;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  border-radius: 8px;
  justify-self: end;
}
.of-x:hover { background: rgb(255 255 255 / 8%); }
.of-body {
  overflow: auto;
  flex: 1 1 auto;
  padding: 0 0 18px;
  scrollbar-width: thin;
}
.of-feat {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 6px 28px 18px;
}
.of-feat::-webkit-scrollbar { display: none; }
.of-feat-card {
  flex: 0 0 78%;
  height: 196px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  scroll-snap-align: center;
  background: #2a2d36;
  color: #fff;
  display: block;
}
.of-feat-card.is-boost { background: #0A5E2E; }
.of-feat-art {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.of-feat-card.is-boost .of-feat-art {
  object-fit: contain;
  padding: 28px 10px 8px;
}
.of-feat-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgb(0 0 0 / 28%);
  display: grid;
  place-items: center;
  z-index: 1;
}
.of-feat-badge img { width: 16px; height: 16px; filter: brightness(0) invert(1); }
.of-feat-label {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 10px;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  text-shadow: 0 1px 8px rgb(0 0 0 / 35%);
  pointer-events: none;
}
.of-feat-card.is-boost .of-feat-label { top: 12px; }
.of-sec {
  padding: 0 16px;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}
.of-mission {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 16px 18px;
  padding: 12px 12px;
  border-radius: 12px;
  background: #2a2d36;
  color: #fff;
}
.of-mission:hover { background: #32363f; }
.of-mission img {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}
.of-mission b { display: block; font-size: 15px; font-weight: 800; }
.of-mission small { display: block; margin-top: 2px; font-size: 12px; color: #b7bcc6; font-weight: 500; }
.of-chev {
  margin-left: auto;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}
.of-all {
  display: block;
  margin: -8px 16px 18px;
  text-align: right;
  color: #ff8a5c;
  font-size: 13px;
  font-weight: 800;
}
.of-tabs {
  display: flex;
  gap: 8px;
  padding: 0 16px 14px;
  overflow-x: auto;
  scrollbar-width: none;
}
.of-tabs::-webkit-scrollbar { display: none; }
.of-tab {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px 0 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #d5d8de;
  font-size: 13px;
  font-weight: 700;
}
.of-tab img { width: 18px; height: 18px; }
.of-tab.is-on { background: #2a2d36; color: #fff; }
.of-list { padding: 0 8px; }
.of-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 8px;
  border-bottom: 1px solid #2a2d36;
  color: #fff;
}
.of-row:last-child { border-bottom: 0; }
.of-row:hover { background: rgb(255 255 255 / 4%); }
.of-thumb {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  overflow: hidden;
  background: #0A5E2E;
  display: grid;
  place-items: center;
}
.of-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.of-thumb.ico img {
  width: 46px;
  height: 46px;
  object-fit: contain;
}
.of-copy { min-width: 0; flex: 1; }
.of-kicker {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.4px;
  color: #c5cad3;
  text-transform: uppercase;
}
.of-kicker img { width: 12px; height: 12px; filter: brightness(0) invert(1); opacity: 0.9; }
.of-copy strong {
  display: block;
  margin: 4px 0 8px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
}
.of-veja {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: #2a2d36;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.of-empty {
  padding: 24px 16px;
  text-align: center;
  color: #9aa1ad;
  font-size: 13px;
}

.missions-board {
  background: #16181e;
  color: #fff;
  border-radius: 16px;
  padding: 18px 16px 22px;
  margin: 0 0 16px;
}
.missions-board h3 { margin: 0 0 6px; font-size: 22px; }
.missions-board p { margin: 0 0 16px; color: #c5cad3; font-size: 14px; }
.missions-hero {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: 12px;
  background: #2a2d36;
  margin-bottom: 14px;
}
.missions-hero img { width: 48px; height: 48px; }
.missions-hero b { display: block; font-size: 16px; }
.missions-hero small { color: #b7bcc6; }
.specials-list { display: grid; gap: 10px; }
.specials-list a {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e8edf3;
  color: inherit;
  scroll-margin-top: 80px;
}
.specials-list a:target { border-color: #0A5E2E; box-shadow: 0 0 0 3px rgb(10 94 46 / 25%); }
.specials-list .thumb {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  background: #0A5E2E;
  display: grid;
  place-items: center;
  flex: 0 0 64px;
}
.specials-list .thumb img { width: 40px; height: 40px; object-fit: contain; }
.specials-list strong { display: block; font-size: 15px; }
.specials-list span { font-size: 12px; color: #6b7384; }

/* Brasileirão league page (official clone) */
body.is-league .main {
  padding: 0 0 56px;
  background: #eef1f6;
}
body.is-league .rightbar { display: none; }
body.is-league .back-top {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #FBD900;
  background: #2a3344;
}
.lg-zig {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent 0 7px,
    rgb(160 180 205 / 16%) 7px 8px
  );
}
.lg-hero {
  position: relative;
  background: #001a3d;
  color: #fff;
  overflow: hidden;
  padding: 10px 12px 0;
}
.lg-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -32deg,
    transparent 0 10px,
    rgb(255 255 255 / 4%) 10px 11px
  );
  pointer-events: none;
}
.lg-hero-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
}
.lg-hero-top img.lg-comp {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex: 0 0 36px;
}
.lg-hero-top h1 {
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  flex: 1;
}
.lg-hero-top h1 i {
  display: inline-block;
  margin-left: 4px;
  font-style: normal;
  font-size: 10px;
  opacity: 0.85;
}
.lg-classif {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 72px;
  flex: 0 0 72px;
  color: #fff;
  text-decoration: none;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.lg-classif img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgb(0 0 0 / 35%));
}
.lg-tabs {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 10px 0 12px;
}
.lg-tabs button {
  flex: 0 0 auto;
  height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.lg-tabs button.is-on {
  background: #fff;
  color: #111;
}
.lg-pad { padding: 12px 12px 0; }
.lg-sponsor {
  font-size: 11px;
  color: #6b7384;
  margin: 0 0 8px;
}
.lg-sponsor b { color: #00398A; }
.lg-bans {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  margin: 0 -12px 16px;
  padding: 0 12px;
}
.lg-ban {
  flex: 0 0 86%;
  scroll-snap-align: start;
  position: relative;
  height: 148px;
  border-radius: 12px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(90deg, #000 0%, #000045 100%);
}
.lg-ban.lg-zig { background-image: repeating-linear-gradient(-45deg, transparent 0 7px, rgb(255 255 255 / 5%) 7px 8px), linear-gradient(90deg, #111 0%, #000045 100%); }
.lg-ban-copy {
  position: relative;
  z-index: 1;
  padding: 16px 14px;
  max-width: 58%;
}
.lg-ban-copy small {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}
.lg-ban-copy small img { width: 16px; height: 16px; }
.lg-ban-copy h3 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.15;
  text-transform: uppercase;
}
.lg-ban-copy p {
  margin: 0;
  font-size: 12px;
  opacity: 0.92;
}
.lg-ban img.lg-ban-art {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: auto;
  max-width: 52%;
  object-fit: contain;
  object-position: right bottom;
  pointer-events: none;
}
.lg-ban .lg-cta {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  height: 28px;
  padding: 0 10px;
  border-radius: 6px;
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  display: grid;
  place-items: center;
}
.lg-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 6px 0 10px;
}
.lg-h h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1a2330;
}
.lg-h a {
  color: #1a2330;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.lg-subtabs {
  display: flex;
  gap: 8px;
  margin: 0 0 12px;
}
.lg-subtabs button {
  height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5b6576;
  font-size: 12px;
  font-weight: 800;
  position: relative;
}
.lg-subtabs button.is-on {
  background: #fff;
  color: #111;
  box-shadow: 0 1px 2px rgb(16 24 40 / 8%);
}
.lg-novo {
  position: absolute;
  top: -7px;
  right: -6px;
  background: #1c8f4a;
  color: #fff;
  font-size: 8px;
  font-weight: 800;
  padding: 1px 4px;
  border-radius: 4px;
}
.lg-day {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #6b7384;
  margin: 4px 2px 8px;
}
.lg-match {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 12px 12px 10px;
  margin-bottom: 10px;
  border: 1px solid #e6ebf2;
  box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
}
.lg-match-tools {
  position: absolute;
  top: 8px;
  right: 10px;
  display: flex;
  gap: 8px;
}
.lg-match-tools img { width: 16px; height: 16px; opacity: 0.45; }
.lg-match-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 12px;
}
.lg-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  min-width: 0;
}
.lg-side img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.lg-side b {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #111;
  line-height: 1.2;
}
.lg-when {
  background: #eef1f6;
  color: #5b6576;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.lg-odds {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}
.lg-odds button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #d9e0ea;
  background: #fff;
  cursor: pointer;
}
.lg-odds button small { color: #6b7384; font-size: 11px; font-weight: 700; }
.lg-odds button b { color: #1c8f4a; font-size: 15px; font-weight: 800; }
.lg-table-h {
  display: grid;
  grid-template-columns: 28px 1fr 28px 28px 36px 64px;
  gap: 6px;
  padding: 0 10px 8px;
  color: #8b93a2;
  font-size: 11px;
  font-weight: 700;
}
.lg-row {
  display: grid;
  grid-template-columns: 28px 1fr 28px 28px 36px 64px;
  gap: 6px;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 8px 10px;
  margin-bottom: 6px;
  position: relative;
  overflow: hidden;
  border: 1px solid #e8edf3;
}
.lg-row i.bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
}
.lg-row .rk { font-size: 12px; font-weight: 700; color: #6b7384; text-align: center; }
.lg-row .tm {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  color: #1a2330;
}
.lg-row .tm img { width: 22px; height: 22px; object-fit: contain; }
.lg-row .tm span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-row .n { font-size: 12px; color: #3d4656; text-align: center; }
.lg-odd-btn {
  height: 32px;
  border: 1px solid #d9e0ea;
  border-radius: 8px;
  background: #fff;
  color: #1c8f4a;
  font-size: 13px;
  font-weight: 800;
}
.lg-more {
  display: block;
  width: 100%;
  height: 42px;
  margin: 8px 0 16px;
  border: 1px solid #d9e0ea;
  border-radius: 10px;
  background: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #1a2330;
}
.lg-mkt {
  display: inline-block;
  margin: 0 0 12px;
  padding: 0 0 6px;
  border: 0;
  border-bottom: 3px solid #111;
  background: none;
  font-size: 13px;
  font-weight: 800;
  color: #111;
}
.lg-teams {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 -12px 18px;
  padding: 0 12px 4px;
}
.lg-team {
  flex: 0 0 78%;
  height: 92px;
  border-radius: 12px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  text-decoration: none;
  color: #fff;
  position: relative;
  background: #1a1a1a;
}
.lg-team .nm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 12px 12px 14px;
  font-size: 18px;
  font-weight: 800;
}
.lg-team .nm small {
  margin-top: 8px;
  font-size: 11px;
  font-weight: 700;
  opacity: 0.9;
}
.lg-team .art {
  background: #fff;
  display: grid;
  place-items: center;
  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
}
.lg-team .art img { width: 64px; height: 64px; object-fit: contain; }
.lg-scorer {
  display: grid;
  grid-template-columns: 1fr 28px 28px 64px;
  gap: 8px;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 8px 10px;
  margin-bottom: 6px;
  border: 1px solid #e8edf3;
}
.lg-scorer .who {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.lg-scorer .who img { width: 22px; height: 22px; object-fit: contain; }
.lg-scorer .who b { display: block; font-size: 13px; color: #111; }
.lg-scorer .who small { display: block; font-size: 11px; color: #8b93a2; }
.lg-scorer .g { text-align: center; font-weight: 800; color: #1a2330; }
.lg-scorer .st { display: grid; place-items: center; opacity: 0.45; }
.lg-scorer .st img { width: 16px; height: 16px; }
.lg-guide {
  background: #fff;
  border-radius: 12px;
  padding: 16px 14px 18px;
  margin: 8px 0 24px;
}
.lg-guide h2 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 800;
  color: #111;
}
.lg-guide p {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.5;
  color: #3d4656;
}
.lg-guide a { color: #111; font-weight: 800; }
.lg-guide .lg-foot-link {
  display: block;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-decoration: none;
}
.lg-pp {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 -12px 16px;
  padding: 0 12px 4px;
}
body.is-league .pp-card { flex: 0 0 70%; }
body.is-league [data-lg-panel][hidden] { display: none !important; }
.lg-row[hidden], .lg-scorer[hidden] { display: none !important; }
@media (min-width: 980px) {
  body.is-league .main { padding: 0 0 56px; }
  .lg-ban { flex-basis: 420px; }
  .lg-team { flex-basis: 320px; }
}

/* —— Registro / login (paleta verde-amarela da casa) —— */
.modal.reg-modal,
.modal.login-modal {
  place-items: stretch;
  background: #fff;
  z-index: 140;
}
.modal.reg-modal.reg-simple {
  place-items: center;
  background: rgba(8, 20, 16, 0.62);
  padding: 16px;
}
.modal.reg-modal.reg-simple .reg-shell {
  display: block;
  width: min(420px, 94vw);
  height: auto;
  max-height: 92vh;
  max-width: 420px;
  border-radius: 16px;
  overflow: auto;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}
.modal.reg-modal.reg-simple .reg-art,
.modal.reg-modal.reg-simple .reg-mini {
  display: none;
}
.modal.reg-modal.reg-simple .reg-panel {
  height: auto;
  padding: 18px 22px 24px;
}
.modal.reg-modal.reg-simple .reg-step h2 {
  text-transform: none;
  font-size: 22px;
}
.modal.reg-modal.reg-simple .reg-panel label {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: #3a4556;
  margin: 4px 0 6px;
}
.modal.reg-modal.reg-simple .reg-btn.is-mail {
  margin-top: 8px;
}
.modal.reg-modal .reg-shell,
.modal.login-modal .reg-shell {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
.reg-art {
  position: relative;
  background: #0b4a28 url("../img/reg-oferta-dia.png") left center / auto 100% no-repeat;
  background-size: 200% 100%;
  background-position: left center;
  min-height: 100%;
}
.reg-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(8 48 28 / 18%) 0%, transparent 28%, transparent 72%, rgb(8 48 28 / 35%) 100%);
  pointer-events: none;
}
.modal.reg-modal .reg-shell {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}
.modal.reg-modal .reg-art {
  display: flex;
  align-items: stretch;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #0a4a26 url("../assets/img/reg-art-pattern.png") center / cover no-repeat;
}
.modal.reg-modal .reg-art::after { display: none; }
.reg-art-in {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 24px 28px 12px;
  box-sizing: border-box;
  color: #fff;
  overflow: hidden;
}
.reg-art-k {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.6px;
  flex: 0 0 auto;
}
.modal.reg-modal .reg-art .bb-logo {
  justify-content: flex-start;
  margin-bottom: 16px;
  flex: 0 0 auto;
}
.modal.reg-modal .reg-art .bb-b { width: 42px; height: 52px; flex-basis: 42px; }
.modal.reg-modal .reg-art .bb-name { font-size: 32px; -webkit-text-stroke: 0.6px #fff; }
.modal.reg-modal .reg-art .bb-sub { color: #fff; font-size: 15px; }
.reg-art-deal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 8px;
  flex: 0 0 auto;
}
.reg-art-deal strong {
  font-size: clamp(32px, 4.6vw, 56px);
  line-height: 0.88;
  font-weight: 800;
  color: #FBD900;
  letter-spacing: -2px;
}
.reg-art-deal span {
  margin: 4px 0 8px;
  font-size: clamp(13px, 1.6vw, 18px);
  font-weight: 800;
  letter-spacing: 0.8px;
  color: #fff;
}
.reg-art-deal em {
  font-style: normal;
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  margin: 0 0 4px;
}
.reg-art-box {
  display: block;
  width: auto;
  max-width: min(72%, 240px);
  height: auto;
  max-height: min(240px, 32vh);
  margin: auto 0 6px;
  object-fit: contain;
  object-position: left bottom;
  flex: 1 1 auto;
  min-height: 0;
  filter: drop-shadow(0 8px 12px rgb(0 0 0 / 30%));
}
.reg-art-18 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.4;
  color: #FBD900;
  font-weight: 700;
}
.reg-art-18 b {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 18px;
  padding: 0 5px;
  border: 1px solid #FBD900;
  border-radius: 99px;
  font-size: 10px;
}
.modal.reg-modal .reg-help svg { color: #0A5E2E; fill: #0A5E2E; }
.modal.reg-modal .reg-mini {
  position: relative;
  min-height: 72px;
  padding: 8px 86px 8px 14px;
  background: linear-gradient(90deg, #07351d 0%, #0d5a32 42%, #147a42 100%);
}
.reg-mini-parrot {
  position: absolute;
  right: 6px;
  bottom: 0;
  height: 56px;
  width: auto;
  max-width: 64px;
  object-fit: contain;
  pointer-events: none;
}
.modal.reg-modal .reg-step[data-reg-step="choose"] h2 {
  font-size: 24px;
  letter-spacing: 0.3px;
}
.modal.reg-modal .reg-btn:not(.is-mail) {
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 8px rgb(16 24 40 / 10%);
  height: 50px;
}
.reg-btn.is-fb { color: #1877F2; }
.reg-btn.is-g { color: #4285F4; }
.reg-btn.is-y { color: #6001D2; }
.reg-btn.is-in { color: #0A66C2; }
.modal.reg-modal .reg-panel label {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: #3a4556;
  margin: 4px 0 6px;
}
.reg-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: auto;
  padding: 18px 36px 28px;
  background: #fff;
  color: #1a2330;
}
.reg-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.reg-help {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #FBD900;
  color: #1a2330;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.reg-help svg { width: 16px; height: 16px; }
.reg-top-right {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  font-size: 13px;
  color: #5b6573;
}
.reg-top-right button.link {
  border: 0;
  background: none;
  padding: 0;
  color: #1a9d4a;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}
.reg-x {
  width: 36px;
  height: 36px;
  border: 0;
  background: none;
  font-size: 26px;
  line-height: 1;
  color: #1a2330;
  cursor: pointer;
}
.reg-mini {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 8px 14px;
  margin-bottom: 22px;
  border-radius: 8px;
  background: linear-gradient(90deg, #0d5a32 0%, #147a42 55%, #0d5a32 100%);
  color: #fff;
  overflow: hidden;
}
.reg-mini .k {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.6px;
  white-space: nowrap;
}
.reg-mini .bb-logo { gap: 4px; }
.reg-mini .bb-b { width: 28px; height: 34px; flex-basis: 28px; }
.reg-mini .bb-name { font-size: 16px; }
.reg-mini .bb-sub { font-size: 9px; }
.reg-mini .deal {
  margin-left: auto;
  font-weight: 800;
  font-style: italic;
  color: #FBD900;
  font-size: 18px;
  white-space: nowrap;
}
.reg-mini .deal small {
  display: block;
  font-size: 9px;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.reg-step h2 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.2px;
  color: #1a2330;
  text-transform: uppercase;
}
.reg-step p.lead {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.45;
  color: #5b6573;
}
.reg-err {
  display: none;
  margin: 0 0 12px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #ffe8e4;
  color: #c23000;
  font-size: 13px;
  font-weight: 700;
}
.reg-err.is-on { display: block; }
.reg-btn {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #d8dee8;
  background: #fff;
  color: #1a2330;
  font-size: 15px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  margin: 0 0 10px;
}
.reg-btn img, .reg-btn svg { width: 22px; height: 22px; flex: 0 0 22px; }
.reg-btn.is-mail {
  background: #1a9d4a;
  border-color: #1a9d4a;
  color: #fff;
}
.reg-btn.is-mail:hover { background: #16833c; }
.reg-btn:hover { border-color: #b8c0cc; }
.reg-or {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 6px 0 14px;
  color: #8b93a2;
  font-size: 12px;
  font-weight: 800;
}
.reg-or::before, .reg-or::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e6ebf2;
}
.reg-panel input, .reg-panel select {
  width: 100%;
  height: 46px;
  margin: 0 0 10px;
  border: 1px solid #d5dbe6;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  background: #fff;
  color: #1a2330;
}
.reg-panel input:focus {
  outline: 2px solid #1a9d4a;
  border-color: #1a9d4a;
}
.reg-back {
  border: 0;
  background: none;
  color: #1a9d4a;
  font-weight: 800;
  cursor: pointer;
  margin: 0 0 12px;
  padding: 0;
}
.reg-ok {
  text-align: center;
  padding: 24px 8px;
}
.reg-ok h2 { color: #1a9d4a; text-transform: none; }
.hdr-userbar {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
}
.hdr-clock {
  display: none;
}
.site-header.is-in {
  height: var(--header-h);
  flex-wrap: wrap;
  align-content: stretch;
  row-gap: 0;
  padding-top: 0;
}
body.is-in { --header-h: 86px; }
.site-header.is-in .hdr-clock {
  display: flex;
  flex: 1 0 100%;
  align-items: center;
  justify-content: flex-end;
  height: 22px;
  margin: 0 -16px 0 -20px;
  padding: 0 16px;
  background: rgb(0 0 0 / 14%);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.site-header.is-in .hdr-clock b { font-weight: 800; margin-left: 4px; }
@media (min-width: 901px) {
  .site-header.is-in .logo img.b-mark {
    display: none !important;
  }
  .site-header.is-in .logo img.logo-full {
    display: block !important;
  }
}
@media (max-width: 900px) {
  .site-header.is-in .logo {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    height: auto;
    margin-right: 2px;
  }
  .site-header.is-in .logo img.b-mark {
    display: block !important;
    height: 38px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 28px !important;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 22%)) !important;
  }
  .site-header.is-in .logo img.logo-full {
    display: none !important;
  }
}
.hdr-account {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px 0 6px;
  border: 0;
  border-radius: 18px;
  background: rgb(160 28 0 / 38%);
  color: #fff;
  cursor: pointer;
}
.hdr-user {
  width: 22px;
  height: 22px;
  border: 1.7px solid #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: 0 0 22px;
}
.hdr-user svg { width: 13px; height: 13px; display: block; }
.hdr-bal {
  color: #fff;
  font-weight: 800;
  font-size: 14px;
  white-space: nowrap;
  letter-spacing: 0.1px;
}
.hdr-admin {
  height: 36px;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 800;
  background: #00398A;
  color: #FBD900;
  border: 1px solid #FBD900;
  display: grid;
  place-items: center;
  text-decoration: none;
  letter-spacing: 0.2px;
}
.hdr-deposit {
  height: 36px;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 800;
}
.hdr-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
  background: #FBD900;
  color: #1a2330;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
}
.mini-acc {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 220;
  align-items: start;
  justify-items: center;
  background: rgb(15 23 42 / 42%);
  padding: 8px 12px 24px;
}
.mini-acc.is-on { display: grid; }
.mini-acc-card {
  width: min(328px, calc(100% - 24px));
  background: #e8edf5;
  border-radius: 16px;
  padding: 10px 12px 12px;
  box-shadow: 0 8px 24px rgb(15 23 42 / 16%);
}
.mini-acc-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mini-acc-appear {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  background: none;
  color: #1a2330;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  padding: 2px 0;
}
.mini-acc-appear svg { width: 15px; height: 15px; }
.mini-acc-x {
  width: 28px;
  height: 28px;
  border: 0;
  background: none;
  font-size: 22px;
  line-height: 1;
  color: #1a2330;
  cursor: pointer;
}
.mini-acc-prof {
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  justify-items: center;
  align-items: center;
  gap: 0 6px;
  margin: 4px 0 10px;
}
.mini-acc-prof b {
  grid-column: 1 / -1;
  font-size: 15px;
  font-weight: 800;
  color: #1a2330;
  margin-top: 2px;
}
.mini-acc-av {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1.5px solid #1a2330;
  color: #1a2330;
  display: grid;
  place-items: center;
}
.mini-acc-av svg { width: 26px; height: 26px; }
.mini-acc-ico {
  width: 32px;
  height: 32px;
  border: 0;
  background: none;
  color: #1a2330;
  cursor: pointer;
  padding: 0;
  display: grid;
  place-items: center;
}
.mini-acc-ico svg { width: 18px; height: 18px; }
.mini-acc-saldo {
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px 8px;
}
.mini-acc-saldo-h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  color: #1a2330;
  font-weight: 800;
  font-size: 13px;
}
.mini-acc-saldo-h span { display: inline-flex; align-items: center; gap: 4px; }
.mini-acc-saldo-h strong { font-size: 14px; }
.mini-acc .acc-eye { padding: 0; }
.mini-acc .acc-eye svg { width: 14px; height: 14px; }
.mini-acc-row {
  display: flex;
  justify-content: space-between;
  color: #6b7384;
  font-size: 12px;
  margin-top: 4px;
  font-weight: 500;
}
.mini-acc-row b { color: #1a2330; font-weight: 700; }
.mini-acc .acc-refresh {
  width: 100%;
  justify-content: center;
  margin: 8px 0 10px;
  padding: 0;
  color: #1a3a6b;
  font-size: 13px;
  font-weight: 700;
}
.mini-acc .acc-refresh svg { width: 14px; height: 14px; }
.mini-acc-foot {
  display: grid;
  grid-template-columns: 1fr 42px;
  gap: 8px;
  align-items: center;
}
.mini-acc-foot .acc-btn {
  margin: 0;
  height: 42px;
  border-radius: 8px;
  font-size: 13px;
  background: #2f9e57;
}
.mini-acc-out {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #1a2330;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.mini-acc-out svg { width: 18px; height: 18px; }
html.is-night .mini-acc-card { background: #1c2434; }
html.is-night .mini-acc-appear,
html.is-night .mini-acc-x,
html.is-night .mini-acc-prof b,
html.is-night .mini-acc-av,
html.is-night .mini-acc-ico { color: #eef2f7; }
html.is-night .mini-acc-av { border-color: #eef2f7; }
html.is-night .mini-acc-saldo,
html.is-night .mini-acc-out { background: #121826; color: #eef2f7; }
html.is-night .mini-acc-saldo-h,
html.is-night .mini-acc-row b { color: #eef2f7; }
@media (min-width: 861px) {
  .mini-acc {
    justify-items: end;
    padding: 8px 16px 24px;
  }
}
.reg-help-pop {
  display: none;
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fff8cc;
  color: #1a2330;
  font-size: 13px;
}
.reg-help-pop.is-on { display: block; }
.modal.login-modal .reg-art {
  background-image: url("../img/login-oferta-dia.png");
}
.login-label {
  display: block;
  margin: 4px 0 8px;
  font-size: 15px;
  font-weight: 800;
  color: #1a2330;
}
.login-tabs {
  display: flex;
  gap: 8px;
  margin: 0 0 12px;
}
.login-tabs button {
  flex: 1;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background: #eef1f6;
  color: #3d5a80;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
}
.login-tabs button svg { width: 16px; height: 16px; }
.login-tabs button.is-on {
  background: #0b6b38;
  color: #fff;
}
.login-field {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  margin: 0 0 8px;
  padding: 0 12px;
  border: 1px solid #d5dbe6;
  border-radius: 8px;
  background: #fff;
}
.login-field.is-focus { border-color: #1a9d4a; box-shadow: 0 0 0 2px rgb(26 157 74 / 18%); }
.login-field .ico {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #8b93a2;
}
.login-field input {
  border: 0 !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent;
}
.login-eye {
  border: 0;
  background: none;
  padding: 4px;
  color: #8b93a2;
  cursor: pointer;
}
.login-eye svg { width: 20px; height: 20px; display: block; }
.login-hint {
  margin: 0 0 16px;
  font-size: 12px;
  color: #8b93a2;
  line-height: 1.35;
}
.login-forgot {
  margin: 8px 0 16px;
  text-align: center;
  font-size: 13px;
  color: #5b6573;
}
.login-forgot button.link {
  border: 0;
  background: none;
  padding: 0;
  color: #0b6b38;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}
.login-18 {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: #111;
  color: #fff;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.3;
}
.login-18 b {
  flex: 0 0 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 4px;
  font-size: 14px;
}
.oauth-layer {
  position: absolute;
  inset: 0;
  background: rgb(15 18 26 / 55%);
  display: none;
  place-items: center;
  z-index: 5;
}
.oauth-layer.is-on { display: grid; }
.oauth-box {
  width: min(360px, 92%);
  background: #fff;
  border-radius: 12px;
  padding: 22px 20px 18px;
  box-shadow: 0 16px 40px rgb(0 0 0 / 28%);
}
.oauth-box h3 { margin: 8px 0 4px; font-size: 20px; }
.oauth-box p { margin: 0 0 14px; color: #5b6573; font-size: 13px; }
.oauth-brand {
  font-weight: 800;
  font-size: 18px;
}
.oauth-brand.is-google { color: #4285F4; }
.oauth-brand.is-facebook { color: #1877F2; }
.oauth-brand.is-instagram { color: #E4405F; }
.oauth-brand.is-yahoo { color: #6001D2; }
.oauth-brand.is-linkedin { color: #0A66C2; }
[data-oauth-wait] .reg-btn { margin-top: 8px; }
[data-oauth-wait] [data-oauth-open] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.login-form {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.save-pass h2 { margin: 8px 0 8px; font-size: 26px; }
.save-pass-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 8px 0 18px;
  padding: 14px 16px;
  border: 1px solid #d8dee8;
  border-radius: 10px;
  background: #f6f8fb;
}
.save-pass-id {
  font-weight: 800;
  color: #1a2330;
  word-break: break-all;
}
.save-pass-pw { color: #6b7384; letter-spacing: 2px; font-weight: 800; }
.save-pass .reg-btn { margin-top: 8px; }
.save-pass-never {
  display: block;
  width: 100%;
  margin-top: 10px;
  border: 0;
  background: none;
  color: #5b6573;
  font-weight: 700;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
}
.reg-step[data-login-step="main"] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.reg-step[hidden] { display: none !important; }
.login-tabs button .ico { width: 16px; height: 16px; color: inherit; }
@media (max-width: 860px) {
  .modal.reg-modal .reg-shell,
  .modal.login-modal .reg-shell {
    grid-template-columns: 1fr;
  }
  .reg-art { display: none; }
  .reg-panel { padding: 14px 16px 24px; }
  .reg-step h2 { font-size: 18px; }
  .modal.reg-modal {
    place-items: stretch;
  }
  .modal.reg-modal .reg-shell {
    height: 100%;
    height: 100dvh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal.reg-modal .reg-art {
    display: flex;
    max-height: none;
    min-height: 128px;
    height: auto;
  }
  .modal.reg-modal .reg-art-in {
    padding: 10px 12px 8px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    overflow: visible;
    height: auto;
  }
  .modal.reg-modal .reg-art-k {
    width: 100%;
    font-size: 10px;
    margin: 0;
  }
  .modal.reg-modal .reg-art .bb-logo { margin: 0; }
  .modal.reg-modal .reg-art .bb-b { width: 26px; height: 32px; flex-basis: 26px; }
  .modal.reg-modal .reg-art .bb-name { font-size: 18px; -webkit-text-stroke: 0; }
  .modal.reg-modal .reg-art .bb-sub { font-size: 10px; }
  .modal.reg-modal .reg-art-deal { margin: 0; flex: 1 1 auto; min-width: 0; }
  .modal.reg-modal .reg-art-deal strong { font-size: 22px; }
  .modal.reg-modal .reg-art-deal span { font-size: 9px; margin: 1px 0 2px; }
  .modal.reg-modal .reg-art-deal em { font-size: 14px; margin: 0; }
  .modal.reg-modal .reg-art-box {
    max-height: 96px;
    max-width: 96px;
    width: auto;
    margin: 0 0 0 auto;
    flex: 0 0 auto;
  }
  .modal.reg-modal .reg-art-18 {
    display: flex;
    width: 100%;
    margin: 4px 0 0;
    font-size: 9px;
    line-height: 1.35;
  }
  .modal.reg-modal .reg-panel {
    height: auto;
    min-height: 0;
    padding: 12px 16px max(24px, env(safe-area-inset-bottom, 0px));
  }
  .modal.reg-modal .reg-top {
    flex-wrap: wrap;
    gap: 8px;
  }
  .modal.reg-modal .reg-top-right { font-size: 12px; }
  .modal.reg-modal .reg-mini {
    min-height: 56px;
    padding-right: 58px;
  }
  .reg-mini-parrot { height: 48px; max-width: 52px; }
  .modal.reg-modal .reg-step[data-reg-step="choose"] h2 { font-size: 18px; }
  .modal.reg-modal .reg-btn { height: 46px; font-size: 14px; }
}

body.acc-open { overflow: hidden; }
.acc-app {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 180;
  background: #eef1f6;
  grid-template-columns: 250px minmax(0, 1fr) 220px;
}
.acc-app.open { display: grid; }
.acc-side {
  background: #004b23;
  border-right: 0;
  display: flex;
  flex-direction: column;
  padding: 18px 12px 12px;
  min-height: 0;
  overflow: auto;
  color: #fff;
}
.acc-logo { display: block; margin: 0 0 28px 10px; text-decoration: none; }
.acc-logo .bb-logo { justify-content: flex-start; color: #ffd000; }
.acc-logo .bb-b { width: 30px; height: 36px; flex-basis: 30px; filter: brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(8deg); }
.acc-logo .bb-name { font-size: 28px; color: #ffd000; font-style: italic; font-weight: 800; }
.acc-logo .bb-sub {
  font-size: 12px;
  color: #fff;
  font-style: italic;
  font-weight: 800;
  border-bottom: 2px solid #ffd000;
  display: inline-block;
  padding-bottom: 2px;
  line-height: 1.2;
}
.acc-logo .bb-sub i { color: #fff; font-style: italic; }
.acc-menu { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.acc-nav, .acc-sub, .acc-out {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
}
.acc-nav {
  min-height: 48px;
  height: auto;
  padding: 10px 12px;
  border-radius: 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}
.acc-nav span { flex: 1; line-height: 1.15; }
.acc-nav svg { width: 22px; height: 22px; flex: 0 0 22px; color: #ffd000; }
.acc-nav.is-on {
  background: #ffd000;
  color: #004b23;
  font-weight: 800;
}
.acc-nav.is-on svg { color: #004b23; }
.acc-nav:not(.is-on):hover { background: rgb(255 255 255 / 10%); }
.acc-caret {
  margin-left: auto;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  opacity: 0.85;
}
.acc-caret.is-up { transform: rotate(180deg); }
.acc-subs { display: flex; flex-direction: column; padding: 2px 8px 10px 36px; }
.acc-sub {
  height: 34px;
  color: #d7efe4;
  font-size: 13px;
  font-weight: 600;
  padding: 0 8px;
  border-radius: 8px;
}
.acc-sub.is-on { font-weight: 800; color: #fff; background: rgb(255 255 255 / 10%); }
.acc-sub:hover { color: #fff; }
.acc-out {
  margin-top: auto;
  padding: 14px 8px 8px;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  border-top: 2px solid #ffd000;
  justify-content: space-between;
}
.acc-out svg { width: 20px; height: 20px; color: #ffd000; }
.acc-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: #f2f4f7; }
.acc-top {
  display: none;
  align-items: center;
  gap: 10px;
  padding: 10px 14px 8px;
  background: #f2f4f7;
}
.acc-burger, .acc-top .acc-rail-help {
  width: 40px;
  height: 40px;
  border: 0;
  background: none;
  color: #0f172a;
  padding: 0;
  cursor: pointer;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 40;
  pointer-events: auto;
}
.acc-burger svg, .acc-top .acc-rail-help svg { width: 24px; height: 24px; display: block; }
.acc-top-title {
  flex: 1;
  text-align: center;
  font-size: 17px;
  font-weight: 800;
  color: #0f172a;
}
.acc-scrim {
  display: none;
}
.acc-x {
  width: 40px;
  height: 40px;
  font-size: 28px;
  line-height: 1;
  color: #0f172a;
  border: 0;
  background: none;
  cursor: pointer;
}
.acc-rail {
  background: #f2f4f7;
  padding: 18px 16px 28px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  min-height: 0;
  overflow: auto;
  border-left: 1px solid #e8edf3;
}
.acc-rail-top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-bottom: 8px;
}
.acc-rail-help {
  width: 28px;
  height: 28px;
  border: 0;
  background: none;
  color: #1a2330;
  padding: 0;
  cursor: pointer;
}
.acc-rail-help svg { width: 22px; height: 22px; display: block; }
.acc-who {
  border: 0;
  background: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #1a2330;
  cursor: pointer;
  padding: 0;
}
.acc-who .hdr-user { border-color: #8b93a2; color: #5b6573; width: 28px; height: 28px; }
.acc-who small { font-size: 12px; font-weight: 700; margin: 0; color: #1a2330; }
.acc-help-pop {
  display: none;
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  background: #fff8cc;
  color: #1a2330;
  font-size: 12px;
  font-weight: 700;
}
.acc-help-pop.is-on { display: block; }
.acc-shortcut {
  width: 100%;
  border: 0;
  background: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: #0a1629;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  line-height: 1.2;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
}
.acc-sc-ico {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #fff;
  color: #e6a400;
  display: grid;
  place-items: center;
  border: 2px solid #f5c518;
  box-shadow: 0 2px 8px rgb(16 24 40 / 6%);
}
.acc-sc-ico svg { width: 32px; height: 32px; }
.acc-doc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  font-weight: 700;
}
.acc-doc-title { margin-bottom: 4px; }
.acc-doc-sub {
  padding-left: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #334155;
}
.acc-doc .acc-btn { width: auto; min-width: 110px; margin: 0; height: 36px; }
.acc-form select {
  width: 100%;
  height: 44px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  padding: 0 12px;
  margin-top: 6px;
  font-size: 15px;
}
.acc-body { padding: 10px 32px 36px; overflow: auto; flex: 1; }
.acc-body h2 { margin: 4px 0 20px; font-size: 30px; font-weight: 800; color: #0f172a; letter-spacing: -0.4px; }
.acc-k {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.6px;
  color: #8b93a2;
  margin: 0 0 10px;
}
.acc-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 20px;
  align-items: start;
}
.acc-method {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid #e8edf3;
  border-radius: 14px;
  padding: 16px 18px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
}
.acc-method:hover { border-color: #d5dde8; box-shadow: 0 6px 18px rgb(15 23 42 / 7%); }
.acc-method b { display: block; font-size: 15px; font-weight: 800; color: #0f172a; }
.acc-method small { color: #64748b; font-size: 13px; font-weight: 500; }
.acc-chev {
  margin-left: auto;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #8b93a2;
}
.acc-pay-ico {
  width: 56px;
  height: 40px;
  flex: 0 0 56px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e4e9f0;
  display: grid;
  place-items: center;
}
.acc-pay-ico:has(.pix-logo),
.acc-pay-ico:has(.of-logo) {
  border: 0;
  background: transparent;
  overflow: hidden;
}
.acc-pay-ico .pix-logo,
.acc-pay-ico .of-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.acc-pay-ico:has(.bank-logo) {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid #eceff4;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.acc-pay-ico .bank-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.18);
  display: block;
}
.acc-pay-ico .bank-logo[alt="Itaú"] {
  transform: none;
}
.acc-pay-ico .card-logo {
  width: 42px;
  height: 22px;
  object-fit: contain;
  display: block;
}
.pix-logo, .of-logo {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
  display: block;
}
.acc-of {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #0B1F33;
  display: grid;
  place-items: center;
  font-size: 9px;
  font-weight: 800;
  color: #fff;
}
.acc-panel, .acc-hello {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgb(16 24 40 / 6%);
  padding: 16px;
}
.acc-balcard, .acc-last {
  background: #fff;
  border-radius: 18px;
  border: 0;
  padding: 20px 20px 16px;
  box-shadow: 0 1px 2px rgb(15 23 42 / 5%), 0 8px 24px rgb(15 23 42 / 4%);
}
.acc-balcard-h, .acc-last h4 {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 800;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 6px;
}
.acc-balcard-h {
  justify-content: space-between;
  align-items: flex-start;
}
.acc-balcard-h > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.acc-balcard-h strong {
  font-size: 22px;
  font-weight: 800;
  margin: 0;
  color: #0f172a;
  letter-spacing: -0.3px;
}
.acc-bal-split {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #64748b;
  margin-bottom: 8px;
  font-weight: 500;
}
.acc-bal-split b { color: #0f172a; font-weight: 700; }
.acc-last .acc-empty {
  text-align: left;
  padding: 4px 0 2px;
}
.acc-last .acc-empty b { color: #0f172a; font-size: 14px; margin-bottom: 6px; }
.acc-last .acc-empty p { margin: 0; color: #64748b; font-size: 13px; font-weight: 500; line-height: 1.4; }
.acc-refresh, .acc-eye {
  border: 0;
  background: none;
  cursor: pointer;
  color: #5b6573;
  font-weight: 700;
  padding: 8px 0;
}
.acc-btn {
  width: 100%;
  height: 48px;
  border-radius: 10px;
  border: 0;
  font-weight: 800;
  letter-spacing: 0.2px;
  margin-top: 10px;
  cursor: pointer;
  font-family: inherit;
}
.acc-btn.green { background: #2f9e57; color: #fff; }
.acc-btn.green:hover { background: #278a4a; }
.acc-btn.dark { background: #0f172a; color: #fff; }
.acc-btn.ghost { background: #fff; color: #0f172a; border: 1px solid #d5dde8; }
.acc-last-row { display: flex; align-items: center; gap: 12px; }
.acc-last-row b { display: block; font-size: 15px; color: #1a2330; }
.acc-last-row small {
  display: block;
  margin-left: 0;
  color: #6b7384;
  font-size: 12px;
  font-weight: 600;
}
.acc-repeat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 46px;
  margin-top: 14px;
  text-transform: uppercase;
}
.acc-repeat svg { width: 18px; height: 18px; }
.acc-lib-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  width: 100%;
  height: 40px;
  border-radius: 999px;
  border: 1.5px solid #1b7a3a;
  color: #1b7a3a;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.4px;
}
.txlib {
  background: transparent;
  color: #0f172a;
  border-radius: 0;
  padding: 0;
}
.txlib-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 16px;
}
.txlib-tabs button {
  height: 46px;
  border-radius: 10px;
  border: 1px solid #d5dde8;
  background: #fff;
  color: #334155;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
  font-family: inherit;
}
.txlib-tabs button.is-on {
  background: #1b7a3a;
  border-color: #1b7a3a;
  color: #fff;
}
.txlib-head {
  display: grid;
  grid-template-columns: 1.6fr 1fr auto;
  gap: 8px;
  padding: 0 14px 10px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}
.txlib-head span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.txlib-head svg { width: 14px; height: 14px; color: #1b7a3a; }
.txlib-list { display: flex; flex-direction: column; gap: 10px; }
.txlib-row {
  display: grid;
  grid-template-columns: 1.6fr 1fr auto;
  gap: 8px;
  align-items: center;
  background: #fff;
  border: 1px solid #e8edf3;
  border-radius: 12px;
  padding: 14px 14px;
  box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
}
.txlib-when {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.txlib-when svg,
.txlib-st svg { width: 16px; height: 16px; color: #1b7a3a; flex: 0 0 16px; }
.txlib-val {
  color: #0f172a;
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
}
.txlib-st {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1.5px solid #1b7a3a;
  background: #f0faf4;
  color: #1b7a3a;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.3px;
  white-space: nowrap;
}
.txlib-st.is-fail {
  border-color: #dc2626;
  background: #fef2f2;
  color: #dc2626;
}
.txlib-st.is-fail svg { color: #dc2626; }
.txlib-st.is-storno {
  border-color: #FBD900;
  background: rgba(251, 217, 0, 0.12);
  color: #FBD900;
}
.txlib-st.is-storno svg { color: #FBD900; }
.txlib-st.is-pend {
  border-color: #d97706;
  background: #fffbeb;
  color: #b45309;
}
.txlib-st.is-pend svg { color: #d97706; }
.txlib-empty {
  margin: 8px 0 0;
  padding: 28px 16px;
  background: #fff;
  border: 1px solid #e8edf3;
  border-radius: 12px;
  color: #64748b;
  text-align: center;
  font-weight: 700;
  line-height: 1.45;
}
@media (max-width: 860px) {
  .txlib-head { display: none; }
  .txlib-row {
    grid-template-columns: 1fr 1fr;
    gap: 10px 8px;
  }
  .txlib-val { grid-column: 1; }
  .txlib-st { justify-self: end; }
}
.acc-pay-method {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #e8edf3;
  border-radius: 14px;
  padding: 14px 16px;
  margin: 0 0 20px;
  box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
}
.acc-pay-method b { display: block; font-size: 15px; font-weight: 800; color: #0f172a; }
.acc-pay-method small { color: #64748b; font-size: 13px; }
.acc-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  background: none;
  color: #2f9e57;
  font-weight: 800;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 0;
  font-family: inherit;
  font-size: 14px;
}
.acc-back svg { width: 18px; height: 18px; }
.acc-refresh svg { width: 16px; height: 16px; }
.acc-eye svg { width: 18px; height: 18px; display: block; }
.acc-refresh {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  justify-content: center;
  color: #64748b;
  margin-top: 12px;
  font-size: 13px;
}
.acc-pix-lab,
.acc-amt-lab {
  display: block;
  font-size: 13px;
  font-weight: 800;
  color: #0f172a;
  margin: 16px 0 8px;
}
.acc-pixkinds {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 10px;
}
.acc-pixkinds button {
  height: 44px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  font-weight: 800;
  font-family: inherit;
  cursor: pointer;
  color: #0f172a;
}
.acc-pixkinds button.is-on {
  border-color: #2f9e57;
  color: #2f9e57;
  background: #f3faf6;
}
.acc-fee-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
}
.acc-fee-tabs button:disabled {
  opacity: 1;
  cursor: default;
}
.acc-fee-wrap { max-width: 420px; }
.acc-fee-banner {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgb(0 20 12 / 28%);
}
.acc-fee-top {
  background: #0A5E2E;
  padding: 22px 18px 36px;
  display: grid;
  justify-items: center;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.acc-fee-top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 22px;
  background: #FBD900;
  clip-path: polygon(0 100%, 0 55%, 10% 100%, 20% 40%, 30% 100%, 40% 35%, 50% 100%, 60% 38%, 70% 100%, 80% 42%, 90% 100%, 100% 50%, 100% 100%);
  pointer-events: none;
  z-index: 0;
}
.acc-fee-top .bb-logo { color: #fff; position: relative; z-index: 1; gap: 0; justify-content: center; transform: translateX(-8px); }
.acc-fee-top .bb-b {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  flex: 0 0 0 !important;
}
.acc-fee-top .bb-txt { text-align: center; }
.acc-fee-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(255 255 255 / 16%);
  border: 1px solid #ff2a2a;
  color: #ff1f1f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 6px 12px;
  position: relative;
  z-index: 2;
  animation: acc-fee-pulse 1.05s ease-in-out infinite;
}
@keyframes acc-fee-pulse {
  0%, 100% { color: #ff1f1f; opacity: 1; }
  50% { color: #ff6b6b; opacity: .55; }
}
.acc-fee-mid {
  background: #FBD900;
  margin-top: 0;
  padding: 18px 20px 22px;
  text-align: center;
}
.acc-fee-step {
  margin: 0 0 8px;
  color: #0A5E2E;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.acc-fee-ask {
  margin: 0 0 10px;
  color: #00398A;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
  text-transform: uppercase;
}
.acc-fee-copy {
  margin: 0;
  color: #00398A;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.acc-fee-bot {
  background: #00398A;
  margin-top: 0;
  padding: 40px 18px 20px;
  position: relative;
  z-index: 1;
}
.acc-fee-bot::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 22px;
  background: #FBD900;
  clip-path: polygon(0 0, 10% 100%, 20% 0, 30% 100%, 40% 0, 50% 100%, 60% 0, 70% 100%, 80% 0, 90% 100%, 100% 0, 100% 0, 0 0);
  pointer-events: none;
  z-index: 0;
}
.acc-fee-paybox,
.acc-fee-pix {
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}
.acc-fee-lab {
  display: block;
  color: #FBD900;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.acc-fee-val {
  display: block;
  color: #fff;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -.03em;
  margin-bottom: 16px;
}
.acc-fee-go {
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 10px;
  background: #FBD900;
  color: #00398A;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  cursor: pointer;
}
.acc-fee-go:hover { filter: brightness(1.05); }
.acc-fee-pix .acc-qr {
  width: 168px;
  height: 168px;
  margin: 0 auto 10px;
  background: #fff;
  border-radius: 8px;
  padding: 8px;
}
.acc-fee-pix p { margin: 0 0 10px; color: #d7deea; font-size: 13px; font-weight: 600; }
.acc-fee-pix .acc-pixcode {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
}
.acc-fee-pix .acc-pix-timer { color: #FBD900; }
.acc-fee-banner.is-ok .acc-fee-bot { padding-top: 42px; }
.acc-fee-flag {
  width: 18px;
  height: 13px;
  object-fit: cover;
  border-radius: 2px;
  flex-shrink: 0;
}
.acc-amt-wrap {
  display: flex;
  align-items: center;
  height: 52px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  padding: 0 16px;
  font-weight: 800;
  color: #0f172a;
  overflow: hidden;
}
.acc-pay .dep-amts button {
  height: 42px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #0f172a;
}
.acc-app .dep-amts button.is-on {
  border-color: #2f9e57;
  color: #2f9e57;
  background: #f3faf6;
}
.acc-card-form label { color: #0f172a; font-size: 13px; }
.acc-card-form input,
.acc-card-form select,
.acc-pay input {
  border-color: #e2e8f0;
  border-radius: 10px;
  color: #0f172a;
}
.acc-card-form input:focus,
.acc-card-form select:focus,
.acc-pay input:focus,
.acc-amt-wrap:focus-within {
  border-color: #2f9e57;
  outline: none;
  box-shadow: 0 0 0 3px rgb(47 158 87 / 12%);
}
.acc-min { color: #64748b; }
.acc-balcard-h .acc-eye { padding: 0; }
.acc-pay { max-width: 520px; }
.acc-lock {
  margin-top: 12px;
  padding: 18px 16px;
  border-radius: 14px;
  background: #1a0b0b;
  border: 1px solid #ef4444;
  color: #fecaca;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-align: center;
}
.acc-lock-wrap .acc-fee-banner {
  box-shadow: 0 22px 60px rgb(0 20 12 / 34%);
}
.acc-lock-chip {
  border-color: #dc2626 !important;
  color: #fff !important;
  background: rgb(220 38 38 / 22%) !important;
  gap: 7px;
}
.acc-lock-chip.is-wait {
  color: #fecaca !important;
  animation: acc-fee-pulse 1.05s ease-in-out infinite;
}
.acc-lock-ico {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.acc-lock-banner.is-brand .acc-lock-brand,
.acc-lock-mid {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.acc-lock-step {
  margin: 0;
  color: #0A5E2E;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.acc-lock-brand-name {
  margin: 0;
  color: #dc2626;
  font-size: 21px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.2;
  animation: acc-lock-blink 1.05s ease-in-out infinite;
}
.acc-lock-mid {
  padding: 22px 20px 24px;
  min-height: 0;
}
.acc-lock-warn {
  margin: 0 0 10px;
  color: #dc2626;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: .02em;
  text-transform: uppercase;
  animation: acc-lock-blink 1.05s ease-in-out infinite;
}
.acc-lock-copy {
  margin: 0;
  color: #00398A;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  max-width: 320px;
}
.acc-lock-bot {
  min-height: 54px;
  display: grid;
  place-items: center;
  padding: 24px 18px 20px;
}
.acc-lock-bot.is-wait {
  background: #002a66;
}
.acc-lock-loader {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.acc-lock-loader i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FBD900;
  animation: acc-lock-dot 1s ease-in-out infinite;
}
.acc-lock-loader i:nth-child(2) { animation-delay: .15s; }
.acc-lock-loader i:nth-child(3) { animation-delay: .3s; }
@keyframes acc-lock-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: .42; }
}
@keyframes acc-lock-dot {
  0%, 100% { opacity: .35; transform: scale(.85); }
  50% { opacity: 1; transform: scale(1); }
}
.acc-pay .dep-amts {
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  margin: 12px 0 16px;
}
.acc-amt-wrap input {
  border: 0 !important;
  box-shadow: none !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 0 0 8px !important;
  font-weight: 800;
  font-size: 18px !important;
  outline: none;
  background: transparent !important;
  width: 100%;
  min-width: 0;
}
.acc-min {
  margin: 8px 0 0;
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
}
.acc-pixbox {
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 12px;
  padding: 20px 16px;
  text-align: center;
}
.acc-pixbox .acc-qr {
  width: 196px;
  height: 196px;
  margin: 8px auto 12px;
  display: block;
}
.acc-qr { background: #fff; }
.acc-pixbox p { margin: 0 0 8px; color: #5b6573; font-size: 13px; }
.acc-pixcode {
  display: flex;
  gap: 8px;
  margin: 12px 0;
}
.acc-pixcode code {
  flex: 1;
  min-width: 0;
  background: #eef1f5;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 11px;
  color: #1a2330;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.acc-pixcode button {
  flex: 0 0 auto;
  height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  background: #1a2330;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  font-family: inherit;
}
.acc-pix-timer {
  font-size: 13px;
  font-weight: 700;
  color: #5b6573;
  margin: 4px 0 12px;
}
.acc-pix-timer b { color: #1a2330; }
.acc-bank-note {
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 16px;
}
.acc-bank-note p { margin: 0; color: #5b6573; font-size: 14px; line-height: 1.45; }
.acc-card-form select {
  width: 100%;
  height: 44px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  padding: 0 12px;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 600;
  box-sizing: border-box;
  font-family: inherit;
  background: #fff;
}
.acc-card-form {
  background: #fff;
  border-radius: 12px;
  box-shadow: none;
  padding: 4px 0 8px;
}
.acc-card-form label {
  display: block;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 700;
  color: #1a2330;
}
.acc-card-form input {
  width: 100%;
  height: 44px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  padding: 0 12px;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 600;
  box-sizing: border-box;
  font-family: inherit;
}
.acc-card-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.acc-last-row .acc-pay-ico .card-logo {
  width: 32px;
  height: 16px;
}
.acc-tx-ico .pix-logo,
.acc-tx-ico .of-logo,
.acc-last-row .pix-logo,
.acc-last-row .of-logo {
  width: 22px;
  height: 22px;
  flex-basis: 22px;
}
.acc-tx-ico .card-logo,
.acc-last-row .card-logo {
  width: 32px;
  height: 16px;
}
.acc-last-row .acc-pay-ico {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}
.acc-last-row .acc-pay-ico .pix-logo,
.acc-last-row .acc-pay-ico .of-logo {
  width: 100%;
  height: 100%;
}
.acc-hello {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  min-height: 160px;
  background:
    radial-gradient(circle at 88% 20%, #ff8a4c 0 18px, transparent 19px),
    linear-gradient(90deg, #fff 62%, #ff7a3c 140%);
}
.acc-hello p { font-size: 22px; margin: 0 0 24px; }
.acc-hello-bal {
  background: #fff;
  border-radius: 12px;
  padding: 14px 16px;
  min-width: 220px;
  box-shadow: 0 4px 16px rgb(0 0 0 / 8%);
}
.acc-hello-bal strong { font-size: 26px; display: block; }
.acc-hello-btns { display: flex; gap: 10px; margin-top: 14px; }
.acc-hello-btns .acc-btn { margin: 0; flex: 1; height: 48px; border-radius: 10px; }
.acc-two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 18px; }
.acc-panel h3 { margin: 0 0 12px; font-size: 16px; color: #001a4d; }
.acc-overview { max-width: 980px; }
.acc-overview > h2 { margin: 4px 0 16px; }
.acc-hi {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #1a2744;
}
.acc-hi b { font-weight: 800; color: #1b7a3a; }
.acc-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
  grid-template-rows: 1fr auto;
  gap: 10px 24px;
  min-height: 292px;
  border-radius: 16px;
  padding: 28px 24px 16px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 8px 28px rgb(16 24 40 / 8%);
  margin-bottom: 4px;
}
.acc-hero-tri {
  position: absolute;
  inset: 0;
  background: url("../assets/img/acc-tri-banner.svg") right center / auto 115% no-repeat;
  pointer-events: none;
  z-index: 0;
}
.acc-hero-copy { grid-column: 1; grid-row: 1; position: relative; z-index: 1; }
.acc-hero-right {
  grid-column: 2;
  grid-row: 1 / span 2;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.acc-hero .acc-refresh {
  grid-column: 1;
  grid-row: 2;
  position: relative;
  z-index: 1;
  align-self: end;
  justify-self: start;
  border: 0;
  background: none;
  color: #1b7a3a;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.acc-hero .acc-hello-btns {
  margin: 0;
  width: 100%;
}
.acc-walletbox {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 14px;
  padding: 16px 18px 18px;
  width: 100%;
  max-width: none;
  box-shadow: 0 10px 28px rgb(16 24 40 / 12%);
  overflow: hidden;
}
.acc-walletbox::after {
  content: "";
  position: absolute;
  right: -8px;
  bottom: -10px;
  width: 88px;
  height: 72px;
  background: url("../assets/img/acc-tri-banner.svg") 88% 92% / 420px auto no-repeat;
  opacity: 0.55;
  pointer-events: none;
}
.acc-walletbox-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.acc-wallet {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e7f6ec;
}
.acc-wallet svg { width: 22px; height: 22px; }
.acc-more {
  border: 0;
  background: none;
  font-size: 22px;
  line-height: 1;
  color: #5b6573;
  cursor: pointer;
  padding: 0 4px;
}
.acc-more-pop {
  display: none;
  position: absolute;
  right: 0;
  top: 28px;
  z-index: 4;
  min-width: 200px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgb(16 24 40 / 16%);
  padding: 6px;
}
.acc-more-pop.is-on { display: block; }
.acc-more-pop button {
  display: block;
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  padding: 10px 12px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
}
.acc-more-pop button:hover { background: #eef2f5; }
.acc-walletbox-val {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 2px;
}
.acc-walletbox-val strong {
  font-size: 28px;
  font-weight: 800;
  color: #111;
}
.acc-walletbox-lab {
  display: block;
  color: #1b7a3a;
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 0;
}
.acc-tri {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-image:
    repeating-linear-gradient(60deg, transparent 0 18px, rgb(21 120 80 / 10%) 18px 19px),
    repeating-linear-gradient(-60deg, transparent 0 22px, rgb(245 197 24 / 16%) 22px 23px),
    repeating-linear-gradient(120deg, transparent 0 26px, rgb(45 125 220 / 8%) 26px 27px);
}
.acc-tri-dep,
.acc-tri-bets {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.acc-tri-dep::before,
.acc-tri-bets::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 62%;
  height: 82%;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 280px auto;
  -webkit-mask-image: linear-gradient(105deg, #000 18%, transparent 78%);
  mask-image: linear-gradient(105deg, #000 18%, transparent 78%);
}
.acc-tri-dep::before { background-image: url("../assets/img/acc-tri-dep.svg"); }
.acc-tri-bets::before { background-image: url("../assets/img/acc-tri-bets.svg"); }
.acc-overview .acc-btn.green { background: #145c3a; }
.acc-overview .acc-btn.dark { background: #001a4d; }
.acc-overview .acc-panel {
  min-height: 196px;
  border-radius: 20px;
  padding: 18px 16px 16px;
  box-shadow: 0 8px 24px rgb(16 24 40 / 8%);
}
.acc-panel {
  position: relative;
  z-index: 0;
}
.acc-panel-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  position: relative;
  z-index: 1;
}
.acc-panel-h h3 { margin: 0; }
.acc-overview .acc-panel-h h3,
.acc-overview .acc-panel > h3 {
  font-size: 16px;
  font-weight: 800;
  color: #001a4d;
}
.acc-panel-nav { display: flex; gap: 2px; }
.acc-panel-nav button {
  width: 28px;
  height: 28px;
  border: 0;
  background: none;
  color: #8b93a2;
  font-size: 20px;
  cursor: pointer;
}
.acc-overview .acc-panel-nav button {
  color: #001a4d;
  font-size: 22px;
  font-weight: 700;
}
.acc-panel .acc-last-row,
.acc-panel .acc-empty,
.acc-panel .acc-list,
.acc-panel > p,
.acc-panel > .acc-btn { position: relative; z-index: 1; }
.acc-dep-art {
  width: 152px;
  height: 140px;
  flex: 0 0 152px;
  object-fit: contain;
  object-position: left center;
  display: block;
}
.acc-empty-bets,
.acc-empty-dep {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  padding: 4px 4px 2px;
  min-height: 132px;
}
.acc-empty-bets .acc-balls,
.acc-empty-dep .acc-dep-art { margin: 0; flex: 0 0 160px; }
.acc-empty-bets b,
.acc-empty-dep b { margin-bottom: 4px; color: #001a4d; }
.acc-empty-bets p,
.acc-empty-dep p { margin: 0; color: #6b7384; font-size: 13px; }
.acc-overview .acc-empty-bets .acc-ov-copy {
  flex: 1;
  text-align: center;
  padding: 0 16px 0 4px;
}
.acc-overview .acc-empty-bets b {
  font-size: 16px;
  font-weight: 800;
  color: #001a4d;
  margin-bottom: 6px;
}
.acc-overview .acc-empty-bets p {
  color: #7a8494;
  font-size: 14px;
  font-weight: 500;
}
.acc-balls {
  width: 168px;
  height: 140px;
  object-fit: contain;
  object-position: left center;
  display: block;
}
.acc-last-box {
  flex: 1 1 auto;
  border: 1px solid #e6ebf2;
  border-radius: 12px;
  padding: 14px 48px 14px 16px;
  min-width: 0;
  position: relative;
  z-index: 1;
  background: #fff;
}
.acc-last-box b,
.acc-last-box small {
  display: block;
  min-width: 0;
}
.acc-last-box b {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
  color: #001a4d;
  white-space: nowrap;
}
.acc-last-box small {
  margin-top: 4px;
  line-height: 1.35;
  font-size: 12px;
  font-weight: 500;
  color: #8a93a3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.acc-panel .acc-last-row {
  padding: 8px 0 2px;
  gap: 10px;
  align-items: center;
  min-height: 140px;
}
.acc-panel .acc-round {
  margin-left: -22px;
  z-index: 2;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  background: #145c3a;
}
.acc-panel .acc-round svg { width: 18px; height: 18px; }
.acc-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 18px 0 4px;
}
.acc-dots button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  background: #c5cad3;
  padding: 0;
  cursor: pointer;
}
.acc-dots button.is-on {
  width: 22px;
  border-radius: 4px;
  background: #001a4d;
}
.acc-app.is-ov .acc-rail {
  background: #fff;
  align-items: center;
  padding-top: 14px;
  gap: 26px;
  border-left: 1px solid #eef1f4;
}
.acc-app.is-ov .acc-rail-top {
  width: 100%;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 8px;
}
.acc-app.is-ov .acc-rail-help { color: #0f4d38; }
.acc-app.is-ov .acc-who .hdr-user {
  border-color: #0f4d38;
  color: #0f4d38;
  width: 34px;
  height: 34px;
}
.acc-app.is-ov .acc-who small { color: #1b7a3a; font-weight: 800; }
.acc-app.is-ov .acc-shortcut { width: auto; color: #0a1a4a; font-size: 12px; }
.acc-app.is-ov .acc-sc-ico {
  width: 76px;
  height: 76px;
  background: #f3f5f8;
  border: 0;
  color: #f0c419;
  box-shadow: none;
}
.acc-empty { text-align: center; padding: 24px 8px; color: #5b6573; }
.acc-empty b { display: block; color: #1a2330; margin-bottom: 6px; }
.acc-empty.acc-empty-bets,
.acc-empty.acc-empty-dep {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  padding: 4px 4px 2px;
  min-height: 132px;
}
.acc-overview .acc-empty-bets .acc-ov-copy {
  flex: 1;
  text-align: center;
  padding: 0 16px 0 4px;
}
.acc-lead { color: #64748b; }
.acc-app .dep-amts button.is-on {
  border-color: #2f9e57;
  color: #2f9e57;
  background: #f3faf6;
}
.acc-form label { display: block; margin-bottom: 12px; font-weight: 700; font-size: 13px; }
.acc-form input, .acc-pay input {
  width: 100%;
  height: 44px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  padding: 0 12px;
  margin-top: 6px;
  font-size: 15px;
}
.acc-privacy { background: #fff; border-radius: 12px; padding: 18px; max-width: 640px; }
.acc-switch { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin: 12px 0; font-weight: 700; }
.acc-list-row { display: flex; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid #eef1f6; }
.acc-note { color: #c23000; font-weight: 700; }
.acc-round {
  margin-left: auto;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #1b7a3a;
  color: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
  flex: 0 0 36px;
}
.acc-round svg { width: 16px; height: 16px; display: block; }
@media (max-width: 980px) {
  .acc-app.open { grid-template-columns: 220px minmax(0, 1fr) 150px; }
  .acc-sc-ico { width: 58px; height: 58px; }
  .acc-sc-ico svg { width: 26px; height: 26px; }
}
@media (max-width: 860px) {
  .acc-app.open {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
  }
  .acc-side {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(82vw, 300px);
    max-height: none;
    z-index: 30;
    transform: translateX(-105%);
    transition: transform 0.22s ease;
    box-shadow: 8px 0 28px rgb(0 0 0 / 18%);
  }
  .acc-app.menu-on .acc-side { transform: none; }
  .acc-scrim {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 25;
    border: 0;
    background: rgb(15 23 42 / 45%);
    padding: 0;
  }
  .acc-app.menu-on .acc-scrim { display: block; }
  .acc-rail {
    order: 3;
    flex-direction: column;
    border-left: 0;
    border-top: 1px solid #e8edf3;
    gap: 12px;
    padding: 14px;
  }
  .acc-app.is-ov .acc-rail { display: none; }
  .acc-rail-top { display: none; }
  .acc-shortcut { width: 22%; }
  .acc-grid, .acc-two, .acc-hello, .acc-split { grid-template-columns: 1fr; }
  .acc-hello { flex-direction: column; }
  .acc-hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 18px 16px 16px;
    gap: 12px;
  }
  .acc-hero-copy { margin-right: 36px; }
  .acc-hero-right { width: 100%; }
  .acc-hero .acc-refresh {
    position: absolute;
    top: 14px;
    right: 12px;
    width: auto;
    margin: 0;
    font-size: 0;
    color: #64748b;
  }
  .acc-hero .acc-refresh svg { width: 20px; height: 20px; }
  .acc-hero-tri { opacity: 0.4; }
  .acc-hello-btns { width: 100%; }
  .acc-hello-btns .acc-btn { height: 46px; }
  .acc-overview > h2,
  .acc-body > h2,
  .acc-pay > h2,
  .acc-deposit > h2 { display: none; }
  .acc-top { display: flex; }
  .acc-body { padding: 6px 14px 28px; }
  .acc-pay { max-width: none; }
  .acc-card-row { grid-template-columns: 1fr 1fr; }
  .acc-pay .dep-amts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .acc-sc-ico { width: 52px; height: 52px; }
  .acc-hi { font-size: 20px; }
  .acc-walletbox-val strong { font-size: 24px; }
}
.acc-refresh { display: inline-flex; align-items: center; gap: 6px; }
.acc-btn.is-off, .acc-btn:disabled {
  background: #c5cad3;
  color: #fff;
  cursor: default;
  pointer-events: none;
}
.acc-sec label { display: block; margin-bottom: 12px; font-weight: 700; font-size: 13px; }
.acc-methods { max-width: 720px; }
.acc-rail .acc-balcard, .acc-rail .acc-last { width: 100%; }
.acc-sec input[type="password"], .acc-sec input[type="text"] {
  width: 100%;
  height: 44px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  padding: 0 12px;
  margin-top: 6px;
  font-size: 15px;
  box-sizing: border-box;
}
.acc-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 20px;
  align-items: start;
}
.acc-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgb(16 24 40 / 6%);
  padding: 16px 18px;
  margin-bottom: 12px;
}
.acc-sec-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.acc-sec-h h2 { margin: 8px 0 18px; }
.acc-sec-h h3 { margin: 0; font-size: 16px; }
.acc-link {
  border: 0;
  background: none;
  color: #37a25c;
  font-weight: 800;
  letter-spacing: 0.4px;
  cursor: pointer;
  font-family: inherit;
}
.acc-rowline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.acc-rowline i { color: #8b93a2; font-style: normal; }
.acc-muted { margin: 4px 0 0; color: #6b7384; font-weight: 600; font-size: 13px; }
.acc-rules {
  list-style: none;
  padding: 0;
  margin: 8px 0 14px;
  color: #8b93a2;
  font-size: 13px;
  font-weight: 700;
}
.acc-rules li { margin: 4px 0; padding-left: 18px; position: relative; }
.acc-rules li::before { content: "•"; position: absolute; left: 4px; }
.acc-rules li.is-ok { color: #37a25c; }
.acc-tog {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #6b7384;
}
.acc-info {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 10px rgb(16 24 40 / 6%);
}
.acc-info-ico {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #0A5E2E;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800;
  margin-bottom: 8px;
}
.acc-info h4 { margin: 0 0 8px; font-size: 15px; }
.acc-info p { margin: 0; color: #5b6573; font-size: 13px; line-height: 1.45; }
.acc-okbox, .acc-warnbox, .acc-cancel {
  background: #fff;
  border-radius: 12px;
  padding: 22px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.acc-okbox { border: 2px solid #37a25c; }
.acc-cancel {
  justify-content: center;
  min-height: 180px;
  color: #5b6573;
  font-weight: 700;
  border: 1px solid #e4e9f0;
}
.acc-ok {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #37a25c;
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
}
.acc-ok svg { width: 16px; height: 16px; }
.acc-ok.is-fail { background: #dc2626; }
.acc-ok.is-storno { background: #FBD900; }
.acc-st-fail { color: #dc2626; }
.acc-st-storno { color: #FBD900; font-weight: 800; }
.acc-st-pend { color: #d97706; }
.acc-lib-tag.is-pend { border-color: #d97706; color: #d97706; }
.acc-docrow {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 0;
  border-radius: 12px;
  padding: 16px 18px;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  box-shadow: 0 2px 10px rgb(16 24 40 / 6%);
}
.acc-docrow b { flex: 1; }
.acc-badge {
  min-width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #37a25c;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 12px;
}
.acc-btabs {
  display: flex;
  gap: 8px;
  margin: 0 0 14px;
}
.acc-btabs button {
  height: 40px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid #d8dee8;
  background: #fff;
  font-weight: 800;
  cursor: pointer;
  font-family: inherit;
}
.acc-btabs button.is-on {
  background: #0A5E2E;
  border-color: #0A5E2E;
  color: #fff;
}
.acc-tools {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.acc-tools input, .acc-tools select {
  flex: 1;
  height: 42px;
  border: 0;
  border-bottom: 1px solid #d8dee8;
  background: transparent;
  font-size: 15px;
  font-family: inherit;
}
.acc-searchlink {
  border: 0;
  background: none;
  color: #2f6fed;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.acc-ico-btn {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  border: 0;
  background: #1a2330;
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.acc-ico-btn svg { width: 18px; height: 18px; }
.acc-txlist { display: flex; flex-direction: column; gap: 10px; }
.acc-tx {
  display: grid;
  grid-template-columns: 44px minmax(0, 1.1fr) minmax(180px, 1fr) auto 18px;
  gap: 10px;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 2px 10px rgb(16 24 40 / 5%);
}
.acc-tx-ico {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #0A5E2E;
  color: #fff;
  display: grid;
  place-items: center;
}
.acc-tx-ico svg { width: 18px; height: 18px; }
.acc-tx-ico.is-pix { background: #e8f8f5; }
.acc-tx-main b { display: block; }
.acc-tx-main small { color: #6b7384; }
.acc-tx-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  color: #5b6573;
  font-size: 12px;
  font-weight: 700;
}
.acc-txid { display: inline-flex; align-items: center; gap: 4px; }
.acc-txid button {
  border: 0;
  background: none;
  color: #8b93a2;
  cursor: pointer;
  padding: 0;
}
.acc-txid svg { width: 14px; height: 14px; display: block; }
.acc-tx strong { font-size: 15px; white-space: nowrap; }
.acc-tx.is-out strong { color: #0f172a; }
.acc-tx > i { color: #8b93a2; font-style: normal; }
.acc-empty-line {
  text-align: center;
  color: #6b7384;
  padding: 48px 12px;
  font-weight: 600;
}
.acc-pnl-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.acc-pnl {
  background: #fff;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 2px 10px rgb(16 24 40 / 6%);
}
.acc-pnl-ico {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #0A5E2E;
  color: #fff;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
}
.acc-pnl-ico svg { width: 20px; height: 20px; }
.acc-pnl h3 { margin: 0 0 8px; font-size: 15px; }
.acc-pnl strong { display: block; font-size: 28px; margin-bottom: 8px; }
.acc-pnl small { display: block; color: #6b7384; font-weight: 700; }
.acc-svg { width: 100%; height: 180px; }
.acc-legend { display: flex; gap: 18px; font-size: 13px; font-weight: 700; color: #5b6573; }
.acc-legend .is-sp::before, .acc-legend .is-ca::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}
.acc-legend .is-sp::before { background: #e23d2a; }
.acc-legend .is-ca::before { background: #7b5ea7; }
.acc-favs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 10px; }
.acc-favs input {
  height: 44px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 15px;
}
.odd.is-on, .up-odd.is-on, .sr-odd.is-on, .acca-odd.is-on {
  outline: 2px solid #0A5E2E;
  background: #fff4ee;
}
.bb-toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%) translateY(16px);
  background: #1a2330;
  color: #fff;
  padding: 12px 18px;
  border-radius: 10px;
  font-weight: 700;
  z-index: 240;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease;
}
.bb-toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }
.bb-slip {
  display: none;
  position: fixed;
  right: 18px;
  bottom: 86px;
  z-index: 170;
  width: 320px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgb(16 24 40 / 18%);
  padding: 14px;
}
.bb-slip.is-on { display: block; }
.bb-slip-h { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.bb-slip-h button { border: 0; background: none; font-size: 22px; cursor: pointer; }
.bb-slip-row {
  display: grid;
  grid-template-columns: 1fr auto 22px;
  gap: 8px;
  align-items: start;
  padding: 8px 0;
  border-bottom: 1px solid #eef1f6;
  font-size: 13px;
}
.bb-slip-row small { display: block; color: #6b7384; }
.bb-slip-row button { border: 0; background: none; cursor: pointer; color: #8b93a2; }
.bb-slip-amts { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.bb-slip-amts button {
  border: 1px solid #d8dee8;
  background: #fff;
  border-radius: 8px;
  height: 34px;
  padding: 0 10px;
  font-weight: 800;
  cursor: pointer;
}
.bb-slip-amts button.is-on { border-color: #37a25c; color: #37a25c; }
.bb-slip input {
  width: 100%;
  height: 40px;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  padding: 0 10px;
  margin-bottom: 8px;
}
.bets-live { display: flex; flex-direction: column; gap: 8px; padding: 0 4px 8px; }
.bets-live-row { display: flex; flex-direction: column; font-size: 13px; }
.bets-live-row small { color: #6b7384; }

/* Casino: Torneios, Mais/Menos premiados, Top 10 Brasil */
.tn-head { margin-top: 4px; }
.tn-row {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 0 28px;
  padding: 2px 2px 10px;
  scroll-snap-type: x mandatory;
}
.tn-row::-webkit-scrollbar { display: none; }
.tn-card {
  flex: 0 0 min(340px, 86vw);
  min-height: 360px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  color: #fff;
  scroll-snap-align: start;
  cursor: pointer;
  background: #121821;
}
.tn-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.tn-body {
  position: relative;
  z-index: 1;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px 14px 14px;
  background: linear-gradient(180deg, rgb(8 10 16 / 8%) 18%, rgb(8 10 16 / 82%) 62%, rgb(8 10 16 / 94%) 100%);
}
.tn-body h3 {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.2px;
}
.tn-time {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #d7dde8;
  margin-bottom: 10px;
}
.tn-time i {
  width: 3px;
  height: 14px;
  border-radius: 2px;
  background: #3dce63;
  display: block;
}
.tn-prize {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: rgb(18 20 28 / 72%);
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 12px;
}
.tn-share {
  border: 0;
  background: none;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
}
.tn-prize-amt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.tn-prize-amt::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #7b5cff url("../assets/img/ico-money-bag.svg") center / 11px no-repeat;
  flex: 0 0 16px;
}
.tn-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 10px;
  font-size: 11px;
  color: #cfd6e2;
  margin-bottom: 12px;
}
.tn-meta.has-min { grid-template-columns: 1.2fr 0.9fr 0.9fr; }
.tn-meta span { display: flex; align-items: center; gap: 6px; line-height: 1.25; }
.tn-meta b { color: #fff; font-weight: 800; margin-left: 2px; }
.tn-join {
  width: 100%;
  height: 46px;
  border: 0;
  border-radius: 10px;
  background: #3dce63;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.6px;
  cursor: pointer;
}
.tn-join:hover { filter: brightness(1.06); }

.awards-stack {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 8px 0 28px;
}
.awards-panel {
  background: #151b26;
  border-radius: 14px;
  padding: 14px 14px 8px;
  overflow: hidden;
}
.awards-head {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-items: start;
  margin-bottom: 8px;
  position: relative;
  min-height: 72px;
  padding-right: 86px;
}
.awards-head h3 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 6px;
}
.awards-info {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #8b93a2;
  color: #8b93a2;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  display: inline-grid;
  place-items: center;
}
.awards-head p {
  margin: 4px 0 0;
  color: #8b93a2;
  font-size: 12px;
  grid-column: 1;
}
.awards-head .pill {
  justify-self: end;
  align-self: start;
}
.awards-hero {
  position: absolute;
  right: -6px;
  top: -18px;
  width: 92px;
  height: 92px;
  object-fit: contain;
  pointer-events: none;
}
#torneios, #top-10-brasil, #mais-premiados { scroll-margin-top: calc(var(--header-h) + 8px); }
.awards-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  padding: 8px 0;
  border-top: 1px solid #232b38;
  cursor: pointer;
}
.awards-row img {
  width: 56px;
  height: 40px;
  object-fit: cover;
  border-radius: 6px;
  flex: 0 0 56px;
  background: #0e1320;
}
.awards-copy { flex: 1 1 auto; min-width: 0; }
.awards-name {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.awards-prov {
  display: block;
  color: #8b93a2;
  font-size: 11px;
  margin-top: 1px;
}
.awards-pct {
  margin-left: auto;
  font-weight: 800;
  font-size: 13px;
  white-space: nowrap;
  color: #8ab4ff;
}
.awards-pct.hot { color: var(--orange); }
.awards-more {
  width: 22px;
  flex: 0 0 22px;
  color: #6b7384;
  font-size: 18px;
  line-height: 1;
  text-align: center;
}

.top10-row {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 0 28px;
  padding: 12px 8px 16px 4px;
}
.top10-row::-webkit-scrollbar { display: none; }
.top10-item {
  flex: 0 0 168px;
  position: relative;
  padding-left: 34px;
  margin: 0;
}
.top10-num {
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 2;
  font-family: "Roboto Flex", "Ubuntu Sans", sans-serif;
  font-size: 78px;
  font-weight: 900;
  line-height: 0.78;
  letter-spacing: -6px;
  color: #12161e;
  -webkit-text-stroke: 1.6px #fff;
  paint-order: stroke fill;
  pointer-events: none;
  text-shadow: 0 6px 12px rgb(0 0 0 / 45%);
}
.top10-item .thumb-art {
  aspect-ratio: 4 / 3;
  border-radius: 10px;
}
.top10-more {
  position: absolute;
  top: 4px;
  right: 6px;
  z-index: 4;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  text-shadow: 0 1px 4px #000;
  pointer-events: none;
}
.top10-item figcaption {
  padding-left: 2px;
}

@media (max-width: 1100px) {
  .awards-stack { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
  .tn-card, .tn-body { min-height: 340px; }
  .tn-card { flex-basis: min(320px, 88vw); }
  .tn-meta.has-min { grid-template-columns: 1fr 1fr; }
  .tn-meta.has-min .tn-min { grid-column: 1 / -1; }
  .awards-stack { grid-template-columns: 1fr; gap: 12px; }
  .top10-item { flex: 0 0 158px; padding-left: 30px; }
  .top10-num { font-size: 70px; }
}

/* Casino lobby: promo banners + category/filter chips */
.cas-lobby-top { margin: 0 0 14px; overflow: hidden; }
.cas-promo {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 0 12px 4px;
  margin: 0 -12px 12px;
  cursor: grab;
}
.cas-promo::-webkit-scrollbar { display: none; }
.cas-promo-card {
  flex: 0 0 103px;
  width: 103px;
  height: 144px;
  aspect-ratio: auto;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  background: #121821;
  color: #fff;
  text-decoration: none;
  display: block;
}
.cas-promo-card.is-wide {
  flex: 0 0 214px;
  width: 214px;
  height: 144px;
}
.cas-promo-card > img,
.cas-promo-card > .cas-promo-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  display: block;
  pointer-events: none;
}
.cas-promo-card .cas-promo-copy {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 8px;
  background: linear-gradient(180deg, transparent 50%, rgb(0 0 0 / 72%) 100%);
  pointer-events: none;
}
.cas-promo-badge {
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px;
  object-fit: cover !important;
  margin: 0 0 0 auto !important;
  position: static !important;
  inset: auto !important;
  filter: none !important;
  background: #1c2026;
  border: 1px solid rgba(255,255,255,.18);
}
.cas-promo-copy img {
  position: static !important;
  inset: auto !important;
  width: 24px !important;
  height: 24px !important;
  object-fit: cover !important;
  margin: 0 0 0 auto;
  filter: none;
}
.cas-promo-kicker {
  display: none;
}
.cas-promo-copy strong {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.2px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cas-promo-card.is-clube .cas-promo-copy {
  justify-content: space-between;
  align-items: stretch;
  text-align: left;
  background: linear-gradient(180deg, transparent 50%, rgb(0 0 0 / 72%) 100%);
}
.cas-promo-card.is-clube strong { font-size: 12px; }
.cas-promo-card.is-clube em { color: inherit; font-style: normal; }
.cas-promo-card.is-clube small { display: none; }

.cas-cats,
.cas-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 2px 2px 8px;
  margin: 0 0 6px;
}
.cas-cats::-webkit-scrollbar,
.cas-filters::-webkit-scrollbar { display: none; }
.cas-chip,
.cas-coin,
.cas-filter,
.cas-filter-ico {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 38px;
  padding: 0 14px 0 10px;
  border-radius: 999px;
  background: #243044;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}
.cas-chip img,
.cas-filter img {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  object-fit: contain;
  display: block;
}
.cas-coin,
.cas-filter-ico {
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 50%;
}
.cas-coin img {
  width: 22px;
  height: 22px;
  display: block;
}
.cas-filter,
.cas-filter-ico {
  background: transparent;
  border: 1.5px solid #d7dde8;
  color: #fff;
}
.cas-filter-ico svg,
.cas-filter svg { width: 16px; height: 16px; display: block; }

@media (max-width: 1100px) {
  .cas-promo-card { flex-basis: 103px; }
}
@media (max-width: 980px) {
  .cas-promo { margin-left: -12px; margin-right: -12px; }
  .cas-promo-card { flex: 0 0 103px; }
  .cas-promo-card.is-wide { flex: 0 0 214px; }
  body.theme-casino .m-chips { display: none !important; }
}
@media (max-width: 980px) {
  .acc-split, .acc-pnl-cards, .acc-tx { grid-template-columns: 1fr; }
  .acc-tx { grid-template-columns: 44px 1fr auto; }
  .acc-tx-meta { grid-column: 1 / -1; }
}

.acc-mbar { display: none; }

html, body {
  max-width: 100%;
  overflow-x: clip;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.shell, .main, .live-keep, .acc-main, .acc-body, .acc-overview {
  min-width: 0;
}
img, svg, video { max-width: 100%; }
body.acc-open {
  overflow: hidden;
  padding-bottom: 0;
}
body.acc-open .tabbar,
body.acc-open .back-top {
  display: none !important;
}
.acc-app.open {
  height: 100%;
  height: 100dvh;
  max-height: 100dvh;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 1100px) {
  .acc-app.open { grid-template-columns: 220px minmax(0, 1fr) 180px; }
  .acc-body { padding: 10px 18px 28px; }
  .acc-hero { min-height: 240px; padding: 20px 18px 14px; }
  .acc-tx { grid-template-columns: 40px minmax(0, 1fr) auto 16px; }
  .acc-tx-meta { grid-column: 1 / -1; }
}

@media (max-width: 860px) {
  .acc-app.open {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
  }
  .acc-main {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .acc-top {
    display: flex;
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    z-index: 8;
    padding: max(8px, env(safe-area-inset-top, 0px)) 8px 8px 6px;
    background: #fff;
    border-bottom: 1px solid #e8edf3;
  }
  .acc-top-title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .acc-burger, .acc-x, .acc-top .acc-rail-help {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }
  .acc-mbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex: 0 0 auto;
    padding: 8px 14px;
    background: #f2f4f7;
  }
  .acc-mbar-bal {
    border: 0;
    background: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    min-width: 0;
    flex: 1 1 auto;
    font-family: inherit;
    cursor: pointer;
    color: #0f172a;
  }
  .acc-mbar-bal b {
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .acc-mbar-bal svg { width: 14px; height: 14px; flex: 0 0 14px; }
  .acc-mbar-dep {
    height: 36px;
    min-width: 110px;
    margin: 0;
    padding: 0 14px;
    font-size: 13px;
  }
  .acc-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px 14px 24px;
    overscroll-behavior: contain;
  }
  .acc-hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 16px 14px 14px;
    gap: 12px;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
  .acc-hero-copy { margin-right: 40px; }
  .acc-hi { font-size: 22px; }
  .acc-hero-right { width: 100%; }
  .acc-walletbox { box-shadow: 0 8px 22px rgb(16 24 40 / 10%); }
  .acc-walletbox-val strong { font-size: 26px; word-break: break-word; }
  .acc-hello-btns { width: 100%; }
  .acc-hello-btns .acc-btn { height: 46px; font-size: 14px; }
  .acc-two, .acc-grid, .acc-hello, .acc-split, .acc-pnl-cards {
    grid-template-columns: 1fr;
  }
  .acc-overview .acc-panel {
    min-width: 0;
  }
  .acc-panel .acc-last-row,
  .acc-empty.acc-empty-bets,
  .acc-empty.acc-empty-dep {
    min-width: 0;
  }
  .acc-dep-art, .acc-balls {
    max-width: 42%;
    height: auto;
  }
  .acc-panel .acc-last-row .acc-dep-art {
    width: 92px;
    flex: 0 0 92px;
    max-width: 92px;
    height: 86px;
  }
  .acc-last-box { padding: 12px 40px 12px 12px; }
  .acc-last-box b { font-size: 14px; }
  .acc-methods { max-width: none; }
  .acc-method {
    min-height: 64px;
    padding: 14px 12px;
  }
  .acc-pay-ico:has(.bank-logo) {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    padding: 0;
    border-radius: 9px;
  }
  .acc-method span { min-width: 0; }
  .acc-method b, .acc-method small {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .acc-pay, .acc-deposit { max-width: none; width: 100%; min-width: 0; }
  .acc-app.is-saque .acc-pay,
  .acc-app.is-saque .acc-deposit,
  .acc-app.is-saque .acc-methods,
  .acc-app.is-saque .acc-fee-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .acc-app.is-saque .acc-pay input,
  .acc-app.is-saque .acc-amt-wrap,
  .acc-app.is-saque .acc-pay .acc-btn {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .acc-app.is-saque .acc-pay .dep-amts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .acc-app.is-saque .acc-pay .dep-amts button {
    min-width: 0;
    font-size: 13px;
    padding: 0 6px;
  }
  .acc-app.is-saque .acc-pixkinds button {
    min-width: 0;
    font-size: 13px;
    padding: 0 8px;
  }
  .acc-app.is-saque .acc-amt-wrap input { font-size: 16px !important; }
  .acc-tools {
    flex-wrap: wrap;
  }
  .acc-tools input, .acc-tools select {
    min-width: 0;
    flex: 1 1 160px;
  }
  .acc-tx {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 12px;
  }
  .acc-tx-main { min-width: 0; }
  .acc-tx-main b, .acc-tx-main small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .acc-tx-meta {
    grid-column: 1 / -1;
    font-size: 11px;
  }
  .acc-tx strong { font-size: 14px; }
  .acc-pnl-chart { overflow-x: auto; }
  .acc-svg { min-width: 280px; width: 100%; height: auto; }
  .acc-sec-h {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: baseline;
  }
  .acc-sec-h small { font-size: 11px; white-space: nowrap; }
  .acc-fee-val { font-size: 28px; }
  .acc-fee-banner { max-width: none; }
  .acc-cancel {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    font-weight: 700;
    color: #0f172a;
  }

  .acc-app.is-ov .acc-rail {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
    gap: 4px;
    order: 3;
    flex: 0 0 auto;
    width: 100%;
    padding: 10px 6px max(14px, env(safe-area-inset-bottom, 0px));
    background: #fff;
    border: 0;
    overflow: visible;
  }
  .acc-app.is-ov .acc-rail-top,
  .acc-app.is-ov .acc-rail .acc-help-pop,
  .acc-app.is-ov .acc-rail .acc-balcard,
  .acc-app.is-ov .acc-rail .acc-last { display: none; }
  .acc-app.is-ov .acc-shortcut {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    font-size: 10px;
    line-height: 1.15;
    gap: 6px;
    padding: 0 2px;
  }
  .acc-app.is-ov .acc-shortcut span:last-child {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .acc-app.is-ov .acc-sc-ico {
    width: 52px;
    height: 52px;
    margin: 0 auto;
  }
  .acc-app.is-ov .acc-sc-ico svg { width: 24px; height: 24px; }

  .acc-app:not(.is-ov) .acc-rail {
    display: none;
  }
  .acc-app.is-dep .acc-rail {
    display: flex !important;
    flex-direction: column;
    order: 3;
    flex: 0 0 auto;
    width: 100%;
    gap: 8px;
    padding: 0 0 max(10px, env(safe-area-inset-bottom, 0px));
    background: #d7e0ec;
    border: 0;
    overflow: visible;
  }
  .acc-app.is-dep .acc-rail-top,
  .acc-app.is-dep .acc-rail .acc-help-pop,
  .acc-app.is-dep .acc-rail .acc-balcard,
  .acc-app.is-dep .acc-rail .acc-shortcut { display: none; }
  .acc-app.is-dep .acc-last {
    margin: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 10px 14px 0;
  }
  .acc-app.is-dep .acc-last h4 { font-size: 13px; margin: 0 0 8px; }
  .acc-app.is-dep .acc-repeat {
    width: calc(100% - 28px);
    margin: 0 14px 8px;
    height: 48px;
  }

  .sport-cats, .lv-mkts, .m-chips {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .sport-cats::-webkit-scrollbar, .lv-mkts::-webkit-scrollbar { display: none; }
  .live-card, .lc-team { min-width: 0; }
  .lc-team .nm {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 380px) {
  .acc-hi { font-size: 18px; }
  .acc-walletbox-val strong { font-size: 22px; }
  .acc-hello-btns .acc-btn { font-size: 12px; height: 42px; }
  .acc-app.is-ov .acc-sc-ico { width: 46px; height: 46px; }
  .hdr-deposit, .acc-mbar-dep { min-width: 96px; font-size: 11px; }
  .acc-last-box b { font-size: 13px; }
  .acc-mbar-bal b { font-size: 14px; }
  .acc-app.is-saque .acc-pay .dep-amts { grid-template-columns: 1fr 1fr; }
}

/* Betão Bet Brasil — layout bandeira (somente visual, global) */
[data-kds-brand="betano"] {
  --kds-global-color-orange-10: #fff6b3;
  --kds-global-color-orange-15: #ffe94d;
  --kds-global-color-orange-20: #FBD900;
  --kds-global-color-orange-25: #FBD900;
  --kds-global-color-orange-30: #0A5E2E;
  --kds-global-color-orange-35: #00398A;
  --kds-global-color-orange-40: #002d6b;
  --kds-global-color-orange-45: #001f4d;
  --kds-global-color-orange-50: #fff9cc;
}

.site-header,
.site-header.is-scrolled,
.site-header.is-in,
body.theme-casino .site-header {
  background:
    repeating-linear-gradient(
      -52deg,
      #0A5E2E 0,
      #0A5E2E 32px,
      #084A24 32px,
      #084A24 64px,
      #06381c 64px,
      #06381c 96px
    ) !important;
  color: #fff;
  box-shadow: 0 2px 14px rgb(0 0 0 / 22%);
}
.site-header.is-scrolled {
  backdrop-filter: blur(6px);
}

.site-header .logo img.logo-full,
.logo img.logo-full {
  filter: none !important;
  height: 28px !important;
  width: auto !important;
  max-width: none !important;
}

.site-header .logo img.b-mark,
.logo img.b-mark {
  filter: none !important;
  height: 34px !important;
  width: auto !important;
  display: none !important;
}
.logo img.logo-full {
  display: block !important;
}
@media (max-width: 900px) {
  .site-header .logo img.b-mark,
  .logo img.b-mark,
  .logo > img:only-child {
    display: block !important;
    height: 38px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 28px;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 22%)) !important;
  }
  .logo img.logo-full {
    display: none !important;
  }
}

.site-header .btn-ghost {
  background: transparent !important;
  border: 2px solid #FBD900 !important;
  color: #FBD900 !important;
}
.site-header .btn-ghost:hover {
  background: rgb(251 217 0 / 14%) !important;
}

.site-header .btn-enter:not(.hdr-deposit) {
  background: #00398A !important;
  border: 2px solid #5b8fd4 !important;
  color: #fff !important;
}
.site-header .btn-enter:not(.hdr-deposit):hover {
  background: #002d6b !important;
}

.site-header .hdr-deposit,
.acc-mbar-dep {
  background: #FBD900 !important;
  border: 2px solid #FBD900 !important;
  color: #00398A !important;
  font-weight: 800;
}

.sponsored img,
.tourney-tile .sponsored img,
.tourney-tile .sponsored svg.spon-word {
  height: 12px;
  width: auto;
  max-width: 72px;
  object-fit: contain;
  display: block;
}

.xsell-tile.is-orange {
  background: linear-gradient(160deg, #0A5E2E 0%, #084A24 55%, #00398A 100%) !important;
}
.xsell-tile.is-orange::after {
  background: linear-gradient(180deg, transparent 0%, #00398A 88%) !important;
}

.mg-tile.c,
.mg-tile.bc,
.bod-cta.orange,
.tabbar a.is-on .tab-ico,
.offer-row .thumb:not(.ico),
.badge-new {
  background: #0A5E2E !important;
}

.rank .pct,
.awards-pct.hot {
  color: #0A5E2E !important;
}

@media (max-width: 900px) {
  .tabbar {
    border-top-color: #084A24;
  }
  .tabbar a.is-on {
    color: #FBD900 !important;
  }
  .tabbar a.is-on .tab-ico {
    background: #0A5E2E !important;
    color: #FBD900 !important;
    border-radius: 50%;
    filter: none !important;
  }
  body.theme-sports .tabbar a.is-on,
  body.is-live-view.theme-sports .tabbar a.is-on {
    color: #FBD900 !important;
  }
}

/* Escolhas principais — intocada (cards/br/roxo originais) */
.pick-row,
.pick-row .pick-card,
.pick-card .boost,
.pick-card .pick-odd {
  /* sem override de cor */
}

/* Botão cupom flutuante + cassino chip */
.slip-fab .slip-in {
  background: #0A5E2E !important;
  border: 2px solid #FBD900 !important;
}
.slip-fab .n {
  background: #FBD900 !important;
  color: #00398A !important;
}
body.is-live-view.theme-sports .tabbar a.is-on .tab-ico {
  background: #0A5E2E !important;
  color: #FBD900 !important;
}

body.theme-sports .tabbar .tab-casino-fab .tab-ico img,
body.theme-sports .tabbar .tab-casino-fab .tab-ico svg {
  filter: none !important;
}

/* Cassino / ao vivo / crash: capas e banners no tamanho da casa (sem mexer no grid) */
body.theme-casino .game-grid {
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
  max-width: 100%;
}
body.theme-casino .game-grid .game-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
body.theme-casino .game-grid .thumb-art {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}
body.theme-casino .game-grid.grid-branded .thumb-art {
  aspect-ratio: 1;
}
body.theme-casino .game-grid .thumb-art img,
body.theme-casino .top10-item .thumb-art img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center center;
}
#jogos-exclusivos + .game-grid .thumb-art img {
  object-fit: cover;
  object-position: center center;
}
body.theme-casino .top10-item .thumb-art {
  width: 100%;
  overflow: hidden;
}
body.theme-casino .game-grid .game-card figcaption,
body.theme-casino .top10-item figcaption {
  width: 100%;
  max-width: 100%;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #c5ccd8;
  white-space: normal;
  overflow: hidden;
  text-overflow: unset;
  word-break: break-word;
}
body.theme-casino .thumb-art .badge,
body.theme-casino .thumb-art .badge-new {
  display: none !important;
}
body.theme-casino .crash-pick img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center center;
  max-width: none;
}
body.theme-casino .crash-stage-video,
body.theme-casino .cat-banner-bg,
body.theme-casino .hero-banner img,
body.theme-casino .cas-promo-card > img,
body.theme-casino .cas-promo-card > .cas-promo-img,
body.theme-casino .jp-bg,
body.theme-casino .jp-thumb img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}
body.theme-casino .provider-card img,
body.theme-casino .collection-card img {
  width: auto;
  max-width: 86%;
  height: 58px;
  object-fit: contain;
  object-position: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 820px) {
  body.theme-casino .game-grid .game-card figcaption,
  body.theme-casino .top10-item figcaption {
    font-size: 13px;
    margin-top: 8px;
  }
  body.theme-casino .provider-card img,
  body.theme-casino .collection-card img {
    height: 52px;
  }
}

body.theme-casino .main {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
body.theme-casino .game-grid .game-card {
  width: auto;
  max-width: none;
  min-width: 0;
}
@media (max-width: 820px) {
  body.theme-casino .main {
    padding-left: 12px;
    padding-right: 12px;
  }
  body.theme-casino .game-grid {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  body.theme-casino .crash-picks {
    width: 100%;
    box-sizing: border-box;
  }
  body.theme-casino .tn-row {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
}
body.theme-casino:has(.main-nav a.is-active[href*="casino/live"]) .thumb-art > .badge-new {
  display: none !important;
}
body.theme-casino:has(.main-nav a.is-active[href*="casino/live"]) .game-card figcaption {
  display: none !important;
}

body.theme-casino .cas-promo {
  gap: 16px;
  max-width: 100%;
}
body.theme-casino .cas-promo-card {
  aspect-ratio: auto;
  overflow: hidden;
}
body.theme-casino .cas-promo-card > img,
body.theme-casino .cas-promo-card > .cas-promo-img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center center;
}
@media (max-width: 980px) {
  body.theme-casino .cas-promo-card {
    flex: 0 0 103px;
  }
  body.theme-casino .cas-promo-card.is-wide {
    flex: 0 0 214px;
  }
}
body.theme-casino .tn-row {
  gap: 16px;
}
body.theme-casino .tn-card {
  flex: 0 0 296px;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #121821;
}
body.theme-casino .tn-bg {
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center center;
  flex: 0 0 auto;
  max-width: none;
}
body.theme-casino .tn-body {
  position: relative;
  z-index: 1;
  min-height: 0;
  flex: 1 1 auto;
  justify-content: flex-start;
  padding: 12px 14px 14px;
  background: #121821;
}
body.theme-casino .tn-body h3 {
  font-size: 20px;
  line-height: 1.15;
}
body.theme-casino .tn-prize {
  background: none;
  padding: 0;
  border-radius: 0;
  margin-bottom: 12px;
}
body.theme-casino .tn-prize-amt {
  background: rgb(18 20 28 / 86%);
  border-radius: 999px;
  padding: 6px 10px;
}
body.theme-casino .tn-join {
  border-radius: 999px;
}
body.theme-casino .tn-meta {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  font-size: 11px;
  line-height: 1.3;
}
body.theme-casino .tn-meta.has-min {
  grid-template-columns: 1fr 1fr;
}
body.theme-casino .tn-meta span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  column-gap: 6px;
  row-gap: 2px;
  min-width: 0;
  word-break: normal;
  overflow: visible;
}
body.theme-casino .tn-meta span svg {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  margin-top: 0;
}
body.theme-casino .tn-meta b {
  flex: 1 0 100%;
  width: 100%;
  margin-left: 0;
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  word-break: normal;
  overflow-wrap: break-word;
}
body.theme-casino .tn-body h3,
body.theme-casino .tn-time {
  max-width: 100%;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
}
body.theme-casino .tn-prize,
body.theme-casino .tn-prize-amt {
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 980px) {
  body.theme-casino .tn-card,
  body.theme-casino .tn-body {
    min-height: 0;
  }
  body.theme-casino .tn-card {
    flex-basis: 296px;
  }
}

@media (max-width: 820px) {
  .xsell-tile {
    flex: 0 0 92px;
    width: 92px;
    height: 152px;
    border-radius: 14px;
  }
  .xsell-tile.is-wide {
    flex: 0 0 188px;
    width: 188px;
  }
  .stories-track { gap: 10px; }
  .xsell-label { font-size: 11px; }
  body.theme-casino .game-grid.grid-branded {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px;
  }
  body.theme-casino .game-grid.grid-branded .thumb-art {
    aspect-ratio: 1;
    border-radius: 12px;
  }
  body.theme-casino .game-grid .thumb-art {
    border-radius: 12px;
  }
  body.theme-casino .game-grid {
    gap: 16px;
  }
  body.theme-casino .tn-row {
    gap: 12px;
  }
  body.theme-casino .cas-promo {
    gap: 12px;
  }
}

/* HIDE CASINO OVERLAY LABELS */
body.theme-casino .game-badges,
body.theme-casino .game-badges .badge,
body.theme-casino .badge-excl,
body.theme-casino .badge-bonus,
body.theme-casino .thumb-art .badge,
body.theme-casino .thumb-art .badge-new {
  display: none !important;
}