/* ===== Fuentes auto-alojadas (OFL) — sin Google CDN: rendimiento + privacidad ===== */
@font-face{ font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url('/assets/fonts/plus-jakarta-sans-latin.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:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url('/assets/fonts/plus-jakarta-sans-latin-ext.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:'Outfit'; font-style:normal; font-weight:100 900; font-display:swap; src:url('/assets/fonts/outfit-latin.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:'Outfit'; font-style:normal; font-weight:100 900; font-display:swap; src:url('/assets/fonts/outfit-latin-ext.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; }

:root {
  --panel:#0d1511; --line:#1c2a20; --verde:#00D084; --verde-d:#00c285; --oro:#C8A45D; --ink:#04120c;
  --bg-main: #050807;
  --bg-card: #0d130e;
  --accent: #00D084;
  --accent-2: #C8A45D;
  --text-main: #f9fafb;
  --text-muted: #9ca3af;
  --danger: #ef4444;
  --font-main:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-head:'Outfit','Plus Jakarta Sans',-apple-system,sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-main);
  background: radial-gradient(circle at top, #203026 0, #050807 45%, #000 100%);
  color: var(--text-main);
}

/* Barra superior +18 */
.topbar {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 1rem;
  background: #04120c;
  color: #d1fae5;
  font-size: 0.8rem;
  border-bottom: 1px solid #173527;
}

.badge-age {
  background: var(--danger);
  color: #fff;
  font-weight: 700;
}

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 8vw;
  background: linear-gradient(90deg, #0a100c, #0d130e);
  border-bottom: 1px solid #203026;
}

.logo {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--text-main);
  text-decoration: none;
  font-weight: 700;
  font-size: 1.1rem;
}

nav a {
  color: var(--text-muted);
  margin-left: 1.5rem;
  text-decoration: none;
  font-size: 0.95rem;
}

nav a:hover { color: var(--accent); }

main {
  max-width: 1100px;
  margin: 2rem auto 4rem;
  padding: 0 1.5rem;
}

h1, h2, h3 { font-weight: 600; }

h1 { font-size: 2.2rem; margin-bottom: 1rem; }

h2 { font-size: 1.5rem; margin-top: 2rem; margin-bottom: 0.75rem; }

h1 a, h2 a { color: var(--text-main); text-decoration: none; }
h1 a:hover, h2 a:hover { color: var(--accent); }

p { line-height: 1.6; color: var(--text-muted); }

main a { color: var(--accent); }

.card {
  background: var(--bg-card);
  border-radius: 0.75rem;
  padding: 1.5rem;
  border: 1px solid #203026;
  box-shadow: 0 18px 40px rgba(0,0,0,0.6);
  margin-bottom: 1.5rem;
}

.btn-primary {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #00D084, #00c285);
  color: #04120c !important;
  font-weight: 600;
  text-decoration: none;
  margin-top: 1rem;
}

.btn-primary:hover { filter: brightness(1.1); }

.badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background: rgba(16,185,129,0.15);
  color: var(--accent);
  font-size: 0.8rem;
  margin-right: 0.5rem;
}

.grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: flex-start;
}

.hero {
  background: radial-gradient(circle at top left, rgba(16,185,129,0.25), transparent 55%);
  border-radius: 1rem;
  padding: 2rem;
  border: 1px solid #203026;
}

.hero-title { font-size: 2.4rem; margin-bottom: 0.75rem; }

.hero-subtitle { color: var(--text-muted); margin-bottom: 1.25rem; }

.hero-highlight { color: var(--accent-2); font-weight: 600; }

.list-check { list-style: none; padding: 0; }

.list-check li {
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1.5rem;
  color: var(--text-muted);
}

.list-check li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-size: 0.85rem;
  top: 0.15rem;
}

.affiliate-cta {
  display: block;
  margin: 1.75rem 0;
  padding: 1.4rem;
  text-align: center;
  background: linear-gradient(135deg, rgba(16,185,129,0.18), rgba(245,158,11,0.12));
  border: 1px solid #173527;
  border-radius: 0.9rem;
}

.faq-block {
  background: var(--bg-card);
  border: 1px solid #203026;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
}

.faq-block strong { color: var(--text-main); }

footer {
  border-top: 1px solid #203026;
  padding: 1.5rem 8vw;
  font-size: 0.85rem;
  color: var(--text-muted);
  background: #020617;
}

footer a { color: var(--accent); }

@media (max-width: 768px) {
  header { flex-direction: column; align-items: flex-start; }
  nav { margin-top: 0.75rem; }
  nav a { margin-left: 0; margin-right: 1.1rem; }
  .grid-2 { grid-template-columns: 1fr; }
  main { padding: 0 1rem; }
}

/* ============================================================
   v2.1 — Mejoras móvil / responsive
   ============================================================ */

/* Tipografía fluida (móvil → desktop) */
h1 { font-size: clamp(1.65rem, 5.5vw + 1rem, 2.2rem); }
h2 { font-size: clamp(1.25rem, 4vw, 1.5rem); }
.hero-title { font-size: clamp(1.8rem, 7vw, 2.4rem); }

/* Barra CTA fija para móvil (oculta en escritorio) */
.sticky-cta {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  padding: 0.95rem 1rem calc(0.95rem + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(135deg, #00D084, #00c285);
  color: #04120c;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  font-size: 1.02rem;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45);
}

@media (max-width: 768px) {
  .sticky-cta { display: block; }

  /* Que la barra fija no tape el texto legal del footer */
  footer { padding-bottom: calc(3.6rem + env(safe-area-inset-bottom, 0px)); }

  main { margin: 1.25rem auto 2rem; }

  .hero { padding: 1.25rem; }
  .card { padding: 1.1rem; }
  .affiliate-cta { padding: 1rem; margin: 1.25rem 0; }

  /* Botones a todo lo ancho: mejor CTR en pantallas táctiles */
  .btn-primary {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.95rem 1rem;
    box-sizing: border-box;
  }

  /* Objetivos táctiles ≥44px y menú que se envuelve bien */
  header { padding: 1rem 5vw; }
  nav { display: flex; flex-wrap: wrap; width: 100%; }
  nav a {
    margin: 0;
    padding: 0.65rem 1rem 0.65rem 0;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
  }

  .topbar { font-size: 0.72rem; padding: 0.4rem 0.6rem; line-height: 1.35; }

  .lang-chooser main { margin: 12vh auto !important; width: 92%; }
}

/* ============================================================
   v2.2 — Secciones "patrón autoridad" (home estilo comparador)
   ============================================================ */

.rating-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.35);
  color: #fbbf24;
  padding: 0.3rem 0.85rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.rating-badge .updated {
  color: var(--text-muted);
  font-weight: 400;
  font-size: 0.78rem;
}

.fact-list {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0;
}

.fact-list li {
  padding: 0.45rem 0;
  border-bottom: 1px solid #203026;
  font-size: 0.88rem;
  color: var(--text-muted);
}

.fact-list li:last-child { border-bottom: 0; }
.fact-list strong { color: var(--text-main); }

.offer-card {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.14), rgba(245, 158, 11, 0.10));
  border: 1px solid #173527;
  border-radius: 1rem;
  padding: 1.6rem;
  margin: 2rem 0;
}

.offer-card h2 { margin-top: 0; }

.tnc {
  display: block;
  margin-top: 0.9rem;
  font-size: 0.76rem;
  color: var(--text-muted);
  line-height: 1.5;
}

.steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 1.5rem 0;
}

.step {
  background: var(--bg-card);
  border: 1px solid #203026;
  border-radius: 0.9rem;
  padding: 1.2rem;
}

.step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #00D084, #00c285);
  color: #04120c;
  font-weight: 700;
  margin-bottom: 0.6rem;
}

.step h3 { margin: 0.2rem 0 0.4rem; font-size: 1.05rem; }
.step p { font-size: 0.9rem; margin: 0; }

.game-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.9rem;
  margin: 1.5rem 0;
}

.game-card {
  background: var(--bg-card);
  border: 1px solid #203026;
  border-radius: 0.9rem;
  padding: 1.1rem;
  text-decoration: none;
  transition: transform 0.15s ease, border-color 0.15s ease;
}

.game-card:hover {
  border-color: #173527;
  transform: translateY(-2px);
}

.game-card h3 { margin: 0 0 0.3rem; font-size: 1.05rem; color: var(--text-main); }
.game-card p { margin: 0; font-size: 0.82rem; }

.game-tag {
  display: inline-block;
  margin-top: 0.6rem;
  font-size: 0.72rem;
  color: var(--accent);
  background: rgba(16, 185, 129, 0.12);
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 1.4rem;
}

.chip {
  border: 1px solid #374151;
  background: #0b1220;
  color: var(--text-muted);
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  font-size: 0.85rem;
}

.guide-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 1.25rem 0;
}

.guide-grid .card { margin-bottom: 0; }
.guide-grid .card h3 { font-size: 1.02rem; margin: 0 0 0.4rem; }

.trust {
  background: #0b1220;
  border: 1px solid #203026;
  border-left: 3px solid var(--accent);
  border-radius: 0.75rem;
  padding: 1.2rem 1.4rem;
  margin: 1.5rem 0;
}

.trust p { margin: 0.35rem 0; font-size: 0.92rem; }

@media (max-width: 900px) {
  .game-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .steps { grid-template-columns: 1fr; }
  .guide-grid { grid-template-columns: 1fr; }
  .game-grid { grid-template-columns: repeat(2, 1fr); gap: 0.7rem; }
  .offer-card { padding: 1.2rem; }
}

/* v2.3 — Tablas legibles (métodos de pago, premios) */
table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.25rem 0;
  font-size: 0.92rem;
}
th, td {
  border: 1px solid #203026;
  padding: 0.55rem 0.8rem;
  text-align: left;
  color: var(--text-muted);
}
th { background: #0b1220; color: var(--text-main); }
tr:nth-child(even) td { background: rgba(255, 255, 255, 0.02); }
td a { color: var(--accent); }
@media (max-width: 768px) {
  .table-wrap, main table { display: block; overflow-x: auto; white-space: nowrap; font-size: 0.82rem; }
}

/* === v2.5 — enlaces legales footer + banner cookies === */
.legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem; margin-top: 0.5rem; }
.legal-links a { color: #9ca3af; font-size: 0.82rem; }
.legal-links a:hover { color: #00D084; }
.legal-links .sep { color: #374151; }

.cookie-banner {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  width: min(92vw, 560px);
  display: flex; align-items: center; gap: 0.9rem;
  background: rgba(11, 18, 32, 0.97); border: 1px solid #203026;
  border-radius: 0.9rem; padding: 0.85rem 1rem;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.55);
  z-index: 1100;
}
.cookie-banner p { margin: 0; font-size: 0.78rem; color: #9ca3af; line-height: 1.4; }
.cookie-banner a { color: #00D084; text-decoration: underline; white-space: nowrap; }
.cookie-btn {
  background: #00D084; color: #050807; border: none; border-radius: 0.6rem;
  padding: 0.5rem 0.9rem; font-weight: 700; font-size: 0.85rem; cursor: pointer;
  white-space: nowrap;
}
.cookie-btn:hover { filter: brightness(1.1); }

@media (max-width: 480px) {
  .cookie-banner { flex-direction: column; align-items: stretch; text-align: center; }
  .cookie-btn { width: 100%; }
}

/* === v2.6 — Media: hero de artículo, tarjetas con imagen, hero shot home === */
.article-hero {
  margin: -0.5rem 0 1.5rem;
  border-radius: 1rem; overflow: hidden;
  border: 1px solid #203026;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
.article-hero img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }

.card-media { padding: 0; overflow: hidden; }
.card-media-link img {
  display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover;
  transition: transform .35s ease;
}
.card-media:hover .card-media-link img { transform: scale(1.045); }
.card-media .card-body { padding: 1rem 1.1rem 1.2rem; }

.hero-shot {
  margin: 1.75rem 0 0;
  border-radius: 1.1rem; overflow: hidden;
  border: 1px solid #173527;
  box-shadow: 0 25px 70px rgba(16,185,129,.12), 0 20px 60px rgba(0,0,0,.5);
}
.hero-shot img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }

@media (min-width: 769px) {
  .game-card { overflow: hidden; }
  .game-card img { display: block; width: calc(100% + 2.4rem); margin: -1.2rem -1.2rem 0.8rem; aspect-ratio: 16/9; object-fit: cover; }
  .game-card:has(img) { padding-top: 1.2rem; }
}
@media (max-width: 768px) {
  .game-card img { display: block; width: calc(100% + 2rem); margin: -1rem -1rem 0.7rem; aspect-ratio: 16/9; object-fit: cover; }
}

/* ===== Componentes fase experto: tipografía, breadcrumbs, hero enlazado,
   caja de autor (E-E-A-T), CTA escritorio, ayuda juego responsable ===== */
h1,h2,h3,h4,h5,h6,.logo span{ font-family:var(--font-head); letter-spacing:-0.02em; }
td{ font-variant-numeric:tabular-nums; }
.crumbs{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:.82rem; color:#9ca3af; margin:0 0 14px; }
.crumbs a{ color:#9ca3af; text-decoration:none; } .crumbs a:hover{ color:#00D084; }
.crumb-sep{ color:#4b5563; } .crumb-here{ color:#d1d5db; }
.article-hero{ margin:0 0 1.2rem; border-radius:14px; overflow:hidden; }
.article-hero img{ display:block; width:100%; border-radius:14px; }
.hero-link{ display:block; position:relative; }
.hero-link-badge{ position:absolute; right:12px; bottom:12px; background:#00D084; color:#04101a; font-weight:800; font-size:.78rem; padding:7px 12px; border-radius:999px; box-shadow:0 6px 18px rgba(16,185,129,.35); transition:transform .2s ease; }
.hero-link:hover .hero-link-badge{ transform:scale(1.05); }
.author-box{ display:flex; gap:14px; align-items:flex-start; margin:28px 0 8px; padding:16px 18px; border:1px solid #203026; background:rgba(16,185,129,.04); border-radius:14px; }
.author-avatar{ flex:0 0 auto; width:34px; height:34px; border-radius:50%; background:rgba(16,185,129,.12); border:1px solid #00D084; color:#00D084; display:flex; align-items:center; justify-content:center; font-weight:800; }
.author-name{ margin:0 0 4px; font-weight:700; color:#f9fafb; font-size:.9rem; }
.author-note{ margin:0; color:#9ca3af; font-size:.82rem; line-height:1.5; }
.author-links{ margin:6px 0 0; font-size:.82rem; }
.author-links a{ color:#00D084; text-decoration:none; font-weight:600; }
.rg-help{ font-size:.78rem; color:#9ca3af; }
.rg-help a{ color:#9ca3af; } .rg-help a:hover{ color:#00D084; }
.cta-desktop{ display:none; }
@media (min-width:1000px){
  .cta-desktop{ position:fixed; right:20px; bottom:20px; z-index:80; display:inline-block; background:#00D084; color:#04101a; font-weight:800; padding:13px 20px; border-radius:999px; box-shadow:0 10px 30px rgba(16,185,129,.35); text-decoration:none; transform:translateY(180%); transition:transform .35s ease; font-size:.9rem; font-family:var(--font-head); }
  .cta-desktop.on{ transform:translateY(0); }
}

/* ===== Chip geo (país + moneda) ===== */
.geo-chip{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:.72rem; color:#9ca3af; background:rgba(16,185,129,.07); border:1px solid rgba(16,185,129,.25); padding:4px 11px; border-radius:999px; text-decoration:none; white-space:nowrap; }
.geo-chip:hover{ border-color:#00D084; color:#00D084; }
@media (max-width:760px){ .geo-chip #geo-chip-text{ display:none; } .geo-chip{ padding:5px 9px; } }

/* ===== Multi-marca: chips, tarjetas y tablas comparativas ===== */
.brand-chip{ display:inline-flex; align-items:center; gap:5px; font-size:.72rem; font-weight:700; padding:3px 10px; border-radius:999px; }
.brand-stake{ background:rgba(16,185,129,.12); color:#00D084; border:1px solid rgba(16,185,129,.4); }
.brand-mystake{ background:rgba(245,158,11,.12); color:#C8A45D; border:1px solid rgba(245,158,11,.4); }
.brand-win{ background:rgba(59,130,246,.12); color:#60a5fa; border:1px solid rgba(59,130,246,.4); }
.brand-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:1rem 0; }
@media (max-width:760px){ .brand-grid{ grid-template-columns:1fr; } }
.brand-card{ border:1px solid #203026; border-radius:14px; padding:18px; background:#0a110c; display:flex; flex-direction:column; gap:8px; }
.brand-card h3{ margin:0; }
.brand-card .brand-puntos{ margin:0; padding-left:16px; color:#9ca3af; font-size:.85rem; }
.brand-card .brand-puntos li{ margin:.25rem 0; }
.brand-card .btn-primary{ margin-top:auto; text-align:center; }
.vs-table{ width:100%; border-collapse:collapse; font-size:.85rem; margin:1rem 0; }
.vs-table th, .vs-table td{ border:1px solid #203026; padding:8px 10px; text-align:left; vertical-align:top; }
.vs-table th{ background:#0a110c; }
.compare-strip{ border:1px solid #203026; border-radius:14px; background:rgba(245,158,11,.04); padding:14px 16px; margin:24px 0 0; font-size:.85rem; color:#9ca3af; }
.compare-strip strong{ color:#f9fafb; }

/* ===== Logos oficiales de marca en chips (sustituyen el texto) ===== */
.brand-chip{ font-size:0 !important; justify-content:center; min-width:56px; min-height:22px; gap:0; }
.brand-chip::after{ content:''; display:block; height:14px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.brand-chip.brand-stake::after{ width:30px; background-image:url('/assets/img/logos/stake-white.svg'); }
.brand-chip.brand-mystake::after{ width:50px; background-image:url('/assets/img/logos/mystake-ondark.png'); }
.brand-chip.brand-win::after{ width:37px; background-image:url('/assets/img/logos/1win-white.png'); }
/* Logo oficial dentro de botones CTA */
.btn-primary .btn-logo{ height:1.1em; width:auto; vertical-align:-.18em; }

/* Logos oficiales dentro de sticky/desktop CTA y badge del hero */
.sticky-cta .cta-logo, .cta-desktop .cta-logo{ height:1em; width:auto; vertical-align:-.16em; margin-left:1px; }
.hero-link-badge .cta-logo{ height:1.05em; width:auto; vertical-align:-.18em; }
.btn-primary .btn-logo{ height:1.25em !important; vertical-align:-.22em !important; }

/* Ajuste fino: badge hero y sticky con logo oficial (sin cortes ni wraps feos) */
.hero-link-badge{ max-width:94%; white-space:nowrap; overflow:hidden; text-overflow:clip; font-size:.82rem; }
.hero-link-badge .cta-logo{ height:.95em !important; }
.sticky-cta, .cta-desktop{ line-height:1.2; }
@media (max-width:760px){ .sticky-cta .cta-logo{ height:1.05em; } }

/* Badge hero: flex + nowrap definitivo (no se parte con el logo) */
.hero-link-badge{ display:inline-flex !important; align-items:center; gap:6px; white-space:nowrap; }

/* ─────────────────────────────────────────────────────────────
   v4 · identidad de marca en titulares (wordmark oficial)
   ───────────────────────────────────────────────────────────── */
.lgt{ display:inline-block; height:1em; width:auto; vertical-align:-0.18em; }
h1 .lgt{ vertical-align:-0.24em; }
h2 .lgt, h3 .lgt{ vertical-align:-0.2em; }

/* chips de las tarjetas "Elige tu plataforma": logo protagonista */
.brand-card h3 .brand-chip{ min-width:0; min-height:30px; padding:4px 14px; vertical-align:-2px; }
.brand-card h3 .brand-chip::after{ height:18px; }
.brand-card h3 .brand-chip.brand-stake::after{ width:36px; }
.brand-card h3 .brand-chip.brand-mystake::after{ width:54px; }
.brand-card h3 .brand-chip.brand-win::after{ width:43px; }

/* ajuste fino: wordmark Mystake con aire en las píldoras de título */
.brand-card h3 .brand-chip.brand-mystake{ padding:4px 17px; }
.brand-card h3 .brand-chip.brand-mystake::after{ height:19px; width:57px; }

/* Botones de marca: SOLO el logo oficial (aria-label conserva la acción) */
.btn-primary.btn-only{ padding:.85rem 2rem; min-width:172px; text-align:center; }
.btn-primary.btn-only .btn-logo{ height:1.5em !important; vertical-align:middle !important; margin:0 auto; display:inline-block; }

/* ══════════════════════════════════════════════════════════════
   v5 · LATBETS 2.0 — "Premium iGaming Editorial" (mobile-first)
   ══════════════════════════════════════════════════════════════ */

/* ── Aviso +18: una línea fina ─────────────────────────────── */
.topbar{ padding:.22rem .6rem; font-size:.66rem; letter-spacing:.02em;
  background:#0a0f0c; border-bottom:1px solid #15211a; color:#8fa097; gap:.5rem; }
.topbar .badge-age{ background:transparent; border:1px solid var(--oro); color:var(--oro);
  padding:0 5px; font-size:.62rem; border-radius:5px; }

/* ── Cabecera compacta (~58px) + hamburguesa ───────────────── */
header.site-header{ padding:.55rem 5vw; position:sticky; top:0; z-index:70;
  background:rgba(6,10,8,.88); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line); }
header.site-header .logo{ font-size:1.02rem; letter-spacing:-.01em; }
header.site-header .logo svg{ width:30px; height:30px; }
.header-right{ display:flex; align-items:center; gap:.55rem; margin-left:auto; }
.nav-toggle{ display:inline-grid; place-items:center; width:38px; height:38px;
  background:#0a100c; border:1px solid var(--line); border-radius:10px;
  color:var(--text-main); font-size:1.02rem; line-height:1; cursor:pointer; }
.nav-toggle:active{ transform:scale(.96); }
.nav-drawer{ display:none; flex-direction:column; background:#070c09;
  border-bottom:1px solid var(--line); position:sticky; top:47px; z-index:69; }
.nav-drawer.open{ display:flex; }
.nav-drawer a{ margin:0 !important; padding:.95rem 6vw; font-size:1rem; font-weight:600;
  color:var(--text-main); text-decoration:none; border-top:1px solid #101a12; letter-spacing:.01em; }
.nav-drawer a:active{ background:#0c1510; color:var(--verde); }
@media (min-width:960px){
  .nav-toggle{ display:none; }
  .nav-drawer{ display:none !important; }
  header.site-header nav{ display:block; }
  header.site-header{ padding:.7rem 5vw; }
}
@media (max-width:959px){ header.site-header nav{ display:none; } }

/* ── Hero editorial + fichas de casino (elemento de marca) ─── */
.hero2{ position:relative; overflow:hidden; display:grid; gap:1.6rem;
  padding:2.2rem 5vw 2.4rem; }
.hero2::before{ content:''; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(46% 52% at 76% 26%, rgba(0,208,132,.10), transparent 72%),
    radial-gradient(30% 34% at 16% 18%, rgba(200,164,93,.06), transparent 70%); }
.hero2-copy{ position:relative; z-index:2; }
.hero-eyebrow{ font-size:.66rem; letter-spacing:.24em; font-weight:700; text-transform:uppercase;
  color:var(--oro); margin:0 0 .9rem; display:flex; align-items:center; gap:.6rem; }
.hero-eyebrow::after{ content:''; height:1px; width:44px; background:linear-gradient(90deg,var(--oro),transparent); }
.hero2-title{ font-family:var(--font-head); font-weight:800; letter-spacing:-.02em;
  font-size:clamp(2.55rem, 11.2vw, 3rem); line-height:1.03; margin:0 0 1rem;
  white-space:normal; }
.hero2-brands{ margin:0 0 .35rem; font-size:1.12rem; display:flex; align-items:center; gap:.55rem; }
.hero2-brands .lgt{ height:1.05em; vertical-align:-.18em; }
.hero2-brands .dot{ color:#39513f; }
.hero2-sub{ color:var(--text-muted); font-size:.95rem; line-height:1.55; margin:.5rem 0 1.3rem; max-width:34em; }
.hero2-note{ font-size:.68rem; color:#5f7266; margin:.85rem 0 0; }

.hero-chips{ position:relative; z-index:1; height:196px; display:flex; justify-content:center;
  align-items:flex-end; }
.ficha{ position:relative; width:118px; aspect-ratio:1/1; border-radius:50%;
  display:grid; place-items:center;
  background:radial-gradient(circle at 32% 26%, #475060, #222932 58%, #0e1319);
  box-shadow: inset 0 2px 3px rgba(255,255,255,.20), inset 0 -7px 14px rgba(0,0,0,.55),
    0 16px 34px rgba(0,0,0,.55), 0 0 0 4px #04070a, 0 0 42px rgba(0,208,132,.16);
  animation:ficha-f 7s ease-in-out infinite alternate; }
.ficha::after{ content:''; position:absolute; inset:9px; border-radius:50%;
  border:8px dashed rgba(255,255,255,.10); }
.ficha img{ width:56%; height:auto; filter:drop-shadow(0 1px 1px rgba(0,0,0,.6)); }
.ficha-stake{ transform:translate(24px,-4px) rotate(-8deg); z-index:1; }
.ficha-win{ transform:translate(-24px,-2px) rotate(9deg); z-index:1; animation-delay:.6s; }
.ficha-mystake{ width:132px; z-index:2; transform:translateY(-18px); animation-delay:1.2s;
  box-shadow: inset 0 2px 3px rgba(255,255,255,.22), inset 0 -7px 14px rgba(0,0,0,.55),
    0 18px 40px rgba(0,0,0,.62), 0 0 0 2px rgba(200,164,93,.55), 0 0 0 5px #04070a,
    0 0 46px rgba(200,164,93,.15); }
.ficha-mystake::after{ border-color:rgba(200,164,93,.30); }
@keyframes ficha-f{ from{ translate:0 0; } to{ translate:0 -7px; } }
@media (min-width:960px){
  .hero2{ grid-template-columns:1.12fr .88fr; align-items:center; gap:1rem; padding:3.4rem 6vw 3rem; }
  .hero2-title{ font-size:clamp(3rem, 4.6vw, 4.3rem); }
  .hero-chips{ height:270px; }
  .ficha{ width:150px; }
  .ficha-mystake{ width:172px; transform:translateY(-24px); }
  .ficha-stake{ transform:translate(34px,-6px) rotate(-8deg); }
  .ficha-win{ transform:translate(-34px,-4px) rotate(9deg); }
}

/* ── Navegación en cápsulas (scroll horizontal) ────────────── */
.cat-pills{ display:flex; gap:.5rem; overflow-x:auto; padding:.35rem 5vw .9rem;
  scrollbar-width:none; -webkit-overflow-scrolling:touch; border-bottom:1px solid #101a13; }
.cat-pills::-webkit-scrollbar{ display:none; }
.cat-pills a{ flex:0 0 auto; padding:.44rem .98rem; border:1px solid var(--line); border-radius:999px;
  background:#0a100c; color:var(--text-muted); font-size:.8rem; font-weight:600; text-decoration:none;
  letter-spacing:.01em; }
.cat-pills a:hover{ color:var(--verde); border-color:#27503a; }

/* ── ¿Qué estás buscando? ──────────────────────────────────── */
.seek{ padding:1.9rem 5vw .6rem; }
.seek h2, .seek-h2{ font-family:var(--font-head); font-size:1.25rem; letter-spacing:-.015em;
  margin:0 0 1rem; }
.seek-grid{ display:flex; gap:.8rem; overflow-x:auto; scrollbar-width:none; padding-bottom:.4rem; }
.seek-grid::-webkit-scrollbar{ display:none; }
.seek-card{ flex:0 0 min(252px, 74vw); display:flex; flex-direction:column; gap:.15rem;
  background:linear-gradient(180deg,#0c130f,#080d0a); border:1px solid var(--line);
  border-radius:16px; padding:1.05rem 1.1rem; text-decoration:none; color:var(--text-main); }
.seek-card:hover{ border-color:#27503a; }
.seek-ico{ font-size:1.45rem; line-height:1; }
.seek-t{ font-weight:700; font-size:.95rem; margin-top:.5rem; letter-spacing:-.01em; }
.seek-d{ font-size:.78rem; color:var(--text-muted); line-height:1.45; }
.seek-a{ margin-top:.55rem; color:var(--verde); font-size:.78rem; font-weight:700; }
@media (min-width:960px){
  .seek-grid{ display:grid; grid-template-columns:repeat(3,1fr); overflow:visible; }
  .seek-card{ flex:initial; }
}

/* ── Cards de operador tipo producto ───────────────────────── */
.brand-grid .brand-card{ background:linear-gradient(180deg,#0c130f,#080d0a);
  border:1px solid var(--line); border-radius:18px; padding:1.15rem 1.15rem 1.25rem;
  position:relative; overflow:hidden; display:flex; flex-direction:column; }
.brand-grid .brand-card::before{ content:''; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg,transparent,rgba(0,208,132,.55),transparent); }
.bc-head{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.bc-tag{ font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; color:#6b7f71;
  border:1px solid #1c2a20; border-radius:999px; padding:.24rem .6rem; font-weight:700; }
.bc-type{ font-size:.82rem; color:#8fa097; margin:.65rem 0 0; }
.bono-block{ margin:.95rem 0 .35rem; border-top:1px solid #16241b; padding-top:.85rem; }
.bono-label{ display:block; font-size:.6rem; letter-spacing:.24em; color:var(--oro);
  text-transform:uppercase; font-weight:700; margin-bottom:.2rem; }
.bono-amt{ display:block; font-family:var(--font-head); font-size:1.42rem; font-weight:800;
  letter-spacing:-.015em; }
.bono-cond{ font-size:.72rem; color:#6b7f71; margin-top:.1rem; }
.brand-puntos{ list-style:none; padding:0; margin:.7rem 0 1.1rem; }
.brand-puntos li{ position:relative; padding-left:1.35rem; margin:.42rem 0; font-size:.84rem;
  color:#c7d3ca; line-height:1.45; }
.brand-puntos li::before{ content:'✓'; position:absolute; left:0; top:0; color:var(--verde);
  font-weight:800; }
.brand-grid .brand-card .btn-primary{ display:block; width:100%; margin-top:auto; text-align:center; }
.bc-review{ display:inline-block; margin-top:.7rem; font-size:.8rem; color:var(--verde);
  text-decoration:none; font-weight:600; }
.bc-review:hover{ text-decoration:underline; }

/* ── Botones / CTA del sistema ─────────────────────────────── */
.btn-primary{ letter-spacing:.01em; box-shadow:0 10px 26px rgba(0,208,132,.16); }
.btn-primary:hover{ filter:brightness(1.08); box-shadow:0 12px 30px rgba(0,208,132,.22); }
.hero2-cta{ display:inline-flex; align-items:center; gap:.45rem; padding:.95rem 1.9rem;
  font-size:.95rem; }

/* ── Cookie banner compacto ────────────────────────────────── */
.cookie-banner{ left:auto !important; right:14px; bottom:14px; transform:none !important;
  width:auto; max-width:302px; background:#0b120e; border:1px solid var(--line);
  border-radius:14px; padding:12px 14px; display:flex; flex-direction:column; gap:9px;
  box-shadow:0 18px 44px rgba(0,0,0,.6); z-index:90; }
.cookie-banner p{ font-size:.74rem; }
.cookie-btn{ width:max-content; background:var(--verde); color:var(--ink) !important;
  padding:.45rem 1.1rem; border-radius:999px; font-weight:700; font-size:.8rem; }
@media (max-width:640px){
  .cookie-banner{ left:12px !important; right:12px; max-width:none; bottom:86px; }
}

/* ── Editorial interior: ritmo tipográfico ─────────────────── */
main h1{ font-family:var(--font-head); font-size:clamp(1.72rem, 4.6vw, 2.5rem);
  line-height:1.14; letter-spacing:-.015em; }
main h2, main h3{ font-family:var(--font-head); letter-spacing:-.012em; }

/* v5.1 · ajustes finos */
.br-d{ display:none; }
@media (min-width:960px){ .br-d{ display:block; } .cat-pills{ display:none; } }

/* v5.2 · pulido: píldoras en una sola fila + H1 desktop asimétrico real */
.cat-pills{ flex-wrap:nowrap !important; min-width:0; }
@media (min-width:960px){
  .hero2{ grid-template-columns:1.22fr .78fr; }
  .hero2-title{ font-size:clamp(2.9rem, 4.2vw, 3.9rem); }
}

/* v5.3 · Fraunces (display casino-editorial) + fichas interactivas + CTA neutro */
@font-face{ font-family:'Fraunces'; font-style:normal; font-weight:100 900; font-display:swap;
  src:url('/assets/fonts/fraunces-var-latin.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; }
:root{ --font-head:'Fraunces',Georgia,'Times New Roman',serif; }
.hero2-title{ font-optical-sizing:auto; font-variation-settings:'SOFT' 0,'WONK' 1; }
.logo span, .bc-tag, .bono-label, main h1, main h2, main h3{ font-variation-settings:'SOFT' 0,'WONK' 0; }

/* fichas = enlaces seleccionables */
.ficha{ cursor:pointer; text-decoration:none; -webkit-tap-highlight-color:transparent;
  transition:scale .25s cubic-bezier(.2,.8,.3,1), box-shadow .3s ease; }
.ficha:hover{ scale:1.05; }
.ficha:focus-visible{ outline:2px solid var(--verde); outline-offset:4px; }
.ficha.picked{ animation-play-state:paused; translate:0 -11px; scale:1.07; z-index:6;
  box-shadow: inset 0 2px 3px rgba(255,255,255,.22), inset 0 -7px 14px rgba(0,0,0,.55),
    0 22px 44px rgba(0,0,0,.65), 0 0 0 2px rgba(0,208,132,.55), 0 0 0 5px #04070a,
    0 0 64px rgba(0,208,132,.4); }

/* CTA neutro de listados (sin sesgo de marca) */
.affiliate-cta-neutral{ text-align:center; }
.affiliate-cta-neutral .btn-primary{ display:inline-block; min-width:250px; }

/* v5.4 · H1 desktop: "Una comparación" debe caber en una línea */
@media (min-width:960px){ .hero2-title{ font-size:clamp(2.9rem, 3.7vw, 3.35rem); } }

/* v5.5 · ritmo de página: hero/pills/seek al ancho real del main (1100px) */
.hero2{ padding-left:0; padding-right:0; }
.seek{ padding-left:0; padding-right:0; }
.cat-pills{ padding-left:0; padding-right:0; }
@media (min-width:960px){
  .hero2{ padding-top:3.2rem; padding-bottom:2.8rem;
    grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr); }
}

/* v5.6 · corrección cookies + selección espectacular de fichas */
.cookie-banner[hidden]{ display:none !important; }

/* estado "pulsada" instantáneo al dedo/ratón */
.ficha:active{ scale:.96; transition-duration:.1s; }

/* SELECCIÓN: la ficha elegida salta al frente, halo que se expande, aro girando */
.ficha{ overflow:visible; }
.ficha.picked{
  animation-play-state:paused;
  translate:0 -14px; scale:1.12; z-index:8;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.55));
  transition:translate .3s cubic-bezier(.2,.9,.3,1.4), scale .3s cubic-bezier(.2,.9,.3,1.4), box-shadow .35s ease, filter .3s ease;
  box-shadow: inset 0 2px 3px rgba(255,255,255,.24), inset 0 -7px 14px rgba(0,0,0,.55),
    0 26px 48px rgba(0,0,0,.7),
    0 0 0 2px rgba(0,208,132,.9), 0 0 0 5px #04070a,
    0 0 30px rgba(0,208,132,.55), 0 0 74px rgba(0,208,132,.38);
}
/* aro de dados girando lentamente mientras dura la selección */
.ficha.picked::after{
  border-color:rgba(0,208,132,.55);
  border-width:7px;
  animation:ficha-spin 5.5s linear infinite;
}
@keyframes ficha-spin{ to{ transform:rotate(360deg); } }
/* halo expansivo al seleccionar (solo ::before, libre) */
.ficha::before{
  content:''; position:absolute; inset:-10px; border-radius:50%;
  border:3px solid rgba(0,208,132,.85);
  opacity:0; transform:scale(.55); pointer-events:none;
}
.ficha.picked::before{ animation:ficha-halo .55s cubic-bezier(.15,.75,.35,1) .02s both; }
@keyframes ficha-halo{
  0%{ opacity:.95; transform:scale(.55); }
  100%{ opacity:0; transform:scale(1.55); }
}
/* las otras dos se retiran discretamente: queda claro cuál elegiste */
.ficha.dimmed{ opacity:.42; scale:.94; filter:saturate(.55) brightness(.85); transition:opacity .3s ease, scale .3s ease, filter .3s ease; }
/* chulo de "seleccionada" — marca efímera, no altera la ficha en reposo */
.ficha .ficha-ok{ display:none; }
.ficha.picked .ficha-ok{
  display:grid; place-items:center; position:absolute; top:-4px; right:-4px; z-index:3;
  width:30px; height:30px; border-radius:50%;
  background:linear-gradient(180deg,#2ee6a8,#00b574); color:#03130c;
  border:2.5px solid #04070a; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 16px rgba(0,208,132,.5);
  font-size:15px; font-weight:900; line-height:1;
  animation:ficha-okin .34s cubic-bezier(.2,.9,.3,1.6) .12s both;
}
.ficha.picked .ficha-ok::before{ content:'✓'; }
@keyframes ficha-okin{ 0%{ transform:scale(0); } 100%{ transform:scale(1); } }

/* v5.7 · captions de capturas propias + seek-grid con 6 tarjetas */
figure.cap{ margin:1.4rem 0 1.6rem; }
figure.cap img{ width:100%; height:auto; border-radius:14px; border:1px solid var(--line);
  box-shadow:0 14px 34px rgba(0,0,0,.45); display:block; }
figure.cap figcaption{ margin-top:.55rem; font-size:.78rem; color:#8b949e; font-style:italic; }

/* v5.8 · logo-moneda real del usuario en cabecera */
.logo-coin{ width:34px; height:34px; border-radius:50%;
  box-shadow:0 0 0 1px rgba(0,208,132,.35), 0 4px 10px rgba(0,0,0,.4); }
header .logo{ gap:.55rem; }
header.site-header .logo-coin{ width:30px; height:30px; }

/* v5.9 · slots de banner de afiliado (autoalojados) */
.ad-slot{ position:relative; margin:2.1rem auto; padding:0; width:fit-content; max-width:100%; }
.ad-slot a{ display:block; border-radius:14px; overflow:hidden; border:1px solid var(--line);
  box-shadow:0 16px 38px rgba(0,0,0,.5); line-height:0; transition:transform .22s ease, box-shadow .25s ease; }
.ad-slot a:hover{ transform:translateY(-2px); box-shadow:0 20px 44px rgba(0,0,0,.6), 0 0 0 1px rgba(0,208,132,.35); }
.ad-slot img{ width:100%; height:auto; display:block; }
.ad-slot picture{ display:block; }
.ad-tag{ position:absolute; top:9px; right:9px; z-index:2; padding:3px 8px; border-radius:6px;
  background:rgba(4,7,10,.78); color:#9aa3ad; font-size:.6rem; font-weight:700;
  letter-spacing:.09em; text-transform:uppercase; line-height:1; pointer-events:none; }

/* v5.10 · nota de disponibilidad por jurisdicción (review 1win) */
.legal-note{ margin:1.8rem 0; padding:.85rem 1rem .85rem 1.1rem; border-left:3px solid var(--oro);
  background:rgba(200,164,93,.06); border-radius:0 10px 10px 0; font-size:.82rem; color:#a7b0b9;
  line-height:1.55; }
.legal-note strong{ color:#d4c9ae; font-weight:650; }

/* v6.0 — 03-10-2026 · sección regional /mx/ (Fase 1 orquestación geo):
   sin estilos nuevos; reutiliza .geo-chip. Cambios solo en build/plantilla. */


/* ── MyStake · carrusel de métodos (solo páginas exclusivas MyStake) ── */
.mystake-payments{margin:2.4rem 0 .8rem;padding:1rem 0 .85rem;border-top:1px solid rgba(127,91,255,.32);border-bottom:1px solid rgba(127,91,255,.20);overflow:hidden}
.mystake-payments__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0 1rem .7rem}
.mystake-payments__eyebrow{margin:0;color:#d8c7ff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.mystake-payments__note{margin:0;color:var(--text-muted);font-size:.72rem;text-align:right}
.mystake-payments__viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mystake-payments__track{display:flex;width:max-content;animation:mystake-payments-scroll 29s linear infinite;will-change:transform}
.mystake-payments__list{display:flex;align-items:center;gap:.55rem;flex:none;list-style:none;margin:0;padding:0 .275rem}
.mystake-payments__item{display:grid;place-items:center;flex:0 0 86px;height:40px;padding:.28rem .45rem;border:1px solid rgba(143,109,255,.22);border-radius:9px;background:linear-gradient(135deg,rgba(81,54,148,.16),rgba(5,12,22,.34))}
.mystake-payments__item img{display:block;width:100%;height:29px;object-fit:contain}
.mystake-payments__caption{margin:.7rem 1rem 0;color:#77838c;font-size:.68rem;line-height:1.4;text-align:center}
@keyframes mystake-payments-scroll{to{transform:translateX(-50%)}}
@media (min-width:960px){.mystake-payments{margin-top:3rem;padding:1.15rem 0 1rem}.mystake-payments__head{padding:0 1.4rem .85rem}.mystake-payments__eyebrow{font-size:.78rem}.mystake-payments__note{font-size:.76rem}.mystake-payments__list{gap:.8rem}.mystake-payments__item{flex-basis:118px;height:48px;padding:.38rem .7rem}.mystake-payments__item img{height:34px}.mystake-payments__track{animation-duration:34s}.mystake-payments__caption{font-size:.72rem}}
@media (prefers-reduced-motion:reduce){.mystake-payments__viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.mystake-payments__track{animation:none}.mystake-payments__list[aria-hidden="true"]{display:none}}


/* ── Stake · carrusel de patrocinios (solo páginas exclusivas Stake) ── */
.stake-sponsors{margin:2.6rem 0 .8rem;padding:1rem 0 .9rem;border-top:1px solid rgba(67,156,255,.34);border-bottom:1px solid rgba(67,156,255,.22);overflow:hidden}
.stake-sponsors__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0 1rem .75rem}
.stake-sponsors__eyebrow{margin:0;color:var(--accent);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;text-shadow:0 0 12px rgba(0,208,132,.3)}
.stake-sponsors__note{margin:0;color:var(--text-muted);font-size:.72rem;text-align:right}
.stake-sponsors__viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.stake-sponsors__track{display:flex;width:max-content;animation:stake-sponsors-scroll 84s linear infinite;will-change:transform}
.stake-sponsors__list{display:flex;align-items:stretch;gap:.58rem;flex:none;list-style:none;margin:0;padding:0 .29rem}
.stake-sponsors__item{flex:0 0 116px;margin:0}
.stake-sponsors__card{display:flex;flex-direction:column;justify-content:space-between;height:106px;margin:0;padding:.35rem;border:1px solid rgba(91,169,255,.2);border-radius:10px;background:linear-gradient(145deg,rgba(40,101,151,.2),rgba(5,18,29,.54));overflow:hidden}
.stake-sponsors__visual{display:block;min-height:72px;height:72px;border-radius:7px;overflow:hidden;background:#0b2231}
.stake-sponsors__visual img{display:block;width:100%;height:100%;object-fit:cover}
.stake-sponsors__item--logo .stake-sponsors__visual img,.stake-sponsors__item--event .stake-sponsors__visual img{object-fit:contain;padding:.18rem}
.stake-sponsors__label{display:block;overflow:hidden;margin:0 .15rem .28rem;color:#dceafb;font-size:.62rem;font-weight:750;line-height:1.1;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.stake-sponsors__caption{max-width:730px;margin:.75rem auto 0;padding:0 1rem;color:#77838c;font-size:.68rem;line-height:1.42;text-align:center}
@keyframes stake-sponsors-scroll{to{transform:translateX(-50%)}}
@media (min-width:960px){.stake-sponsors{margin-top:3.1rem;padding:1.15rem 0 1rem}.stake-sponsors__head{padding:0 1.4rem .9rem}.stake-sponsors__eyebrow{font-size:.78rem}.stake-sponsors__note{font-size:.76rem}.stake-sponsors__list{gap:.78rem}.stake-sponsors__item{flex-basis:142px}.stake-sponsors__card{height:122px;padding:.42rem}.stake-sponsors__visual{height:83px;min-height:83px}.stake-sponsors__label{font-size:.69rem}.stake-sponsors__track{animation-duration:98s}.stake-sponsors__caption{font-size:.72rem}}
@media (prefers-reduced-motion:reduce){.stake-sponsors__viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.stake-sponsors__track{animation:none}.stake-sponsors__list[aria-hidden="true"]{display:none}}

/* Cabecera móvil: logo e iconos comparten una sola línea compacta. */
@media (max-width:959px){
  header.site-header{flex-direction:row;align-items:center;justify-content:space-between;min-height:56px;padding:.5rem 5vw;}
  header.site-header .logo,.header-right{flex-shrink:0;}
}

/* Corrección final móvil: una sola barra horizontal y sin cabecera pegajosa. */
@media (max-width:959px){
  header.site-header{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    position:relative !important;
    top:auto !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 5vw !important;
  }
  header.site-header .logo,
  header.site-header .header-right{
    align-self:center !important;
    height:38px;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
  header.site-header .logo{display:flex;align-items:center;}
  .nav-drawer{position:relative;top:auto;}
}


/* ── PAF · carrusel de métodos (guía de pagos PAF) ── */
.paf-payments{margin:1.8rem 0 2.1rem;padding:1rem 0 .9rem;border-top:1px solid rgba(0,208,132,.33);border-bottom:1px solid rgba(0,208,132,.2);overflow:hidden}
.paf-payments__head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;padding:0 1rem .7rem}
.paf-payments__eyebrow{margin:0;color:var(--accent);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;text-shadow:0 0 12px rgba(0,208,132,.25)}
.paf-payments__note{margin:0;color:var(--text-muted);font-size:.7rem;text-align:right}
.paf-payments__viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.paf-payments__track{display:flex;width:max-content;animation:paf-payments-scroll 42s linear infinite;will-change:transform}
.paf-payments__list{display:flex;align-items:stretch;gap:.58rem;flex:none;list-style:none;margin:0;padding:0 .29rem}
.paf-payments__item{flex:0 0 126px;margin:0}
.paf-payments__card{display:flex;flex-direction:column;height:108px;margin:0;padding:.36rem;border:1px solid rgba(0,208,132,.18);border-radius:10px;background:linear-gradient(145deg,rgba(0,89,77,.28),rgba(3,25,22,.62));overflow:hidden}
.paf-payments__visual{display:grid;place-items:center;flex:1;min-height:65px;border-radius:7px;background:#003f38}
.paf-payments__visual img{display:block;max-width:89%;max-height:48px;object-fit:contain}
.paf-payments__name{overflow:hidden;margin:.32rem .12rem 0;color:#ecfdf5;font-size:.66rem;font-weight:750;line-height:1.05;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.paf-payments__use{margin:.12rem 0 0;color:#82a89d;font-size:.56rem;font-weight:700;letter-spacing:.05em;line-height:1;text-align:center;text-transform:uppercase}
.paf-payments__caption{max-width:710px;margin:.72rem auto 0;padding:0 1rem;color:#77838c;font-size:.68rem;line-height:1.42;text-align:center}
@keyframes paf-payments-scroll{to{transform:translateX(-50%)}}
@media (min-width:960px){.paf-payments{margin:2.2rem 0 2.5rem;padding:1.15rem 0 1rem}.paf-payments__head{padding:0 1.4rem .85rem}.paf-payments__eyebrow{font-size:.78rem}.paf-payments__note{font-size:.76rem}.paf-payments__list{gap:.8rem}.paf-payments__item{flex-basis:145px}.paf-payments__card{height:122px;padding:.45rem}.paf-payments__visual{min-height:75px}.paf-payments__visual img{max-height:55px}.paf-payments__name{font-size:.7rem}.paf-payments__use{font-size:.59rem}.paf-payments__track{animation-duration:52s}.paf-payments__caption{font-size:.72rem}}
@media (prefers-reduced-motion:reduce){.paf-payments__viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.paf-payments__track{animation:none}.paf-payments__list[aria-hidden="true"]{display:none}}

/* ── 1Win TV · acceso editorial destacado y guía Live ─────────────── */
.live-tv-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:1.85rem;height:1.28rem;border:1.5px solid currentColor;border-radius:.3rem;color:inherit;line-height:1;}
.live-tv-icon::before{content:'▶';font-family:Arial,sans-serif;font-size:.58rem;line-height:1;transform:translateX(.04rem);}
.live-tv-icon::after{content:'';position:absolute;left:50%;bottom:-.32rem;width:.54rem;height:.14rem;border-radius:999px;background:currentColor;transform:translateX(-50%);}
.cat-pills .cat-pills-live{display:inline-flex;align-items:center;gap:.48rem;min-width:200px;padding:.48rem .68rem .48rem .62rem;border-color:rgba(96,165,250,.74);background:linear-gradient(105deg,#0b3870,#123b78 55%,#51266f);color:#f6fbff;box-shadow:0 6px 20px rgba(37,99,235,.23);}
.cat-pills .cat-pills-live:hover{border-color:#c4d9ff;color:#fff;filter:brightness(1.1);}
.cat-pills-live .live-tv-icon{color:#c5e4ff;}
.cat-pills-live strong,.cat-pills-live small{display:block;line-height:1.05;}
.cat-pills-live strong{font-size:.75rem;letter-spacing:.015em;}
.cat-pills-live small{margin-top:.13rem;color:#bed5f7;font-size:.59rem;font-weight:600;}
.cat-live-arrow{margin-left:auto;color:#d5f4ff;font-size:1rem;}

.win-live-signal{display:flex;align-items:center;gap:.8rem;margin:1.25rem 0 1.65rem;padding:.85rem 1rem;border:1px solid rgba(96,165,250,.38);border-radius:14px;background:linear-gradient(105deg,rgba(13,59,118,.42),rgba(78,34,113,.23));}
.win-live-signal .live-tv-icon{width:2.3rem;height:1.58rem;color:#cbeaff;border-color:rgba(203,234,255,.9);box-shadow:0 0 0 6px rgba(104,188,255,.1);}
.win-live-signal .live-tv-icon::before{font-size:.72rem;}
.win-live-signal__eyebrow{margin:0;color:#bfe0ff;font-size:.66rem;font-weight:800;letter-spacing:.13em;line-height:1.25;text-transform:uppercase;}
.win-live-signal__copy{margin:.18rem 0 0;color:#d6e6f6;font-size:.83rem;line-height:1.4;}
.win-live-signal__pulse{flex:0 0 auto;margin-left:auto;padding:.3rem .5rem;border:1px solid rgba(255,141,192,.45);border-radius:999px;background:rgba(235,50,124,.16);color:#ffc1dc;font-size:.59rem;font-weight:800;letter-spacing:.1em;white-space:nowrap;}
.live-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.1rem 0 1.65rem;}
.live-value-card{padding:.9rem;border:1px solid rgba(96,165,250,.24);border-radius:12px;background:linear-gradient(145deg,rgba(12,46,87,.34),rgba(10,17,31,.42));}
.live-value-card>span{display:block;margin-bottom:.4rem;color:#81c7ff;font-size:1.05rem;line-height:1;}
.live-value-card strong{display:block;color:#edf7ff;font-size:.8rem;}
.live-value-card p{margin:.32rem 0 0;color:#adc4d8;font-size:.74rem;line-height:1.45;}
.live-steps{display:grid;gap:.7rem;margin:1rem 0 1.45rem;padding:0;list-style:none;counter-reset:live;}
.live-steps li{display:flex;gap:.85rem;align-items:flex-start;padding:.82rem .92rem;border:1px solid rgba(96,165,250,.2);border-radius:12px;background:rgba(7,21,38,.45);}
.live-step-number{display:grid;place-items:center;flex:0 0 1.65rem;width:1.65rem;height:1.65rem;border-radius:50%;background:linear-gradient(145deg,#6ac7ff,#7462e4);color:#071524;font-size:.73rem;font-weight:900;}
.live-steps strong{display:block;color:#f0f8ff;font-size:.88rem;line-height:1.35;}
.live-steps p{margin:.18rem 0 0;font-size:.8rem;line-height:1.5;}
.live-availability{margin:1.1rem 0 1.8rem;padding:.9rem 1rem;border-left:3px solid #86ccff;border-radius:0 10px 10px 0;background:rgba(63,140,214,.1);color:#bbd4e8;font-size:.82rem;line-height:1.55;}
.live-availability strong{color:#ebf7ff;}
.win-partners-badge{display:flex;gap:.75rem;align-items:flex-start;margin:2.1rem 0 .45rem;padding:1rem;border:1px solid rgba(200,164,93,.3);border-radius:12px;background:linear-gradient(115deg,rgba(200,164,93,.1),rgba(11,17,24,.38));}
.win-partners-badge__mark{display:grid;place-items:center;flex:0 0 1.8rem;width:1.8rem;height:1.8rem;border:1px solid rgba(230,201,134,.5);border-radius:50%;color:#f0d696;font-size:.78rem;}
.win-partners-badge__eyebrow{margin:0;color:#d9c18a;font-size:.62rem;font-weight:800;letter-spacing:.12em;line-height:1.25;text-transform:uppercase;}
.win-partners-badge__copy{margin:.3rem 0 .45rem;color:#aeb7c1;font-size:.76rem;line-height:1.5;}
.win-partners-badge__copy strong{color:#e9eef2;}
.win-partners-badge a{font-size:.75rem;font-weight:700;text-decoration:none;}
.win-partners-badge a:hover{text-decoration:underline;}
@media (max-width:700px){
  .live-value-grid{grid-template-columns:1fr;}
  .win-live-signal{align-items:flex-start;}
  .win-live-signal__pulse{margin-left:0;}
}
@media (max-width:420px){
  .win-live-signal{flex-wrap:wrap;}
  .win-live-signal>div{flex:1 1 180px;}
  .win-live-signal__pulse{margin-left:auto;}
}


/* 1Win TV · en escritorio se integra junto al CTA verde de la home. */
.home-tv-cta{display:none;}
@media (min-width:960px){
  .home-tv-cta{display:inline-flex;align-items:center;gap:.55rem;margin:1rem 0 0 .62rem;padding:.79rem 1.08rem;
    border:1px solid rgba(132,190,255,.82);border-radius:999px;background:linear-gradient(105deg,#0b4b92,#1a67b5 54%,#703ba5);
    color:#f8fbff !important;font-size:.84rem;font-weight:750;line-height:1;text-decoration:none;vertical-align:middle;
    box-shadow:0 9px 24px rgba(30,95,190,.28);transition:filter .2s ease,transform .2s ease;}
  .home-tv-cta:hover{color:#fff !important;filter:brightness(1.1);transform:translateY(-1px);}
  .home-tv-cta .live-tv-icon{width:1.72rem;height:1.2rem;color:#e2f4ff;border-color:rgba(226,244,255,.95);}
  .home-tv-cta .live-tv-icon::before{font-size:.55rem;}
  .home-tv-cta strong,.home-tv-cta small{display:block;}
  .home-tv-cta strong{font-size:.83rem;line-height:1.05;}
  .home-tv-cta small{margin-top:.13rem;color:#d2e8ff;font-size:.62rem;font-weight:650;line-height:1.05;}
  .home-tv-cta__arrow{margin-left:.08rem;color:#eaf7ff;font-size:1.05rem;}
}