@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/bricolage-grotesque-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nunito-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nunito-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/nunito-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/nunito-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* slotexico.com.mx — México. Казино первым, Мексика вторым: ночной сливовый зал,
   розовый неон, бархатцы (cempasúchil) и бирюза как акценты. Bricolage Grotesque. */
:root{
  --bg:            oklch(16.5% 0.040 330);
  --bg-elevated:   oklch(21.5% 0.048 330);
  --surface:       oklch(20% 0.045 330);
  --surface-2:     oklch(24% 0.050 330);
  --surface-3:     oklch(31% 0.055 330);
  --line:          oklch(34% 0.055 330);
  --line-soft:     oklch(26.5% 0.048 330);

  --text:          oklch(96% 0.012 70);
  --text-2:        oklch(85% 0.020 60);
  --text-3:        oklch(73% 0.030 340);
  --text-4:        oklch(63% 0.030 340);

  --gold:          oklch(80% 0.165 68);
  --gold-deep:     oklch(70% 0.180 50);
  --gold-wash:     oklch(80% 0.165 68 / 0.16);
  --mint:          oklch(78% 0.130 185);
  --mint-wash:     oklch(78% 0.130 185 / 0.16);
  --ice:           oklch(70% 0.230 350);
  --ice-wash:      oklch(70% 0.230 350 / 0.16);
  --rose:          oklch(66% 0.220 20);
  --rose-wash:     oklch(66% 0.220 20 / 0.16);
  --amber:         oklch(82% 0.160 80);

  --font-display: 'Bricolage Grotesque', 'Segoe UI', Arial, sans-serif;
  --font-ui: 'Nunito Sans', 'Segoe UI', Arial, sans-serif;

  --t-h1: clamp(2.4rem, 1.4rem + 4vw, 4.8rem);

  --r-chip: 10px;
  --r-card: 20px;
  --r-slab: 30px;

  --shadow-card: 0 1px 0 oklch(70% 0.23 350 / 0.10) inset, 0 12px 32px oklch(6% 0.04 330 / 0.55);
  --shadow-lift: 0 1px 0 oklch(70% 0.23 350 / 0.18) inset, 0 24px 56px oklch(5% 0.04 330 / 0.65);
}
body::before{
  background:
    radial-gradient(80ch 60ch at 0% -10%, oklch(70% 0.23 350 / 0.20), transparent 62%),
    radial-gradient(70ch 55ch at 100% 14%, oklch(80% 0.165 68 / 0.12), transparent 64%);
}
.masthead{ background:oklch(16.5% 0.040 330 / 0.82); }
.masthead[data-stuck="true"]{ background:oklch(14% 0.036 330 / 0.94); }
.toolbar, .tmplbar{ background:oklch(19% 0.044 330 / 0.94); }
.consent{ background:oklch(20% 0.045 330 / 0.98); box-shadow:0 -8px 30px oklch(5% 0.04 330 / .5); }
.hero, .hubband{ background-color:oklch(12% 0.045 330); }
.hero::before, .hubband::before{
  background:linear-gradient(90deg, oklch(10% 0.045 330 / 0.95) 0%, oklch(10% 0.045 330 / 0.78) 38%, oklch(10% 0.045 330 / 0.30) 68%, oklch(10% 0.045 330 / 0.12) 100%);
}
.hero h1 .flow{ color:var(--ice); }
h1, h2, .display{ font-weight:800; letter-spacing:-0.03em; }
.brand-name{ font-weight:800; }
.brand-name span{ color:var(--ice); }
.brand-mark{ background:none; box-shadow:none; }
.btn-primary{ --btn-bg:linear-gradient(135deg, oklch(82% 0.16 70), oklch(72% 0.19 45)); --btn-fg:oklch(16% 0.04 330); box-shadow:0 8px 26px oklch(72% 0.19 45 / 0.30); }
.op[data-rank="1"]{ border-color:oklch(70% 0.23 350 / 0.55); box-shadow:0 0 0 1px oklch(70% 0.23 350 / 0.25), var(--shadow-lift); }

.brand-mark:not(.is-fav){ width:32px; height:32px; }
.brand-mark svg{ width:100%; height:100%; display:block; }