:root {
  --navy: #070b20;
  --navy-soft: #0e1433;
  --gold: #e9b84a;
  --gold-light: #ffe09a;
  --orange: #e96f27;
  --ivory: #f7f4ed;
  --white: #ffffff;
  --ink: #101428;
  --muted: #686c7a;
  --line: #d9d5cc;
  --green: #20bd70;
  --shadow: 0 28px 70px rgba(3, 7, 27, .22);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body { margin: 0; overflow-x: hidden; background: var(--ivory); color: var(--ink); font-family: "DM Sans", sans-serif; letter-spacing: 0; }
button, a { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: "Manrope", sans-serif; letter-spacing: 0; }
h1 em, h2 em { color: var(--gold); font-style: normal; }

html:not(.age-verified) body { overflow: hidden; }
.age-verified .age-gate { display: none; }
.age-gate {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow-y: auto;
  background:
    linear-gradient(rgba(2, 4, 15, .88), rgba(2, 4, 15, .94)),
    url("assets/grupo-3k-hero-premium.png") center / cover no-repeat;
  backdrop-filter: blur(14px);
}

.age-gate-panel {
  width: min(620px, 100%);
  min-height: 600px;
  display: grid;
  align-items: center;
  padding: 38px 54px 42px;
  color: var(--ink);
  text-align: center;
  background: #fff;
  border: 1px solid rgba(233, 184, 74, .72);
  border-radius: 8px;
  box-shadow: 0 35px 90px rgba(0, 0, 0, .55), inset 0 0 0 4px rgba(233, 184, 74, .08);
}

.age-gate-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--navy);
  text-align: left;
}

.age-gate-brand span:last-child { display: grid; gap: 3px; }
.age-gate-brand small {
  color: #9b6a0a;
  font: 800 8px/1 "Manrope", sans-serif;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.age-gate-brand strong { font: 800 14px/1.2 "Manrope", sans-serif; }
.age-gate-logo {
  width: 54px;
  height: 54px;
  overflow: hidden;
  position: relative;
  flex: 0 0 54px;
  border: 1px solid #d19a2a;
  border-radius: 50%;
  background: var(--navy);
  box-shadow: 0 8px 20px rgba(7, 11, 32, .28);
}
.age-gate-logo img { position: absolute; width: 116%; max-width: none; top: -30%; left: -8%; }

.age-gate-badge {
  width: 154px;
  height: 154px;
  margin: 0 auto 24px;
  border: 8px solid var(--navy);
  border-radius: 50%;
  display: grid;
  place-content: center;
  color: var(--navy);
  background: linear-gradient(145deg, #fff 15%, #eef1f8);
  box-shadow: 0 17px 30px rgba(7, 11, 32, .22), inset 0 0 0 4px #fff, 0 0 0 3px var(--gold);
}
.age-gate-badge small {
  font: 800 9px/1.1 "Manrope", sans-serif;
  letter-spacing: 1px;
}
.age-gate-badge strong {
  margin: 5px 0;
  color: #1670bc;
  font: 800 48px/.9 "Manrope", sans-serif;
}
.age-gate-badge.denied { width: 130px; height: 130px; }
.age-gate-badge.denied strong { margin: 0; }
.age-gate-eyebrow {
  margin-bottom: 9px;
  color: #a16f0d;
  font: 800 10px/1 "Manrope", sans-serif;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.age-gate h1,
.age-gate h2 {
  margin-bottom: 14px;
  color: var(--navy);
  font-size: 34px;
  line-height: 1.1;
}
.age-gate-question {
  margin-bottom: 25px;
  color: #44495a;
  font-size: 20px;
}
.age-gate-actions {
  display: grid;
  grid-template-columns: 1fr 120px;
  gap: 12px;
  margin-bottom: 20px;
}
.age-gate-actions button,
.age-gate-denied a {
  min-height: 52px;
  border-radius: 4px;
  font-weight: 800;
  transition: transform .2s, box-shadow .2s, background .2s;
}
.age-gate-actions button:hover,
.age-gate-denied a:hover { transform: translateY(-2px); }
.age-gate-yes {
  border: 1px solid #d49920;
  color: #080b1c;
  background: linear-gradient(#ffdf7e, #e9ad2c);
  box-shadow: 0 8px 0 #a96e09, 0 15px 28px rgba(186, 126, 13, .25);
}
.age-gate-no { border: 1px solid #c7c9d1; color: #464b5b; background: #fff; }
.age-gate-legal { display: block; color: #777b88; font-size: 11px; line-height: 1.5; }
.age-gate-denied p:not(.age-gate-eyebrow) { color: #5f6473; }
.age-gate-denied a {
  width: min(260px, 100%);
  margin: 22px auto 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c7c9d1;
  color: var(--navy);
}

@media (max-width: 600px) {
  .age-gate { padding: 12px; }
  .age-gate-panel { min-height: 0; padding: 26px 22px 30px; }
  .age-gate-brand { margin-bottom: 15px; }
  .age-gate-badge { width: 126px; height: 126px; margin-bottom: 20px; border-width: 6px; }
  .age-gate-badge strong { font-size: 40px; }
  .age-gate h1, .age-gate h2 { font-size: 27px; }
  .age-gate-question { margin-bottom: 20px; font-size: 18px; }
  .age-gate-actions { grid-template-columns: 1fr; }
  .age-gate-actions button { width: 100%; }
}

.topline {
  height: 32px;
  background: #02040d;
  color: #8f94a9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 max(24px, calc((100vw - 1280px) / 2));
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.topline span { display: flex; align-items: center; gap: 6px; }
.topline svg { width: 12px; color: var(--gold); }
.topline p { margin: 0; }
.topline b { color: var(--gold); margin: 0 8px; }

.header {
  height: 72px;
  padding: 0 max(24px, calc((100vw - 1280px) / 2));
  background: rgba(7, 11, 32, .97);
  color: var(--white);
  border-bottom: 1px solid rgba(255,255,255,.09);
  display: flex;
  align-items: center;
  gap: 30px;
  position: sticky;
  top: 0;
  z-index: 30;
  backdrop-filter: blur(16px);
}

.brand { display: flex; align-items: center; gap: 13px; flex: 0 0 auto; }
.brand-medallion {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(233,184,74,.75);
  background: #171c3b;
  box-shadow: inset 0 0 0 2px #090d25, 0 5px 14px rgba(0,0,0,.3);
  isolation: isolate;
  animation: medallion-aura 4.6s ease-in-out infinite;
}

.brand-medallion img {
  position: absolute;
  width: 116%;
  max-width: none;
  left: -8%;
  top: -30%;
  z-index: 1;
  animation: logo-breathe 4.6s ease-in-out infinite;
}

.brand-medallion::after,
.mobile-medallion::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -28%;
  bottom: -28%;
  left: -42%;
  width: 18%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), rgba(255,255,255,.92), rgba(255,231,160,.48), transparent);
  filter: blur(2px);
  transform: skewX(-17deg);
  mix-blend-mode: screen;
  pointer-events: none;
  animation: logo-reflection 4.8s cubic-bezier(.55,.1,.35,1) infinite;
}

.brand-name strong, .brand-name small { display: block; }
.brand-name strong { font: 800 16px/1 "Manrope", sans-serif; letter-spacing: .5px; }
.brand-name strong em { color: var(--gold); font-style: normal; }
.brand-name small { margin-top: 5px; color: var(--gold); font: 700 8px/1 "Manrope", sans-serif; letter-spacing: 3px; }
.header nav { margin-left: auto; display: flex; align-items: center; gap: 32px; }
.header nav a { position: relative; color: #c5c8d5; font-size: 11px; font-weight: 600; }
.header nav a::after { content: ""; position: absolute; left: 0; bottom: -10px; width: 0; height: 2px; background: var(--gold); transition: width .25s; }
.header nav a:hover::after { width: 100%; }

.whatsapp-btn, .primary-btn, .outline-btn, .gold-btn {
  min-height: 43px;
  padding: 0 18px;
  border-radius: 4px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-weight: 700;
  font-size: 11px;
  transition: transform .2s, box-shadow .2s, background .2s;
}

.whatsapp-btn:hover, .primary-btn:hover, .outline-btn:hover, .gold-btn:hover { transform: translateY(-2px); }
.whatsapp-btn { background: var(--green); color: #fff; box-shadow: 0 12px 30px rgba(32,189,112,.2); }
.whatsapp-btn svg, .primary-btn svg, .outline-btn svg, .gold-btn svg { width: 16px; }
.whatsapp-mark {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  border: 2px solid rgba(255,255,255,.92);
  box-shadow: 0 5px 12px rgba(0,0,0,.38), 0 0 0 2px rgba(233,184,74,.26), 0 0 20px rgba(32,189,112,.34);
  transition: transform .22s, filter .22s;
  animation: whatsapp-alive 3.2s ease-in-out infinite;
}
.whatsapp-action:hover .whatsapp-mark { transform: rotate(-4deg) scale(1.09); filter: brightness(1.12) saturate(1.08); }
.menu-btn { display: none; width: 43px; height: 43px; border: 1px solid rgba(255,255,255,.16); color: #fff; background: transparent; border-radius: 4px; place-items: center; }

@keyframes medallion-aura {
  0%, 100% { box-shadow: inset 0 0 0 2px #090d25, 0 5px 14px rgba(0,0,0,.3), 0 0 10px rgba(233,184,74,.12); }
  50% { box-shadow: inset 0 0 0 2px #090d25, 0 7px 18px rgba(0,0,0,.36), 0 0 24px rgba(255,190,52,.42); }
}

@keyframes logo-breathe {
  0%, 100% { filter: brightness(1) saturate(1); transform: scale(1); }
  50% { filter: brightness(1.13) saturate(1.08); transform: scale(1.025); }
}

@keyframes logo-reflection {
  0%, 48% { left: -42%; opacity: 0; }
  56% { opacity: .95; }
  72% { left: 126%; opacity: 0; }
  100% { left: 126%; opacity: 0; }
}

@keyframes whatsapp-alive {
  0%, 100% { filter: brightness(1) saturate(1); box-shadow: 0 5px 12px rgba(0,0,0,.38), 0 0 0 2px rgba(233,184,74,.26), 0 0 16px rgba(32,189,112,.3); }
  50% { filter: brightness(1.16) saturate(1.12); box-shadow: 0 7px 16px rgba(0,0,0,.42), 0 0 0 3px rgba(255,207,80,.34), 0 0 29px rgba(39,229,126,.66); }
}

@keyframes mobile-logo-aura {
  0%, 100% { filter: drop-shadow(0 32px 35px rgba(0,0,0,.48)) drop-shadow(0 0 5px rgba(233,184,74,.12)); }
  50% { filter: drop-shadow(0 36px 38px rgba(0,0,0,.52)) drop-shadow(0 0 24px rgba(255,185,42,.4)); }
}

.jackpot-ticker {
  height: 50px;
  position: relative;
  z-index: 12;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: stretch;
  color: #fff;
  background: #030617;
  border-bottom: 1px solid rgba(233,184,74,.24);
  box-shadow: 0 10px 28px rgba(0,0,0,.26);
}

.ticker-label {
  min-width: 174px;
  padding: 0 19px 0 max(24px, calc((100vw - 1280px) / 2));
  display: flex;
  align-items: center;
  gap: 7px;
  background: #0c112d;
  border-right: 1px solid rgba(255,255,255,.1);
  white-space: nowrap;
}

.ticker-label > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #24d17e;
  box-shadow: 0 0 0 4px rgba(36,209,126,.1), 0 0 13px rgba(36,209,126,.75);
  animation: live-pulse 1.8s ease-in-out infinite;
}

.ticker-label svg { width: 14px; color: var(--gold); }
.ticker-label strong { font: 800 9px "Manrope", sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.ticker-label small { color: var(--gold); font-size: 7px; font-weight: 800; letter-spacing: 1px; }
.ticker-viewport { min-width: 0; overflow: hidden; position: relative; }
.ticker-viewport::before, .ticker-viewport::after { content: ""; position: absolute; z-index: 3; top: 0; bottom: 0; width: 38px; pointer-events: none; }
.ticker-viewport::before { left: 0; background: linear-gradient(90deg, #030617, transparent); }
.ticker-viewport::after { right: 0; background: linear-gradient(270deg, #030617, transparent); }

.ticker-track {
  width: max-content;
  min-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  will-change: transform;
}

.ticker-track.is-running { animation: jackpot-scroll var(--ticker-duration, 42s) linear infinite; }
.ticker-track.is-running:hover { animation-play-state: paused; }
.ticker-group { height: 100%; padding-right: 36px; display: flex; align-items: center; gap: 36px; flex: 0 0 auto; }
.ticker-loading { padding-left: 30px; display: flex; align-items: center; gap: 9px; color: #777d94; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.ticker-loading span { width: 12px; height: 12px; border: 2px solid rgba(233,184,74,.2); border-top-color: var(--gold); border-radius: 50%; animation: ticker-spin .8s linear infinite; }

.ticker-game {
  --ticker-color: var(--gold);
  height: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  position: relative;
}

.ticker-game::after { content: ""; width: 1px; height: 18px; margin-left: 27px; background: rgba(255,255,255,.12); }
.ticker-game > i { width: 8px; height: 8px; border-radius: 50%; background: var(--ticker-color); box-shadow: 0 0 12px color-mix(in srgb, var(--ticker-color) 70%, transparent); }
.ticker-game strong { font: 800 10px "Manrope", sans-serif; text-transform: uppercase; }
.ticker-game em { color: #ff6f75; font-size: 7px; font-style: normal; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }
.ticker-game b { color: var(--ticker-color); font: 800 13px "Manrope", sans-serif; }
.ticker-game small { color: #777d91; font-size: 8px; }
.ticker-game.game-maismilionaria { --ticker-color:#59bfd2; }
.ticker-game.game-megasena { --ticker-color:#35c77c; }
.ticker-game.game-lotofacil { --ticker-color:#db62d3; }
.ticker-game.game-quina { --ticker-color:#8a82e6; }
.ticker-game.game-lotomania { --ticker-color:#ff8c38; }
.ticker-game.game-timemania { --ticker-color:#f4d02d; }
.ticker-game.game-duplasena { --ticker-color:#e94f6f; }
.ticker-game.game-federal { --ticker-color:#5c9cdb; }
.ticker-game.game-diadesorte { --ticker-color:#d99d43; }
.ticker-game.game-supersete { --ticker-color:#b887e2; }
.ticker-game.game-loteca { --ticker-color:#ee4248; }

.ticker-update {
  min-width: 92px;
  padding: 0 max(24px, calc((100vw - 1280px) / 2)) 0 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #676d83;
  background: #030617;
  border-left: 1px solid rgba(255,255,255,.08);
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}

@keyframes jackpot-scroll { to { transform: translateX(-50%); } }
@keyframes ticker-spin { to { transform: rotate(360deg); } }
@keyframes live-pulse { 50% { opacity: .45; transform: scale(.82); } }

.hero {
  height: calc(100svh - 178px);
  min-height: 630px;
  max-height: 820px;
  position: relative;
  overflow: hidden;
  color: var(--white);
  background: #070b20 url("assets/grupo-3k-hero-premium.png") center center / cover no-repeat;
}

.hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4,7,23,.98) 0%, rgba(4,7,23,.9) 38%, rgba(4,7,23,.25) 68%, rgba(4,7,23,.06) 100%);
}

.hero-content {
  width: min(1280px, calc(100% - 48px));
  height: 100%;
  margin: auto;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.hero-kicker { display: flex; align-items: center; gap: 13px; margin-bottom: 23px; }
.hero-kicker span { color: var(--gold); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; }
.hero-kicker b { border-left: 1px solid rgba(255,255,255,.25); padding-left: 13px; color: #8f94a9; font-size: 9px; text-transform: uppercase; letter-spacing: 1.5px; }
.hero h1 { font-size: clamp(49px, 5vw, 76px); line-height: .98; margin: 0 0 25px; font-weight: 800; }
.hero h1 em { display: inline-block; }
.hero-content > p { width: min(530px, 100%); color: #c6c9d4; font-size: 15px; line-height: 1.75; margin-bottom: 30px; }
.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.primary-btn { background: var(--gold); color: #11162c; box-shadow: 0 13px 28px rgba(233,184,74,.2); }
.primary-btn:hover { background: var(--gold-light); }
.outline-btn { color: #fff; border: 1px solid rgba(255,255,255,.3); background: rgba(5,8,25,.4); backdrop-filter: blur(8px); }
.hero-metrics { display: flex; gap: 30px; margin-top: 34px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.15); }
.hero-metrics div { display: flex; align-items: center; gap: 9px; min-width: 105px; }
.hero-metrics strong { color: var(--gold); font: 800 20px/1 "Manrope", sans-serif; }
.hero-metrics span { color: #aeb2c2; font-size: 9px; line-height: 1.4; text-transform: uppercase; letter-spacing: .7px; }
.hero-metrics svg { width: 26px; color: var(--gold); }
.hero-seal { position: absolute; z-index: 3; right: max(24px, calc((100vw - 1280px) / 2)); bottom: 28px; background: rgba(8,12,32,.88); color: #fff; border: 1px solid rgba(233,184,74,.45); padding: 11px 15px; display: flex; align-items: center; gap: 10px; backdrop-filter: blur(12px); }
.hero-seal svg { width: 18px; color: var(--gold); }
.hero-seal small, .hero-seal strong { display: block; }
.hero-seal small { font-size: 7px; color: #9398aa; text-transform: uppercase; letter-spacing: 1px; }
.hero-seal strong { margin-top: 3px; font: 700 12px "Manrope", sans-serif; }
.mobile-medallion { display: none; }

.confidence-bar {
  min-height: 96px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: #fff;
  padding: 0 max(24px, calc((100vw - 1280px) / 2));
  border-bottom: 1px solid var(--line);
}

.confidence-bar > div { display: flex; align-items: center; gap: 13px; padding: 20px; border-right: 1px solid var(--line); }
.confidence-bar > div:first-child { border-left: 1px solid var(--line); }
.confidence-bar svg { width: 22px; color: var(--orange); }
.confidence-bar strong, .confidence-bar small { display: block; }
.confidence-bar strong { font-size: 12px; }
.confidence-bar small { color: var(--muted); font-size: 9px; margin-top: 3px; }

.independencia {
  padding: 105px max(24px, calc((100vw - 1280px) / 2));
  background: #070b20;
  color: #fff;
}

.independencia-intro {
  text-align: center;
  margin-bottom: 38px;
}

.independencia-intro > p {
  margin-bottom: 15px;
  color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.independencia-intro > p svg { width: 14px; fill: var(--gold); }
.independencia-intro > span { color: #9fa4b8; font-size: 12px; }

.title-stars {
  height: 34px;
  margin: 0 auto 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #ffd659;
  filter: drop-shadow(0 5px 4px rgba(0,0,0,.55)) drop-shadow(0 0 9px rgba(255,194,40,.28));
}

.title-stars svg { width: 17px; height: 17px; fill: url("#gold"); }
.title-stars svg:nth-child(3) { width: 31px; height: 31px; fill: #ffd659; }
.title-stars svg:nth-child(2), .title-stars svg:nth-child(4) { width: 21px; height: 21px; fill: #f7bf28; }
.title-stars svg:first-child, .title-stars svg:last-child { width: 13px; height: 13px; fill: #e8a713; }

.independencia-lockup {
  max-width: 980px;
  margin: 0 auto 18px;
  padding: 5px 24px 14px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 19px;
  isolation: isolate;
}

.independencia-lockup::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: -15%;
  bottom: -15%;
  left: -22%;
  width: 8%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.12), rgba(255,255,255,.72), rgba(255,255,255,.1), transparent);
  filter: blur(2px);
  transform: skewX(-18deg);
  animation: title-reflection 5.5s ease-in-out infinite;
  pointer-events: none;
}

.title-clover {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #f2a5eb 2%, #cb4cc3 43%, #752372 100%);
  border: 2px solid #f7c4f3;
  box-shadow:
    inset 10px 11px 18px rgba(255,255,255,.4),
    inset -12px -14px 20px rgba(44,2,47,.46),
    0 8px 0 #481347,
    0 16px 24px rgba(0,0,0,.4),
    0 0 28px rgba(211,75,204,.28);
  transform: translateY(-2px) rotate(-5deg);
}

.title-clover svg {
  width: 42px;
  height: 42px;
  fill: rgba(255,255,255,.75);
  filter: drop-shadow(0 3px 2px rgba(65,8,63,.55));
}

.independencia-lockup h2 {
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  line-height: .9;
  transform: perspective(700px) rotateX(2deg);
}

.independencia-lockup h2 span,
.independencia-lockup h2 strong {
  display: block;
  width: max-content;
  max-width: 100%;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  letter-spacing: 0;
  color: transparent;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 38%, #d8d8df 56%, #ffffff 73%, #a8a8b5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px #fff;
  filter: drop-shadow(0 8px 8px rgba(0,0,0,.5));
}

.independencia-lockup h2 span {
  margin: 0 auto 7px;
  font-size: 34px;
  text-align: center;
  text-shadow:
    0 1px 0 #c8c8d1,
    0 2px 0 #a9a9b4,
    0 3px 0 #6d2b6b,
    0 5px 8px rgba(0,0,0,.55);
}

.independencia-lockup h2 strong {
  font-size: clamp(49px, 5.7vw, 78px);
  text-shadow:
    0 1px 0 #e1e1e6,
    0 2px 0 #bdbdc7,
    0 3px 0 #9b9ba7,
    0 4px 0 #77286f,
    0 5px 0 #5f1759,
    0 6px 0 #45103f,
    0 10px 10px rgba(0,0,0,.62),
    0 0 22px rgba(222,90,214,.2);
}

@keyframes title-reflection {
  0%, 60% { left: -22%; opacity: 0; }
  66% { opacity: .85; }
  84% { left: 114%; opacity: .55; }
  100% { left: 114%; opacity: 0; }
}

.independencia-campaign {
  min-height: 505px;
  border: 1px solid rgba(233,184,74,.6);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  background: #24072f url("assets/lotofacil-independencia-2026.png") center center / cover no-repeat;
  box-shadow: 0 35px 80px rgba(0,0,0,.45), inset 0 0 0 5px rgba(255,255,255,.025);
}

.independencia-campaign::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(21,3,35,.05) 0%, rgba(26,4,39,.72) 38%, rgba(20,2,34,.93) 62%, rgba(19,2,31,.78) 100%);
}

.campaign-content {
  width: 52%;
  min-height: 505px;
  margin-left: auto;
  padding: 54px 70px 54px 34px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.campaign-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 23px; }
.campaign-brand > svg { width: 34px; height: 34px; padding: 7px; border-radius: 50%; color: #fff; fill: rgba(255,255,255,.35); background: #b83fb2; box-shadow: 0 0 22px rgba(216,91,208,.55); }
.campaign-brand small, .campaign-brand strong { display: block; }
.campaign-brand small { color: #d99bd7; font-size: 7px; text-transform: uppercase; letter-spacing: 1.5px; }
.campaign-brand strong { margin-top: 4px; font: 700 16px "Manrope", sans-serif; }
.prize-label { color: var(--gold-light); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; }
.prize-value { display: flex; align-items: baseline; color: var(--gold); margin: -4px 0 4px; filter: drop-shadow(0 8px 12px rgba(0,0,0,.35)); }
.prize-value span { font: 800 26px "Manrope", sans-serif; margin-right: 8px; }
.prize-value strong { font: 800 104px/.95 "Manrope", sans-serif; letter-spacing: -5px; }
.prize-value b { margin-left: 10px; font: 800 24px "Manrope", sans-serif; text-transform: uppercase; }
.campaign-content > p { color: #d7c9dc; font-size: 12px; margin: 0 0 24px; }

.independencia-cta {
  min-height: 49px;
  padding: 0 20px;
  border: 1px solid #ffe29a;
  border-radius: 4px;
  background: linear-gradient(180deg, #ffe7aa, var(--gold) 58%, #bf8415);
  color: #151225;
  box-shadow: inset 0 1px 0 #fff9dc, 0 7px 0 #84590d, 0 15px 25px rgba(0,0,0,.35);
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 10px;
  font-weight: 800;
  transition: transform .18s, box-shadow .18s;
}

.independencia-cta:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 #fff9dc, 0 9px 0 #84590d, 0 18px 28px rgba(0,0,0,.4); }
.independencia-cta:active { transform: translateY(5px); box-shadow: inset 0 1px 0 #fff9dc, 0 2px 0 #84590d, 0 8px 15px rgba(0,0,0,.35); }
.independencia-cta svg { width: 16px; }

.maximum-bet {
  width: 140px;
  height: 180px;
  position: absolute;
  z-index: 3;
  right: 26px;
  bottom: 24px;
  border: 1px solid rgba(255,223,144,.65);
  border-radius: 7px;
  color: #fff;
  background: rgba(60,8,65,.86);
  box-shadow: inset 0 0 20px rgba(216,91,208,.22), 0 18px 35px rgba(0,0,0,.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: rotate(2deg);
  backdrop-filter: blur(9px);
}

.maximum-bet span { color: var(--gold-light); font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.3px; }
.maximum-bet strong { color: var(--gold); font: 800 66px/.9 "Manrope", sans-serif; }
.maximum-bet b { font: 800 14px "Manrope", sans-serif; text-transform: uppercase; }
.maximum-bet small { margin-top: 8px; color: #c9b8ce; font-size: 7px; line-height: 1.4; text-align: center; text-transform: uppercase; }
.campaign-note { position: absolute; z-index: 3; left: 20px; bottom: 18px; color: #e2d6e5; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 6px; }
.campaign-note svg { width: 14px; color: var(--gold); }

.section { padding: 105px max(24px, calc((100vw - 1280px) / 2)); }
.section-title { display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 48px; }
.section-index { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--gold); color: var(--orange); font: 700 9px "Manrope", sans-serif; margin-bottom: 17px; }
.section-index.light { color: var(--gold); }
.section-title p:not(.section-lead), .overline { margin-bottom: 12px; color: var(--orange); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; }
.section-title h2, .experience h2, .security h2, .units h2 { margin: 0; font-size: clamp(37px, 4.2vw, 58px); line-height: 1.04; font-weight: 800; }
.section-title .section-lead { width: min(420px, 100%); margin: 0 0 5px; color: var(--muted); font-size: 13px; line-height: 1.8; }

.bet-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; perspective: 1100px; }
.bet-card { min-height: 455px; padding: 25px; background: #fff; border: 1px solid var(--line); position: relative; overflow: hidden; transition: transform .3s, box-shadow .3s, border-color .3s; }
.bet-card:hover { transform: translateY(-8px) rotateX(1deg); box-shadow: var(--shadow); border-color: transparent; }
.bet-card::after { content: ""; position: absolute; height: 5px; left: 0; right: 0; bottom: 0; background: var(--ball); }
.bet-card-head { display: flex; justify-content: space-between; align-items: center; }
.bet-card-head > span { color: #c1bdaf; font: 700 10px "Manrope", sans-serif; }
.bet-card-head small { color: var(--ball); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.3px; }
.lottery-ball { width: 134px; height: 134px; margin: 30px auto 25px; border-radius: 50%; background: radial-gradient(circle at 34% 24%, #fff 0 4%, var(--ball-light) 12%, var(--ball) 48%, var(--ball-dark) 100%); box-shadow: inset -17px -20px 28px rgba(0,0,0,.25), inset 10px 10px 20px rgba(255,255,255,.22), 0 21px 30px rgba(13,18,40,.24); display: grid; place-items: center; align-content: center; color: #fff; border: 2px solid rgba(255,255,255,.45); transform: rotate(-4deg); }
.lottery-ball b { font: 800 46px/.9 "Manrope", sans-serif; text-shadow: 0 3px 4px rgba(0,0,0,.3); }
.lottery-ball span { margin-top: 5px; font-size: 8px; font-weight: 800; letter-spacing: 2px; }
.bet-card h3 { font: 800 24px "Manrope", sans-serif; margin: 0 0 11px; }
.bet-card > p { color: var(--muted); font-size: 12px; line-height: 1.7; margin-bottom: 21px; }
.bet-link { width: 100%; background: transparent; border: 0; border-top: 1px solid var(--line); padding: 17px 0 0; color: var(--ink); display: flex; justify-content: space-between; align-items: center; font-size: 10px; font-weight: 800; }
.bet-link svg { width: 17px; color: var(--ball); }
.mega-card { --ball: #13824a; --ball-light: #39bb78; --ball-dark: #064627; }
.facil-card { --ball: #74429c; --ball-light: #aa70d0; --ball-dark: #3a1c58; }
.quina-card { --ball: #294d9a; --ball-light: #5b7dcc; --ball-dark: #132654; }

.game-console {
  max-width: 1080px;
  margin: 0 auto;
  padding: 22px;
  background: #090e27;
  border: 1px solid rgba(233,184,74,.38);
  box-shadow: 0 35px 80px rgba(6,10,32,.25), inset 0 1px 0 rgba(255,255,255,.08);
  position: relative;
}

.game-console::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255,255,255,.06);
  pointer-events: none;
}

.console-head {
  min-height: 52px;
  padding: 0 5px 17px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.11);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}

.console-head span { display: flex; align-items: center; gap: 9px; font: 700 11px "Manrope", sans-serif; text-transform: uppercase; letter-spacing: 1.2px; }
.console-head svg { width: 17px; color: var(--gold); }
.console-head small { color: #747a91; font-size: 8px; text-transform: uppercase; letter-spacing: 1.3px; }
.game-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; perspective: 1200px; }

.game-button {
  --game-top: #76d59a;
  --game-mid: #1eaa5d;
  --game-bottom: #087238;
  --game-edge: #064c26;
  height: 72px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: var(--game-edge);
  box-shadow:
    0 7px 0 var(--game-edge),
    0 13px 20px rgba(0,0,0,.32),
    0 0 0 1px rgba(0,0,0,.55),
    inset 0 -2px 4px rgba(0,0,0,.38);
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.game-button::before {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: 1;
  border: 1px solid rgba(255,255,255,.58);
  border-radius: 5px;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), inset 0 -1px 0 rgba(0,0,0,.35);
}

.game-button::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 4px;
  bottom: 4px;
  left: -38%;
  width: 24%;
  border-radius: 50%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.15) 22%, rgba(255,255,255,.8) 50%, rgba(255,255,255,.14) 76%, transparent);
  filter: blur(1px);
  transform: skewX(-20deg);
  animation: button-reflection 4.8s ease-in-out infinite;
  pointer-events: none;
}

.game-face {
  width: 100%;
  height: 100%;
  padding: 0 28px;
  border-radius: 7px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(255,255,255,.48) 0%, rgba(255,255,255,.08) 20%, transparent 42%),
    linear-gradient(180deg, var(--game-top) 0%, var(--game-mid) 48%, var(--game-bottom) 100%);
  box-shadow:
    inset 0 9px 12px rgba(255,255,255,.2),
    inset 0 -12px 18px rgba(0,0,0,.22),
    inset 9px 0 13px rgba(255,255,255,.08),
    inset -9px 0 13px rgba(0,0,0,.1);
}

.game-face::before {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  top: 5px;
  height: 24%;
  border-radius: 50%;
  background: rgba(255,255,255,.22);
  filter: blur(5px);
}

.game-face svg {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  fill: rgba(255,255,255,.72);
  color: #fff;
  filter: drop-shadow(0 2px 1px rgba(0,0,0,.3));
}

.game-face strong {
  font: 800 17px/1 "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
  font-style: italic;
  text-shadow: 0 2px 0 rgba(0,0,0,.3), 0 0 9px rgba(255,255,255,.2);
  white-space: nowrap;
}

.game-button:hover {
  transform: translateY(-3px) rotateX(2deg);
  filter: saturate(1.12) brightness(1.06);
  box-shadow: 0 9px 0 var(--game-edge), 0 17px 25px rgba(0,0,0,.36), 0 0 0 1px rgba(0,0,0,.55);
}

.game-button:active { transform: translateY(5px); box-shadow: 0 2px 0 var(--game-edge), 0 7px 12px rgba(0,0,0,.35); }
.game-button.active { outline: 2px solid var(--gold-light); outline-offset: 5px; filter: saturate(1.12) brightness(1.05); }
.game-button:nth-child(2n)::after { animation-delay: -2.4s; }
.game-button:nth-child(3n)::after { animation-delay: -1.1s; }

.game-button.mega { --game-top:#7cdea4; --game-mid:#20ad60; --game-bottom:#08733a; --game-edge:#064d28; }
.game-button.timemania { --game-top:#ffe982; --game-mid:#f7ce18; --game-bottom:#d29d00; --game-edge:#9a7100; }
.game-button.quina { --game-top:#8882e0; --game-mid:#4840b7; --game-bottom:#28207e; --game-edge:#17134f; }
.game-button.lotomania { --game-top:#ffc286; --game-mid:#f17b24; --game-bottom:#c94a06; --game-edge:#913300; }
.game-button.dupla { --game-top:#ef8c9f; --game-mid:#c62849; --game-bottom:#87152e; --game-edge:#5c0c1d; }
.game-button.federal { --game-top:#84b4e6; --game-mid:#3677bd; --game-bottom:#194c8a; --game-edge:#0d315f; }
.game-button.instantanea { --game-top:#ffe58a; --game-mid:#f6b800; --game-bottom:#d48400; --game-edge:#995e00; }
.game-button.loteca { --game-top:#ff8888; --game-mid:#ec2929; --game-bottom:#a50e16; --game-edge:#72070d; }
.game-button.lotogol { --game-top:#a5e7f5; --game-mid:#45afd0; --game-bottom:#1f7fa2; --game-edge:#105873; }
.game-button.lotofacil { --game-top:#ef9bea; --game-mid:#bd46bb; --game-bottom:#812081; --game-edge:#571157; }

.console-action {
  min-height: 92px;
  margin-top: 26px;
  padding: 20px 5px 0;
  border-top: 1px solid rgba(255,255,255,.11);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.selected-game { display: flex; align-items: center; gap: 12px; color: #fff; }
.selected-icon { width: 44px; height: 44px; display: grid; place-items: center; background: rgba(233,184,74,.1); border: 1px solid rgba(233,184,74,.45); color: var(--gold); }
.selected-icon svg { width: 21px; }
.selected-game small, .selected-game strong { display: block; }
.selected-game small { color: #72788e; font-size: 7px; text-transform: uppercase; letter-spacing: 1.2px; }
.selected-game strong { margin-top: 4px; font: 700 15px "Manrope", sans-serif; }

.consult-button {
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid #ffdf91;
  border-radius: 4px;
  color: #12172f;
  background: linear-gradient(180deg, #ffe7a9, var(--gold) 55%, #c58c1d);
  box-shadow: inset 0 1px 0 #fff4d2, 0 8px 0 #8c6110, 0 15px 22px rgba(0,0,0,.3);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  font-weight: 800;
  transition: transform .18s, box-shadow .18s;
}

.consult-button:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 #fff4d2, 0 10px 0 #8c6110, 0 18px 25px rgba(0,0,0,.35); }
.consult-button:active { transform: translateY(6px); box-shadow: inset 0 1px 0 #fff4d2, 0 2px 0 #8c6110, 0 7px 12px rgba(0,0,0,.3); }
.consult-button svg { width: 16px; }

@keyframes button-reflection {
  0%, 58% { left: -38%; opacity: 0; }
  64% { opacity: .9; }
  82% { left: 118%; opacity: .7; }
  100% { left: 118%; opacity: 0; }
}

.market-jackpot-ticker {
  height: 58px;
  margin: -14px 0 28px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: stretch;
  color: #fff;
  background: #030617;
  border: 1px solid rgba(233,184,74,.34);
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 34px rgba(10,14,35,.2);
}
.market-jackpot-ticker .ticker-label { min-width: 174px; padding: 0 18px; }
.market-jackpot-ticker .ticker-update { min-width: 142px; padding: 0 18px; }

.store-marketplace {
  padding: 24px;
  color: #fff;
  background: linear-gradient(145deg, #111936, #070b1e 58%, #0d1430);
  border: 1px solid rgba(233,184,74,.28);
  border-radius: 6px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 28px 60px rgba(10,14,35,.24);
  position: relative;
  overflow: hidden;
}
.store-marketplace::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.035) 48%, transparent 66%); }
.store-tabs-head { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 30px; position: relative; z-index: 1; }
.store-tabs-head small, .store-tabs-head strong { display: block; }
.store-tabs-head small { color: var(--gold); font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.6px; }
.store-tabs-head strong { margin-top: 5px; font: 700 15px "Manrope", sans-serif; }
.store-tabs-head > span { display: inline-flex; align-items: center; gap: 7px; color: #8f96ad; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; }
.store-tabs-head > span svg { width: 13px; color: #31d887; }
.store-tabs { margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; perspective: 1000px; position: relative; z-index: 1; }
.store-tab {
  min-height: 82px;
  padding: 0 18px;
  color: #dce0ec;
  background: linear-gradient(180deg, #182142, #0b1129);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 5px 0 #030612, 0 12px 20px rgba(0,0,0,.25);
  display: grid;
  grid-template-columns: 36px 1fr 18px;
  align-items: center;
  gap: 12px;
  text-align: left;
  transition: transform .2s, border-color .2s, box-shadow .2s, color .2s;
}
.store-tab:hover { transform: translateY(-2px); border-color: rgba(233,184,74,.45); color: #fff; }
.store-tab.active {
  color: #11162d;
  background: linear-gradient(180deg, #fff2b6, #efbd3d 55%, #c88711);
  border-color: #ffe9a3;
  box-shadow: inset 0 2px 1px rgba(255,255,255,.82), 0 7px 0 #7b500a, 0 16px 26px rgba(0,0,0,.34), 0 0 24px rgba(233,184,74,.16);
  transform: translateY(-2px);
}
.store-tab-number { width: 36px; height: 36px; border: 1px solid rgba(233,184,74,.42); border-radius: 50%; display: grid; place-items: center; color: var(--gold); font: 800 9px "Manrope", sans-serif; background: rgba(0,0,0,.18); }
.store-tab.active .store-tab-number { color: #ffe9a1; border-color: rgba(255,255,255,.48); background: linear-gradient(145deg, #1b244c, #070b1c); box-shadow: inset 0 1px 2px rgba(255,255,255,.18), 0 3px 8px rgba(67,40,0,.32); }
.store-tab > span:nth-child(2), .store-tab strong, .store-tab small { min-width: 0; display: block; }
.store-tab strong { font: 800 12px "Manrope", sans-serif; }
.store-tab small { margin-top: 4px; color: #868da5; font-size: 7px; text-transform: uppercase; letter-spacing: .7px; }
.store-tab.active small { color: #76500e; }
.store-tab > svg { width: 16px; }
.store-results-head { min-height: 104px; margin-top: 30px; border-top: 1px solid rgba(255,255,255,.12); display: flex; align-items: center; justify-content: space-between; gap: 25px; position: relative; z-index: 1; }
.store-results-head small { color: #888fa6; font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.4px; }
.store-results-head h3 { margin: 6px 0 0; font: 800 24px "Manrope", sans-serif; }
.official-store-link { min-height: 43px; padding: 0 16px; color: var(--gold); border: 1px solid rgba(233,184,74,.42); border-radius: 4px; display: inline-flex; align-items: center; gap: 9px; font-size: 9px; font-weight: 800; transition: color .2s, border-color .2s, background .2s; }
.official-store-link:hover { color: #fff2c6; border-color: rgba(255,226,145,.75); background: rgba(233,184,74,.08); }
.official-store-link svg { width: 14px; }
.game-filter {
  margin: 0 0 24px;
  padding: 18px;
  display: grid;
  grid-template-columns: 205px 1fr;
  align-items: center;
  gap: 20px;
  background: rgba(2,5,18,.48);
  border: 1px solid rgba(255,255,255,.1);
  border-left: 3px solid var(--gold);
  position: relative;
  z-index: 1;
}
.game-filter[hidden] { display: none; }
.game-filter-title small,
.game-filter-title strong { display: block; }
.game-filter-title small { color: var(--gold); font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.3px; }
.game-filter-title strong { margin-top: 5px; color: #d9ddea; font: 700 11px "Manrope", sans-serif; line-height: 1.45; }
.market-game-tabs { min-width: 0; display: flex; gap: 9px; overflow-x: auto; padding: 3px 3px 8px; scrollbar-color: rgba(233,184,74,.45) transparent; }
.market-game-tab {
  --game-color: #9fa9c2;
  min-width: 142px;
  min-height: 54px;
  padding: 8px 13px;
  flex: 1 0 auto;
  color: #c9cede;
  text-align: left;
  background: linear-gradient(180deg, #17203f, #090f27);
  border: 1px solid rgba(255,255,255,.13);
  border-bottom: 3px solid color-mix(in srgb, var(--game-color) 72%, #111936);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 4px 0 #02040d;
  transition: transform .18s, filter .18s, border-color .18s;
}
.market-game-tab:hover { transform: translateY(-2px); filter: brightness(1.12); }
.market-game-tab > strong,
.market-game-tab > span:not(.brazil-flag) { display: block; white-space: nowrap; }
.market-game-tab strong { font: 800 10px "Manrope", sans-serif; }
.market-game-tab > span:not(.brazil-flag) { margin-top: 4px; color: #858da7; font-size: 7px; text-transform: uppercase; letter-spacing: .8px; }
.market-game-tab.active {
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--game-color) 62%, #111936), var(--game-color));
  border-color: color-mix(in srgb, var(--game-color) 80%, white);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 5px 0 color-mix(in srgb, var(--game-color) 45%, #000), 0 10px 20px color-mix(in srgb, var(--game-color) 18%, transparent);
}
.market-game-tab.active span { color: rgba(255,255,255,.78); }
.market-game-tab.mega-sena { --game-color: #28aa62; }
.market-game-tab.lotofacil { --game-color: #bf2ea7; }
.market-game-tab.lotofacil-da-independencia {
  --game-color: #0b8c4b;
  min-width: 230px;
  padding-left: 64px;
  position: relative;
  background: linear-gradient(135deg, #073c2d, #0b683e 62%, #112c67);
  border-color: rgba(250,207,54,.62);
  border-bottom-color: #f4cb32;
}
.market-game-tab.lotofacil-da-independencia.active {
  background: linear-gradient(135deg, #075a34 0%, #0a8c49 58%, #f1c82e 59%, #f1c82e 67%, #123b82 68%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 5px 0 #064326, 0 10px 22px rgba(14,132,70,.28);
}
.market-game-tab.quina { --game-color: #3473ef; }
.market-game-tab.timemania { --game-color: #e8b400; }
.market-game-tab.mais-milionaria { --game-color: #ed7b14; }
.market-game-tab.dupla-sena { --game-color: #d0274c; }
.market-game-tab.lotomania { --game-color: #f06d24; }
.market-game-tab.dia-de-sorte { --game-color: #b48b2b; }
.market-game-tab.super-sete { --game-color: #8c9e32; }
.market-game-tab.loteca { --game-color: #d53a43; }
.brazil-flag {
  width: 38px;
  height: 25px;
  flex: 0 0 38px;
  display: block;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 2px;
  background: linear-gradient(145deg, #16a05b, #08723f);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 3px 8px rgba(0,0,0,.34);
}
.brazil-flag-diamond {
  width: 17px;
  height: 17px;
  position: absolute;
  left: 10px;
  top: 3px;
  background: #f8d62f;
  transform: rotate(45deg);
  box-shadow: 0 0 5px rgba(255,222,57,.4);
}
.brazil-flag-globe {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 2;
  left: 13px;
  top: 7px;
  border-radius: 50%;
  background: #123d91;
  border: 1px solid rgba(255,255,255,.8);
}
.filter-brazil-flag { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); }
.pool-grid { min-height: 390px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; position: relative; z-index: 1; }
.pool-loading, .pool-empty { grid-column: 1 / -1; min-height: 330px; border: 1px solid rgba(255,255,255,.11); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.pool-loading strong, .pool-loading small, .pool-empty strong, .pool-empty p { display: block; }
.pool-loading strong, .pool-empty strong { margin-top: 18px; font: 700 15px "Manrope", sans-serif; }
.pool-loading small, .pool-empty p { margin: 7px 0 0; color: #8990a7; font-size: 10px; }
.pool-loader { width: 34px; height: 34px; border: 2px solid rgba(255,255,255,.12); border-top-color: var(--gold); border-radius: 50%; animation: pool-spin .8s linear infinite; }
.pool-empty-icon { width: 58px; height: 58px; border-radius: 50%; color: var(--gold); border: 1px solid rgba(233,184,74,.38); display: grid; place-items: center; box-shadow: inset 0 0 18px rgba(233,184,74,.08); }
.pool-empty-icon svg { width: 24px; }
.pool-empty a { min-height: 48px; margin-top: 22px; padding: 0 20px; color: #11162d; background: linear-gradient(180deg, #ffe9a2, #e9b432); border: 1px solid #fff0bd; border-radius: 4px; box-shadow: inset 0 1px 0 #fff, 0 6px 0 #795008, 0 13px 22px rgba(0,0,0,.3); display: inline-flex; align-items: center; gap: 9px; font-size: 9px; font-weight: 800; }
.pool-empty a svg { width: 15px; }
.pool-card {
  --pool-color: #269756;
  min-height: 430px;
  color: #fff;
  background: linear-gradient(155deg, #111936, #080d22 68%);
  border: 1px solid color-mix(in srgb, var(--pool-color) 65%, #243051);
  border-radius: 6px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 0 #030611, 0 20px 30px rgba(0,0,0,.28);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: transform .25s, box-shadow .25s;
}
.pool-card:hover { transform: translateY(-7px) rotateX(1deg); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 15px 0 #030611, 0 28px 38px rgba(0,0,0,.36), 0 0 28px color-mix(in srgb, var(--pool-color) 20%, transparent); }
.pool-card-head { min-height: 94px; padding: 18px; background: linear-gradient(135deg, color-mix(in srgb, var(--pool-color) 72%, #111936), var(--pool-color)); display: flex; align-items: center; gap: 13px; position: relative; overflow: hidden; }
.pool-card-head::after { content: ""; position: absolute; width: 100px; height: 150px; right: -50px; top: -55px; border-radius: 50%; background: rgba(255,255,255,.1); }
.pool-card-symbol { width: 40px; height: 40px; flex: 0 0 40px; border: 1px solid rgba(255,255,255,.42); border-radius: 50%; background: rgba(4,8,24,.22); display: grid; place-items: center; box-shadow: inset 0 1px 3px rgba(255,255,255,.16); }
.pool-card-symbol svg { width: 19px; }
.pool-card-head small, .pool-card-head strong { display: block; }
.pool-card-head small { font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; opacity: .82; }
.pool-card-head strong { margin-top: 4px; font: 800 19px "Manrope", sans-serif; }
.pool-card-body { padding: 21px 20px 18px; flex: 1; display: flex; flex-direction: column; }
.pool-contest { color: #9299ae; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; }
.pool-contest strong { color: #fff; font-size: 11px; margin-left: 4px; letter-spacing: 0; }
.pool-prize { margin-top: 18px; }
.pool-prize span, .pool-prize strong { display: block; }
.pool-prize span { color: #8f96ac; font-size: 8px; text-transform: uppercase; letter-spacing: .8px; }
.pool-prize strong { margin-top: 5px; color: var(--pool-color); font: 800 25px "Manrope", sans-serif; }
.pool-quota { margin-top: 18px; }
.pool-quota > span { color: #8f96ac; font-size: 8px; text-transform: uppercase; letter-spacing: .8px; }
.pool-quota > strong { display: block; margin-top: 5px; color: var(--pool-color); font: 800 27px "Manrope", sans-serif; }
.pool-progress { height: 5px; margin-top: 14px; border-radius: 3px; overflow: hidden; background: rgba(255,255,255,.08); }
.pool-progress span { height: 100%; display: block; background: var(--pool-color); box-shadow: 0 0 12px var(--pool-color); }
.pool-meta { margin-top: 17px; display: flex; align-items: end; justify-content: space-between; gap: 12px; }
.pool-meta small, .pool-meta strong { display: block; }
.pool-meta small { color: #858ca2; font-size: 7px; text-transform: uppercase; letter-spacing: .8px; }
.pool-meta strong { margin-top: 4px; font: 800 15px "Manrope", sans-serif; }
.pool-buy { min-height: 48px; margin-top: auto; padding: 0 16px; color: #fff; background: var(--pool-color); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 5px 0 color-mix(in srgb, var(--pool-color) 55%, #000), 0 10px 18px rgba(0,0,0,.24); display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 10px; font-weight: 800; transition: transform .18s, filter .18s, box-shadow .18s; }
.pool-buy:hover { transform: translateY(-2px); filter: brightness(1.1); }
.pool-buy:active { transform: translateY(4px); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 0 color-mix(in srgb, var(--pool-color) 55%, #000), 0 5px 10px rgba(0,0,0,.25); }
.pool-buy svg { width: 15px; }
.pool-card.mega-sena { --pool-color: #28aa62; }
.pool-card.lotofacil { --pool-color: #bf2ea7; }
.pool-card.quina { --pool-color: #3473ef; }
.pool-card.timemania { --pool-color: #e8b400; }
.pool-card.mais-milionaria { --pool-color: #ed7b14; }
.pool-card.dupla-sena { --pool-color: #d0274c; }
.pool-card.lotomania { --pool-color: #f06d24; }
.pool-card.dia-de-sorte { --pool-color: #b48b2b; }
.pool-card.super-sete { --pool-color: #8c9e32; }
.pool-card.loteca { --pool-color: #d53a43; }
.pool-card.lotofacil-da-independencia {
  --pool-color: #f4ce38;
  background: linear-gradient(155deg, #0b1931, #061021 68%);
  border-color: rgba(244,206,56,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 0 #063b25, 0 22px 34px rgba(0,0,0,.34), 0 0 26px rgba(21,149,77,.16);
}
.pool-card.lotofacil-da-independencia:hover {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 15px 0 #063b25, 0 30px 42px rgba(0,0,0,.4), 0 0 34px rgba(244,206,56,.24);
}
.independencia-pool-ribbon {
  min-height: 48px;
  padding: 8px 16px;
  color: #fff;
  background: linear-gradient(100deg, #075b36, #0a8b49 60%, #123d86);
  border-bottom: 3px solid #f4ce38;
  display: flex;
  align-items: center;
  gap: 11px;
  position: relative;
  overflow: hidden;
}
.independencia-pool-ribbon::after {
  content: "";
  position: absolute;
  top: -50%;
  bottom: -50%;
  left: -30%;
  width: 12%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
  transform: skewX(-18deg);
  animation: special-card-reflection 4.7s ease-in-out infinite;
}
.independencia-pool-ribbon > span:not(.brazil-flag),
.independencia-pool-ribbon strong,
.independencia-pool-ribbon small { display: block; }
.independencia-pool-ribbon strong { font: 800 10px "Manrope", sans-serif; text-transform: uppercase; letter-spacing: .6px; }
.independencia-pool-ribbon small { margin-top: 2px; color: #d8f0df; font-size: 7px; text-transform: uppercase; letter-spacing: .7px; }
.pool-card.lotofacil-da-independencia .pool-card-head {
  min-height: 104px;
  background: linear-gradient(135deg, #063b2b 0%, #087544 57%, #f1ca35 58%, #f1ca35 67%, #123b80 68%);
}
.pool-card.lotofacil-da-independencia .pool-card-symbol {
  width: 49px;
  height: 42px;
  flex-basis: 49px;
  border-radius: 4px;
  background: rgba(3,17,35,.44);
}
.pool-card.lotofacil-da-independencia .pool-card-head strong { font-size: 17px; line-height: 1.15; }
.pool-card.lotofacil-da-independencia .pool-card-body {
  background:
    linear-gradient(135deg, rgba(14,116,65,.08), transparent 38%),
    linear-gradient(315deg, rgba(18,59,128,.13), transparent 42%);
}
.pool-card.lotofacil-da-independencia .pool-buy {
  color: #fff;
  background: linear-gradient(180deg, #16a15a, #08723e);
  border: 1px solid rgba(255,226,102,.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 5px 0 #064426, 0 11px 20px rgba(0,0,0,.3);
}
@keyframes special-card-reflection {
  0%, 48% { left: -30%; opacity: 0; }
  58% { opacity: .8; }
  74%, 100% { left: 125%; opacity: 0; }
}
.pool-pagination {
  grid-column: 1 / -1;
  min-height: 72px;
  margin-top: 10px;
  padding: 12px 0 0;
  border-top: 1px solid rgba(255,255,255,.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pool-pagination > span { color: #9198ae; font-size: 9px; }
.pool-pagination button {
  min-height: 44px;
  padding: 0 17px;
  color: #11162d;
  background: linear-gradient(180deg, #fff0a9, #e9b432);
  border: 1px solid #fff0bd;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 #fff, 0 4px 0 #795008;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 9px;
  font-weight: 800;
}
.pool-pagination button svg { width: 14px; }
@keyframes pool-spin { to { transform: rotate(360deg); } }

.experience { min-height: 760px; display: grid; grid-template-columns: 1fr 1fr; background: var(--navy); color: #fff; }
.experience-art { min-height: 760px; position: relative; overflow: hidden; display: grid; place-items: center; background: #0b1029; }
.experience-art::before { content: ""; position: absolute; inset: 42px; border: 1px solid rgba(233,184,74,.24); }
.experience-art img {
  width: 74%;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 35px 40px rgba(0,0,0,.45));
  animation: showcase-logo-alive 5.2s ease-in-out infinite;
}
@keyframes showcase-logo-alive {
  0%, 100% { transform: translateY(0) scale(1); filter: brightness(1) saturate(1) drop-shadow(0 35px 40px rgba(0,0,0,.45)) drop-shadow(0 0 4px rgba(233,184,74,.08)); }
  50% { transform: translateY(-8px) scale(1.015); filter: brightness(1.1) saturate(1.06) drop-shadow(0 42px 42px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(233,184,74,.3)); }
}
.floating-chip { position: absolute; z-index: 2; left: 9%; bottom: 12%; background: #fff; color: var(--ink); padding: 14px 17px; display: flex; gap: 11px; align-items: center; box-shadow: var(--shadow); border-left: 3px solid var(--gold); }
.floating-chip svg { width: 20px; color: var(--orange); }
.floating-chip span, .floating-chip strong { display: block; }
.floating-chip span { color: var(--orange); font-size: 7px; text-transform: uppercase; letter-spacing: 1.3px; }
.floating-chip strong { color: var(--ink); font: 700 11px "Manrope", sans-serif; margin-top: 3px; text-transform: none; letter-spacing: 0; }
.experience-copy { padding: 80px max(40px, calc((100vw - 1280px) / 2)) 80px 8%; display: flex; flex-direction: column; justify-content: center; }
.experience-copy .overline, .units .overline { color: var(--gold); }
.experience-lead { color: #aeb2c3; font-size: 13px; line-height: 1.8; max-width: 510px; margin: 25px 0 28px; }
.experience ol { list-style: none; margin: 0 0 30px; padding: 0; }
.experience li { display: grid; grid-template-columns: 35px 1fr; gap: 13px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.experience li b { color: var(--gold); font: 700 10px "Manrope", sans-serif; padding-top: 3px; }
.experience li strong, .experience li small { display: block; }
.experience li strong { font: 700 13px "Manrope", sans-serif; }
.experience li small { margin-top: 4px; color: #9398ad; font-size: 10px; }
.gold-btn { align-self: flex-start; background: var(--gold); color: var(--navy); }

.security { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: center; background: #fff; }
.security-copy > p:last-child { color: var(--muted); font-size: 13px; line-height: 1.8; margin: 25px 0 0; }
.security-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.security-grid article { min-height: 230px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); position: relative; }
.security-grid article > span { position: absolute; right: 20px; top: 18px; color: #c7c4ba; font-size: 9px; font-weight: 700; }
.security-grid svg { width: 28px; color: var(--orange); margin: 18px 0 30px; }
.security-grid h3 { font: 800 15px "Manrope", sans-serif; margin-bottom: 9px; }
.security-grid p { color: var(--muted); font-size: 11px; line-height: 1.7; margin: 0; }

.units { padding: 100px max(24px, calc((100vw - 1280px) / 2)); background: #0d1330; color: #fff; }
.units-title { display: flex; justify-content: space-between; align-items: end; gap: 60px; margin-bottom: 45px; }
.units-title > p { width: min(360px,100%); color: #9da2b6; font-size: 12px; line-height: 1.7; margin: 0; }
.unit-list { border-top: 1px solid rgba(255,255,255,.16); }
.unit-list article { min-height: 142px; border-bottom: 1px solid rgba(255,255,255,.16); display: grid; grid-template-columns: 70px 1fr auto; gap: 20px; align-items: center; transition: padding .25s, background .25s; }
.unit-list article:hover { padding: 0 18px; background: rgba(255,255,255,.035); }
.unit-number { color: var(--gold); font: 700 11px "Manrope", sans-serif; }
.unit-list small { color: var(--orange); font-size: 7px; text-transform: uppercase; letter-spacing: 1.4px; }
.unit-list h3 { font: 700 21px "Manrope", sans-serif; margin: 4px 0; }
.unit-list p { color: #858ba2; font-size: 9px; margin: 0; }
.unit-actions { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
.map-btn { color: var(--gold); background: transparent; border: 1px solid rgba(233,184,74,.35); min-height: 44px; padding: 0 15px; border-radius: 3px; display: flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 700; transition: color .2s, border-color .2s, background .2s; }
.map-btn svg { width: 14px; }
.map-btn:hover { color: #fff2c7; border-color: rgba(255,220,128,.72); background: rgba(233,184,74,.08); }
.store-buy {
  width: 232px;
  min-height: 62px;
  padding: 0 14px;
  border: 1px solid #ffe9a7;
  border-radius: 6px;
  color: #10152c;
  background: linear-gradient(180deg, #fff0a9 0%, #f9c945 14%, #e6a91e 70%, #c9860d 100%);
  box-shadow: inset 0 2px 1px rgba(255,255,255,.9), inset 0 -2px 2px rgba(124,75,0,.4), 0 7px 0 #82560c, 0 14px 24px rgba(0,0,0,.34), 0 0 24px rgba(233,184,74,.12);
  display: inline-grid;
  grid-template-columns: 38px 1fr 18px;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform .18s, box-shadow .18s, filter .18s;
}
.store-buy::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -60%;
  bottom: -60%;
  left: -38%;
  width: 24%;
  background: rgba(255,255,255,.72);
  filter: blur(8px);
  transform: skewX(-18deg);
  animation: store-buy-shine 3.8s ease-in-out infinite;
}
.store-buy-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #ffe89b;
  background: linear-gradient(145deg, #1b244d, #070b1d);
  border: 1px solid rgba(255,255,255,.5);
  box-shadow: inset 0 2px 3px rgba(255,255,255,.18), 0 3px 7px rgba(69,38,0,.38);
}
.store-buy-icon svg { width: 18px; }
.store-buy-copy { min-width: 0; display: block; text-align: left; }
.store-buy-copy strong, .store-buy-copy small { display: block; }
.store-buy-copy strong { font: 800 13px "Manrope", sans-serif; }
.store-buy-copy small { margin-top: 3px; color: #6d4708; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; }
.store-buy-arrow { width: 17px; transition: transform .18s; }
.store-buy:hover { transform: translateY(-3px); filter: brightness(1.06) saturate(1.06); box-shadow: inset 0 2px 1px rgba(255,255,255,.95), inset 0 -2px 2px rgba(124,75,0,.35), 0 10px 0 #82560c, 0 20px 30px rgba(0,0,0,.4), 0 0 34px rgba(233,184,74,.24); }
.store-buy:hover .store-buy-arrow { transform: translate(2px,-2px); }
.store-buy:active { transform: translateY(5px); box-shadow: inset 0 2px 1px rgba(255,255,255,.85), inset 0 -2px 2px rgba(124,75,0,.42), 0 2px 0 #82560c, 0 7px 12px rgba(0,0,0,.3); }
@keyframes store-buy-shine {
  0%, 58% { left: -38%; opacity: 0; }
  66% { opacity: .9; }
  82%, 100% { left: 125%; opacity: 0; }
}

.final-cta { min-height: 220px; margin: 70px auto; max-width: 1280px; background: var(--gold); position: relative; overflow: hidden; padding: 45px 55px; display: flex; align-items: center; gap: 32px; }
.cta-mark { width: 96px; height: 96px; border: 1px solid rgba(10,15,41,.28); display: grid; place-items: center; color: var(--navy); font: 800 35px "Manrope", sans-serif; }
.final-cta p { color: #6b5218; font-size: 8px; text-transform: uppercase; letter-spacing: 1.8px; margin-bottom: 7px; }
.final-cta h2 { color: var(--navy); font-size: 32px; margin: 0 0 6px; }
.final-cta span { color: #6d5723; font-size: 11px; }
.whatsapp-action { min-height: 56px; gap: 11px; }
.whatsapp-btn.large { margin-left: auto; min-height: 60px; padding: 0 24px; }
.whatsapp-btn.large .whatsapp-mark { width: 46px; height: 46px; flex-basis: 46px; }

footer { background: #03050e; color: #fff; padding: 55px max(24px, calc((100vw - 1280px) / 2)) 22px; }
.footer-main { display: grid; grid-template-columns: auto 1fr auto; gap: 35px; align-items: center; }
.footer-main > p { color: #74798f; font-size: 10px; margin: 0; max-width: 340px; }
.footer-main nav { display: flex; gap: 24px; }
.footer-main nav a { color: #a7aabb; font-size: 9px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.1); padding-top: 18px; margin-top: 38px; display: flex; justify-content: space-between; color: #5f6478; font-size: 8px; }

.toast { position: fixed; z-index: 60; right: 22px; bottom: 22px; max-width: 390px; background: #fff; color: var(--ink); box-shadow: var(--shadow); border-left: 4px solid var(--orange); padding: 14px; display: flex; align-items: center; gap: 10px; transform: translateY(150%); opacity: 0; transition: .3s; }
.toast.show { transform: none; opacity: 1; }
.toast > svg { color: var(--orange); width: 19px; flex: 0 0 19px; }
.toast span { font-size: 11px; line-height: 1.5; }
.toast button { margin-left: auto; background: transparent; border: 0; }
.toast button svg { width: 15px; }

@media (max-width: 1020px) {
  .header nav { display: none; position: absolute; top: 72px; left: 0; right: 0; padding: 20px 24px; background: var(--navy); flex-direction: column; align-items: flex-start; }
  .header nav.open { display: flex; }
  .menu-btn { display: grid; order: 3; }
  .header .whatsapp-btn { margin-left: auto; }
  .hero { background-position: 57% center; }
  .section-title, .units-title { align-items: flex-start; }
  .pool-grid { grid-template-columns: repeat(2, 1fr); }
  .security { gap: 40px; }
  .final-cta { margin: 50px 24px; }
}

@media (max-width: 760px) {
  .topline { display: none; }
  .header { height: 66px; padding: 0 16px; }
  .header nav { top: 66px; }
  .brand-medallion { width: 44px; height: 44px; }
  .brand-name strong { font-size: 14px; }
  .header .whatsapp-btn { width: 52px; min-height: 52px; padding: 0; }
  .header .whatsapp-btn span { display: none; }
  .header .whatsapp-mark { width: 44px; height: 44px; flex-basis: 44px; }
  .jackpot-ticker { height: 44px; grid-template-columns: auto 1fr; }
  .ticker-label { min-width: 50px; width: 50px; padding: 0; justify-content: center; }
  .ticker-label strong, .ticker-label small, .ticker-label svg { display: none; }
  .ticker-update { display: none; }
  .ticker-group { gap: 25px; padding-right: 25px; }
  .ticker-game::after { margin-left: 15px; }
  .ticker-game strong { font-size: 9px; }
  .ticker-game b { font-size: 11px; }
  .ticker-game small { display: none; }
  .hero { height: auto; min-height: 0; max-height: none; padding: 62px 0 0; background: #070b20; }
  .hero-shade { background: linear-gradient(180deg, #070b20 0%, #070b20 70%, #0e1433 100%); }
  .hero-content { width: calc(100% - 36px); height: auto; min-height: 610px; justify-content: flex-start; padding-bottom: 40px; }
  .hero-kicker b { display: none; }
  .hero h1 { font-size: clamp(40px, 12vw, 58px); }
  .hero-content > p { font-size: 13px; max-width: 92%; }
  .hero-actions { display: grid; width: 100%; }
  .hero-actions > * { width: 100%; }
  .hero-metrics { gap: 14px; width: 100%; justify-content: space-between; }
  .hero-metrics div { min-width: 0; display: block; }
  .hero-metrics span { display: block; margin-top: 5px; }
  .hero-seal { display: none; }
  .mobile-medallion { display: block; width: min(350px, 94vw); aspect-ratio: 1; margin: -25px auto 30px; border-radius: 50%; overflow: hidden; position: relative; z-index: 2; filter: drop-shadow(0 32px 35px rgba(0,0,0,.48)); animation: mobile-logo-aura 4.8s ease-in-out infinite; }
  .mobile-medallion img { position: absolute; z-index: 1; width: 116%; max-width: none; left: -8%; top: -30%; animation: logo-breathe 4.8s ease-in-out infinite; }
  .confidence-bar { grid-template-columns: 1fr 1fr; padding: 0; }
  .confidence-bar > div { padding: 17px; border-bottom: 1px solid var(--line); }
  .independencia { padding: 72px 18px; }
  .title-stars { margin-bottom: 6px; }
  .independencia-lockup { padding: 4px 0 13px; gap: 8px; }
  .title-clover { width: 46px; height: 46px; flex-basis: 46px; border-width: 1px; box-shadow: inset 7px 8px 12px rgba(255,255,255,.4), inset -8px -9px 14px rgba(44,2,47,.46), 0 5px 0 #481347, 0 11px 18px rgba(0,0,0,.4); }
  .title-clover svg { width: 28px; height: 28px; }
  .independencia-lockup h2 span { font-size: 21px; margin-bottom: 7px; }
  .independencia-lockup h2 strong { font-size: 37px; }
  .independencia-campaign { min-height: 720px; background-position: 28% center; }
  .independencia-campaign::before { background: linear-gradient(180deg, rgba(24,3,37,.28) 0%, rgba(23,3,37,.82) 42%, rgba(18,2,31,.98) 68%); }
  .campaign-content { width: 100%; min-height: 720px; padding: 285px 22px 38px; align-items: center; text-align: center; justify-content: flex-start; }
  .campaign-brand { margin-bottom: 17px; }
  .campaign-brand strong { font-size: 13px; }
  .prize-value strong { font-size: 72px; letter-spacing: -4px; }
  .prize-value span { font-size: 19px; }
  .prize-value b { font-size: 16px; margin-left: 7px; }
  .campaign-content > p { max-width: 280px; line-height: 1.6; }
  .maximum-bet { position: relative; right: auto; bottom: auto; width: 118px; height: 145px; margin: -170px auto 24px; z-index: 4; transform: none; }
  .maximum-bet strong { font-size: 52px; }
  .campaign-note { display: none; }
  .section { padding: 72px 18px; }
  .section-title, .units-title { display: block; }
  .section-title .section-lead, .units-title > p { margin-top: 20px; }
  .market-jackpot-ticker { height: 50px; margin: -8px 0 22px; grid-template-columns: 50px 1fr; }
  .market-jackpot-ticker .ticker-label { min-width: 50px; width: 50px; padding: 0; justify-content: center; }
  .market-jackpot-ticker .ticker-label strong,
  .market-jackpot-ticker .ticker-label small,
  .market-jackpot-ticker .ticker-label svg,
  .market-jackpot-ticker .ticker-update { display: none; }
  .store-marketplace { padding: 14px; }
  .store-tabs-head { min-height: 58px; }
  .store-tabs-head > span { display: none; }
  .store-tabs { grid-template-columns: 1fr; gap: 11px; }
  .store-tab { min-height: 72px; }
  .store-results-head { padding: 20px 0; display: block; }
  .store-results-head h3 { font-size: 22px; }
  .official-store-link { margin-top: 16px; }
  .game-filter { padding: 14px 0 10px; grid-template-columns: 1fr; gap: 13px; border-right: 0; border-bottom: 0; border-left-width: 2px; }
  .game-filter-title { padding: 0 13px; }
  .market-game-tabs { padding: 3px 13px 9px; }
  .market-game-tab { min-width: 132px; min-height: 52px; }
  .pool-grid { min-height: 360px; grid-template-columns: 1fr; }
  .pool-card { min-height: 350px; }
  .pool-loading, .pool-empty { min-height: 310px; padding: 30px 20px; }
  .pool-pagination { padding-bottom: 8px; flex-direction: column; align-items: stretch; }
  .pool-pagination button { justify-content: center; }
  .game-console { padding: 14px; }
  .console-head { min-height: 45px; margin-bottom: 14px; }
  .console-head small { display: none; }
  .game-grid { grid-template-columns: 1fr; gap: 15px; }
  .game-button { height: 64px; }
  .game-face { padding: 0 18px; }
  .game-face strong { font-size: 14px; }
  .game-face svg { width: 26px; height: 26px; flex-basis: 26px; }
  .console-action { display: block; }
  .consult-button { width: 100%; justify-content: center; margin-top: 18px; }
  .bet-grid { grid-template-columns: 1fr; }
  .bet-card { min-height: 420px; }
  .experience { grid-template-columns: 1fr; }
  .experience-art { min-height: 440px; }
  .experience-art img { width: 88%; }
  .experience-copy { padding: 70px 20px; }
  .security { grid-template-columns: 1fr; }
  .security-grid { grid-template-columns: 1fr; }
  .security-grid article { min-height: 190px; }
  .units { padding: 72px 18px; }
  .unit-list article { grid-template-columns: 36px 1fr; padding: 20px 0; }
  .unit-list article:hover { padding: 20px 10px; }
  .unit-actions { grid-column: 2; width: 100%; justify-content: flex-start; align-items: stretch; flex-direction: column-reverse; }
  .store-buy { width: min(100%, 280px); }
  .map-btn { align-self: flex-start; }
  .final-cta { margin: 35px 18px; padding: 35px 24px; display: block; }
  .cta-mark { width: 65px; height: 65px; margin-bottom: 24px; }
  .whatsapp-btn.large { margin: 24px 0 0; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-main nav { flex-wrap: wrap; }
  .footer-bottom { display: block; }
  .footer-bottom span { display: block; margin-top: 7px; }
}

@media (max-width: 420px) {
  .brand-name small { letter-spacing: 2px; }
  .hero { min-height: 700px; }
  .hero-metrics span { font-size: 7px; }
  .confidence-bar { grid-template-columns: 1fr; }
  .confidence-bar > div { border-left: 0 !important; border-right: 0; }
  .toast { left: 14px; right: 14px; bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .game-button::after { animation: none; }
  .store-buy::before { animation: none; }
  .ticker-track.is-running { animation-play-state: paused; }
  .brand-medallion,
  .brand-medallion img,
  .brand-medallion::after,
  .mobile-medallion,
  .mobile-medallion img,
  .mobile-medallion::after,
  .experience-art img,
  .whatsapp-mark,
  .independencia-pool-ribbon::after { animation: none; }
}