*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #101318; }
main { --primary: #ff2c2c; --gold: #d8ad58; --mint: #52d6c8; --ink: #f5f2f0; --surface: #1c222a; --border: #37404b; color: var(--ink); background: #101318; font: 400 1rem/1.65 "Segoe UI", Arial, sans-serif; overflow-x: clip; }
main, section, article, figure, img, a, button, h1, h2, h3, p, figcaption { max-width: 100%; }
section, article, figure, .wrap, .hero-split > *, .feature-layout > *, .lane-list > *, .game-list > *, .device-columns > *, .matrix > * { min-width: 0; }
section { padding: clamp(3.5rem, 6vw, 6rem) 0; }
.wrap { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }
h1, h2, h3, p, a, button, figcaption { overflow-wrap: break-word; }
h1, h2, h3 { margin: 0 0 .7em; line-height: 1.17; letter-spacing: 0; }
h1 { font-size: clamp(2.5rem, 4.7vw, 4.5rem); max-width: 14ch; font-weight: 800; }
h2 { font-size: clamp(1.9rem, 3vw, 2.7rem); max-width: 22ch; font-weight: 750; }
h3 { font-size: 1.28rem; font-weight: 700; }
p { max-width: 70ch; margin: 0 0 1.2em; color: #dddfe1; }
strong { color: #fff; font-weight: 800; }
a { color: var(--mint); text-underline-offset: .24em; }
a:hover { color: #fff; }
a:focus-visible, summary:focus-visible { outline: 3px solid var(--mint); outline-offset: 4px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: .7rem 1.3rem; background: var(--primary); color: #101318; border: 1px solid var(--primary); border-radius: 4px; text-decoration: none; font-weight: 750; line-height: 1.3; text-align: center; }
.button:hover { background: #c71620; border-color: #c71620; color: #fff; }
.button.secondary { background: transparent; border-color: var(--gold); color: #ffe3aa; }
.button.secondary:hover { background: var(--gold); color: #101318; }
.actions { display: flex; flex-wrap: wrap; gap: 1.3rem; align-items: center; margin-top: 1.8rem; }
.text-link { font-weight: 700; }
.hero-split, .feature-layout, .ios-layout, .live-tables, .download-situations, .sports-offer { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.feature-layout { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); }
.feature-layout.reverse { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
.media { margin: 0; overflow: hidden; background: var(--surface); border: 1px solid var(--border); border-radius: 4px; }
.media img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
.media.wide { aspect-ratio: 16/9; }
.media.square { aspect-ratio: 1; max-width: 520px; }
.media.portrait { aspect-ratio: 9/16; max-width: 330px; justify-self: center; }
.media.wide img, .media.square img, .media.portrait img { height: 100%; }
.welcome-stage, .access-stage, .mobile-stage, .download-stage, .registration-stage, .promos-stage, .casino-stage, .withdrawal-stage { min-height: 500px; display: flex; align-items: center; background: #181d24; border-bottom: 1px solid var(--border); }
.welcome-stage { background: #161a20; }
.mobile-stage, .download-stage { background: #13201f; }
.promos-stage { background: #251b20; }
.casino-stage { background: #1b1b22; }
.withdrawal-stage, .access-stage { background: #192127; }
.feature-band, .install-band, .guide-band, .offer-band, .promo-band, .slots-band, .payment-band, .app-band, .bonus-reality, .mobile-casino-band { background: var(--surface); }
.offer-band, .promo-band { background: #242127; }
.app-band { background: #172323; }
.entry-lanes h2, .mobile-benefits h2, .offer-menu h2, .game-routes h2 { margin-bottom: 1.6rem; }
.lane-list, .game-list, .device-columns, .matrix { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.game-list, .matrix { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.device-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.lane-list article, .game-list article, .matrix article, .device-columns article { padding: 1.5rem; background: var(--surface); border: 1px solid var(--border); border-radius: 4px; }
.lane-list article p, .game-list article p, .matrix article p, .device-columns article p { font-size: .96rem; }
.editorial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; }
.editorial-grid > * { min-width: 0; }
.editorial-grid h2 { font-size: clamp(1.6rem, 2.4vw, 2.3rem); }
.help-rows { border-top: 1px solid var(--border); }
.help-rows article { padding: 1.1rem 0; border-bottom: 1px solid var(--border); }
.help-rows h3 { margin-bottom: .25rem; }
.help-rows p { margin-bottom: .3rem; }
.step-list { display: grid; gap: 1rem; }
.step-list article, .step-list > p { margin: 0; padding: 1.25rem 1.5rem; border-left: 1px solid var(--gold); background: var(--surface); }
.step-list article p { margin-bottom: 0; }
.questions { max-width: 900px; }
.questions h2 { margin-bottom: 1.5rem; }
.questions details { border-top: 1px solid var(--border); padding: 1rem .2rem; }
.questions details:last-child { border-bottom: 1px solid var(--border); }
.questions summary { cursor: pointer; font-weight: 700; }
.questions details p { margin: .8rem 0 0; }
.closing { background: #282024; border-top: 1px solid #654449; }
.closing h2 { max-width: 28ch; }
.closing p { max-width: 60ch; }
.closing .button { margin-top: .7rem; }
::selection { color: #101318; background: var(--mint); }
.betk-inicio .entry-lanes .lane-list article { background: #1b2328; }
.betk-inicio .editorial-grid { border-block: 1px solid var(--border); }
.betk-inicio .return-path { max-width: 860px; }
.betk-login .access-layout { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.betk-login .access-help { max-width: 880px; }
.betk-login .help-rows article { display: grid; grid-template-columns: minmax(0, .38fr) minmax(0, .62fr); gap: 1.5rem; align-items: baseline; }
.betk-login .questions { padding-top: 1rem; }
@media (max-width: 640px) { .betk-login .help-rows article { display: block; } }
@media (max-width: 900px) {
  .hero-split, .feature-layout, .feature-layout.reverse, .ios-layout, .live-tables, .download-situations, .sports-offer { grid-template-columns: 1fr; }
  .hero-split .media.wide { max-width: 700px; }
  .lane-list, .game-list, .matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .editorial-grid { gap: 2rem; }
}
@media (max-width: 640px) {
  .wrap { width: min(100% - 32px, 1180px); }
  section { padding: 3rem 0; }
  h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
  h2 { font-size: clamp(1.55rem, 6vw, 2rem); }
  h3 { font-size: 1.15rem; }
  .hero-split, .feature-layout, .ios-layout, .live-tables, .download-situations, .sports-offer { gap: 1.8rem; }
  .lane-list, .game-list, .device-columns, .matrix, .editorial-grid { grid-template-columns: 1fr; gap: .8rem; }
  .lane-list article, .game-list article, .matrix article, .device-columns article { padding: 1.15rem; }
  .actions { align-items: stretch; gap: .8rem; }
  .button, .actions a { width: 100%; max-width: 100%; }
  .text-link { text-align: center; }
  .media.portrait { max-width: min(280px, 100%); }
}