<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mejores Casas de Apuestas España 2026 — Con App Móvil</title>
<meta name="description" content="Mejores apps de casas de apuestas deportivas España 2026 para iOS y Android. Comparamos funciones, velocidad y bonos de bienvenida disponibles en móvil.">
<link rel="canonical" href="https://tuitformacion.com/es-es/">
<link rel="alternate" hreflang="es" href="https://tuitformacion.com/">
<link rel="alternate" hreflang="es-ES" href="https://tuitformacion.com/es-es/">

<!-- Open Graph -->
<meta property="og:title" content="Mejores Casas de Apuestas España 2026 — Con App Móvil">
<meta property="og:description" content="Mejores apps de casas de apuestas deportivas España 2026 para iOS y Android. Comparamos funciones, velocidad y bonos de bienvenida disponibles en móvil.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://tuitformacion.com/es-es/">
<meta property="og:image" content="https://tuitformacion.com/assets/og-casas-apuestas.jpg">
<meta name="twitter:card" content="summary_large_image">

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">

<!-- JSON-LD -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "Mejores Casas de Apuestas España 2026",
  "description": "Las mejores casas de apuestas online de España 2026 con apps para iOS y Android y licencia DGOJ.",
  "url": "https://tuitformacion.com/es-es/",
  "inLanguage": "es-ES",
  "publisher": {
    "@type": "Organization",
    "name": "TuitFormacion",
    "url": "https://tuitformacion.com"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "Top 10 Mejores Casas de Apuestas España 2026",
  "description": "Ranking de las mejores casas de apuestas deportivas en España con licencia DGOJ.",
  "url": "https://tuitformacion.com/es-es/",
  "numberOfItems": 10,
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "1Win", "url": "https://partners-official.com/4xZc8V"},
    {"@type": "ListItem", "position": 2, "name": "Bet365"},
    {"@type": "ListItem", "position": 3, "name": "888sport"},
    {"@type": "ListItem", "position": 4, "name": "Betfair"},
    {"@type": "ListItem", "position": 5, "name": "William Hill"},
    {"@type": "ListItem", "position": 6, "name": "Sportium"},
    {"@type": "ListItem", "position": 7, "name": "Codere"},
    {"@type": "ListItem", "position": 8, "name": "LaBrasa"},
    {"@type": "ListItem", "position": 9, "name": "Betway"},
    {"@type": "ListItem", "position": 10, "name": "Bwin"}
  ]
}
</script>

<style>
/* ═══ RESET ═══ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

/* ═══ STYLE-15: WEB3 / CRYPTO VARIABLES ═══ */
:root {
  --bg: #0A0E1A;
  --bg-card: #0F1428;
  --bg-card2: #111830;
  --primary: #6E56CF;
  --primary-glow: rgba(110, 86, 207, 0.35);
  --secondary: #14B8A6;
  --secondary-glow: rgba(20, 184, 166, 0.3);
  --accent: #818CF8;
  --text: #F1F5F9;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  --border: rgba(110, 86, 207, 0.2);
  --border-hover: rgba(110, 86, 207, 0.5);
  --gold: #F59E0B;
  --radius: 16px;
  --radius-sm: 8px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  overflow-x: hidden;
}

/* ═══ MESH GRADIENT ANIMATION ═══ */
@keyframes meshMove {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(30px, -20px) scale(1.05); }
  50% { transform: translate(-20px, 30px) scale(0.97); }
  75% { transform: translate(20px, 20px) scale(1.03); }
}
@keyframes nodeFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.4; }
  50% { transform: translateY(-20px) rotate(180deg); opacity: 0.8; }
}
@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 15px var(--primary-glow); }
  50% { box-shadow: 0 0 35px var(--primary-glow), 0 0 60px rgba(110,86,207,0.2); }
}
@keyframes gradShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes countUp {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ═══ MESH BACKGROUND ═══ */
.mesh-gradient {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.mesh-gradient::before {
  content: '';
  position: absolute;
  width: 800px; height: 800px;
  top: -200px; left: -200px;
  background: radial-gradient(circle, rgba(110,86,207,0.15) 0%, transparent 70%);
  animation: meshMove 15s ease-in-out infinite;
}
.mesh-gradient::after {
  content: '';
  position: absolute;
  width: 600px; height: 600px;
  bottom: -100px; right: -100px;
  background: radial-gradient(circle, rgba(20,184,166,0.12) 0%, transparent 70%);
  animation: meshMove 20s ease-in-out infinite reverse;
}

/* ═══ FLOATING NODES ═══ */
.node-graph {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  pointer-events: none;
}
.node {
  position: absolute;
  border-radius: 50%;
  animation: nodeFloat linear infinite;
}
.node-1 { width: 4px; height: 4px; background: var(--primary); top: 20%; left: 10%; animation-duration: 6s; }
.node-2 { width: 3px; height: 3px; background: var(--secondary); top: 40%; left: 80%; animation-duration: 8s; animation-delay: -2s; }
.node-3 { width: 5px; height: 5px; background: var(--accent); top: 70%; left: 20%; animation-duration: 7s; animation-delay: -4s; }
.node-4 { width: 2px; height: 2px; background: var(--primary); top: 15%; left: 60%; animation-duration: 9s; animation-delay: -1s; }
.node-5 { width: 4px; height: 4px; background: var(--secondary); top: 85%; left: 70%; animation-duration: 5s; animation-delay: -3s; }
.node-6 { width: 3px; height: 3px; background: var(--accent); top: 55%; left: 45%; animation-duration: 10s; animation-delay: -5s; }

/* ═══ LAYOUT ═══ */
.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.full-width { width: 100%; }

/* ═══ HEADER ═══ */
.site-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  background: rgba(10, 14, 26, 0.85);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
  padding: 14px 0;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}
.logo {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--text);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.logo-badge {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.7rem;
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: 0.05em;
}
.header-cta {
  background: linear-gradient(135deg, var(--primary), #8B5CF6);
  color: #fff;
  padding: 8px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  transition: var(--transition);
}
.header-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 25px var(--primary-glow);
}

/* ═══ HERO ═══ */
.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 120px 20px 80px;
  position: relative;
}
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(110, 86, 207, 0.15);
  border: 1px solid var(--border);
  border-radius: 50px;
  padding: 6px 16px;
  font-size: 0.8rem;
  color: var(--accent);
  font-family: 'JetBrains Mono', monospace;
  margin-bottom: 24px;
  animation: fadeInUp 0.6s ease both;
}
.hero-badge::before {
  content: '●';
  color: var(--secondary);
  animation: pulseGlow 2s ease-in-out infinite;
}
.hero h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.2;
  margin-bottom: 20px;
  background: linear-gradient(135deg, #fff 0%, var(--accent) 50%, var(--secondary) 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: fadeInUp 0.7s ease 0.1s both, gradShift 5s ease infinite;
}
.hero-desc {
  font-size: 1.1rem;
  color: var(--text-muted);
  max-width: 680px;
  margin: 0 auto 36px;
  animation: fadeInUp 0.7s ease 0.2s both;
}
.hero-stats {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  animation: fadeInUp 0.7s ease 0.3s both;
}
.stat-item {
  text-align: center;
}
.stat-num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 2rem;
  font-weight: 600;
  color: var(--secondary);
}
.stat-label {
  font-size: 0.8rem;
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.hero-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  background-size: 200% 200%;
  color: #fff;
  padding: 16px 40px;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: var(--transition);
  animation: fadeInUp 0.7s ease 0.4s both, gradShift 4s ease infinite;
}
.hero-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(110, 86, 207, 0.4);
}

/* ═══ SECTIONS ═══ */
section {
  padding: 80px 0;
  position: relative;
  z-index: 1;
}
section:nth-child(even) {
  background: linear-gradient(180deg, transparent 0%, rgba(110,86,207,0.03) 50%, transparent 100%);
}
.section-header {
  text-align: center;
  margin-bottom: 50px;
}
.section-tag {
  display: inline-block;
  background: rgba(110, 86, 207, 0.12);
  color: var(--accent);
  border: 1px solid rgba(110, 86, 207, 0.3);
  border-radius: 50px;
  padding: 4px 14px;
  font-size: 0.75rem;
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.section-header h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
  color: var(--text);
  line-height: 1.3;
}
.section-header p {
  color: var(--text-muted);
  max-width: 600px;
  margin: 14px auto 0;
  font-size: 1rem;
}

/* ═══ POOL CARDS (Top-10) ═══ */
.pool-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: var(--transition);
  margin-bottom: 16px;
  text-decoration: none;
  color: inherit;
  position: relative;
  overflow: hidden;
}
.pool-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 3px; height: 100%;
  background: linear-gradient(180deg, var(--primary), var(--secondary));
  opacity: 0;
  transition: var(--transition);
}
.pool-card:hover {
  border-color: var(--border-hover);
  transform: translateX(4px);
  box-shadow: 0 8px 30px rgba(110, 86, 207, 0.15);
  background: var(--bg-card2);
}
.pool-card:hover::before { opacity: 1; }

.card-rank {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--text-dim);
  min-width: 36px;
}
.pool-card[data-rank="1"] .card-rank { color: var(--gold); }
.pool-card[data-rank="2"] .card-rank { color: #CBD5E1; }
.pool-card[data-rank="3"] .card-rank { color: #CD7F32; }

.card-logo {
  width: 52px; height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
  color: #fff;
}

.card-info { flex: 1; }
.card-name {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--text);
  margin-bottom: 4px;
}
.card-desc {
  font-size: 0.85rem;
  color: var(--text-muted);
}

.card-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}
.pool-card__apy {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--secondary);
}
.token-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.3);
  color: var(--secondary);
  border-radius: 50px;
  padding: 3px 10px;
  font-size: 0.72rem;
  font-family: 'JetBrains Mono', monospace;
}
.token-badge.purple {
  background: rgba(110, 86, 207, 0.12);
  border-color: rgba(110, 86, 207, 0.3);
  color: var(--accent);
}
.token-badge.gold {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.3);
  color: var(--gold);
}

.card-cta {
  background: linear-gradient(135deg, var(--primary), #8B5CF6);
  color: #fff;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: var(--transition);
  flex-shrink: 0;
}
.card-cta:hover {
  box-shadow: 0 6px 20px var(--primary-glow);
  transform: translateY(-1px);
}

/* ═══ PROTOCOL GRID ═══ */
.protocol {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}
.protocol-item {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px;
  transition: var(--transition);
}
.protocol-item:hover {
  border-color: var(--border-hover);
  box-shadow: 0 8px 25px var(--primary-glow);
}
.protocol-icon {
  width: 48px; height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(110,86,207,0.2), rgba(20,184,166,0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 16px;
}
.protocol-item h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: var(--text);
  margin-bottom: 8px;
}
.protocol-item p {
  font-size: 0.88rem;
  color: var(--text-muted);
  line-height: 1.6;
}

/* ═══ APP COMPARISON INTERACTIVE ═══ */
.app-comparison {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}
.app-tabs {
  display: flex;
  border-bottom: 1px solid var(--border);
}
.app-tab {
  flex: 1;
  padding: 16px;
  text-align: center;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--text-muted);
  cursor: pointer;
  transition: var(--transition);
  border: none;
  background: transparent;
}
.app-tab.active {
  color: var(--text);
  background: rgba(110, 86, 207, 0.1);
  border-bottom: 2px solid var(--primary);
  margin-bottom: -1px;
}
.app-tab:hover:not(.active) { color: var(--text); background: rgba(255,255,255,0.03); }

.app-panel {
  padding: 28px;
  display: none;
}
.app-panel.active { display: block; }
.app-list { list-style: none; }
.app-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.app-list li:last-child { border-bottom: none; }
.app-rank {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  color: var(--text-dim);
  min-width: 24px;
}
.app-logo {
  width: 36px; height: 36px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
.app-info { flex: 1; }
.app-name {
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text);
}
.app-detail { font-size: 0.8rem; color: var(--text-muted); }
.app-rating {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.85rem;
  color: var(--gold);
}

/* ═══ BONUS CALCULATOR ═══ */
.calculator {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 32px;
  max-width: 560px;
  margin: 0 auto;
}
.calculator h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--text);
  margin-bottom: 24px;
  text-align: center;
}
.calc-field {
  margin-bottom: 20px;
}
.calc-field label {
  display: block;
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 8px;
  font-weight: 500;
}
.calc-field select,
.calc-field input {
  width: 100%;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 12px 16px;
  color: var(--text);
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.95rem;
  outline: none;
  transition: var(--transition);
  -webkit-appearance: none;
}
.calc-field select:focus,
.calc-field input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-glow);
}
.calc-btn {
  width: 100%;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  background-size: 200% 200%;
  color: #fff;
  border: none;
  padding: 14px;
  border-radius: var(--radius-sm);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: var(--transition);
  animation: gradShift 4s ease infinite;
}
.calc-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px var(--primary-glow);
}
.calc-result {
  margin-top: 20px;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: var(--radius-sm);
  padding: 20px;
  display: none;
  text-align: center;
}
.calc-result.show { display: block; }
.result-total {
  font-family: 'JetBrains Mono', monospace;
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--secondary);
}
.result-label {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-top: 4px;
}

/* ═══ TABLE ═══ */
.table-wrap {
  overflow-x: auto;
  border-radius: var(--radius);
  border: 1px solid var(--border);
}
table {
  width: 100%;
  border-collapse: collapse;
}
thead tr {
  background: rgba(110, 86, 207, 0.15);
}
th {
  padding: 14px 16px;
  text-align: left;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 0.82rem;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
}
td {
  padding: 13px 16px;
  font-size: 0.9rem;
  color: var(--text-muted);
  border-top: 1px solid rgba(255,255,255,0.04);
}
tr:hover td { background: rgba(110, 86, 207, 0.05); }
.td-name {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  color: var(--text);
}
.td-num {
  font-family: 'JetBrains Mono', monospace;
  color: var(--secondary);
}
.td-check { color: var(--secondary); font-size: 1rem; }
.td-cross { color: #EF4444; font-size: 1rem; }

/* ═══ STEPS ═══ */
.steps {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 700px;
  margin: 0 auto;
}
.step {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px;
  transition: var(--transition);
}
.step:hover {
  border-color: var(--border-hover);
  box-shadow: 0 4px 20px var(--primary-glow);
}
.step-num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--primary);
  min-width: 40px;
  line-height: 1;
}
.step-content h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: var(--text);
  margin-bottom: 6px;
}
.step-content p { font-size: 0.9rem; color: var(--text-muted); }

/* ═══ PAYMENT GRID ═══ */
.payment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 14px;
}
.payment-item {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 16px;
  text-align: center;
  transition: var(--transition);
}
.payment-item:hover {
  border-color: var(--border-hover);
  box-shadow: 0 4px 15px var(--primary-glow);
}
.payment-icon { font-size: 1.8rem; margin-bottom: 8px; }
.payment-name {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
}
.payment-speed { font-size: 0.75rem; color: var(--secondary); font-family: 'JetBrains Mono', monospace; }

/* ═══ FAQ ═══ */
.faq-list { max-width: 800px; margin: 0 auto; }
.faq-item {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  margin-bottom: 10px;
  overflow: hidden;
  transition: var(--transition);
}
.faq-item.open { border-color: var(--border-hover); }
.faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  cursor: pointer;
  background: var(--bg-card);
  transition: var(--transition);
  gap: 12px;
}
.faq-q:hover { background: var(--bg-card2); }
.faq-q span:first-child {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text);
  flex: 1;
}
.faq-icon {
  width: 24px; height: 24px;
  border-radius: 50%;
  background: rgba(110, 86, 207, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  color: var(--accent);
  flex-shrink: 0;
  transition: var(--transition);
}
.faq-item.open .faq-icon { transform: rotate(45deg); background: var(--primary); color: #fff; }
.faq-a {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  background: rgba(10, 14, 26, 0.5);
}
.faq-item.open .faq-a {
  padding: 16px 20px 20px;
  max-height: 300px;
}
.faq-a p { font-size: 0.9rem; color: var(--text-muted); line-height: 1.7; }

/* ═══ BONUS CARDS ═══ */
.bonus-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.bonus-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px;
  transition: var(--transition);
}
.bonus-card:hover {
  border-color: var(--border-hover);
  box-shadow: 0 8px 30px var(--primary-glow);
  transform: translateY(-3px);
}
.bonus-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.bonus-brand {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--text);
}
.bonus-amount {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--gold);
}
.bonus-desc { font-size: 0.88rem; color: var(--text-muted); margin-bottom: 16px; }
.bonus-tags { display: flex; gap: 8px; flex-wrap: wrap; }

/* ═══ SPORT SECTION ═══ */
.sport-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 14px;
}
.sport-item {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 20px 14px;
  text-align: center;
  transition: var(--transition);
}
.sport-item:hover {
  border-color: var(--border-hover);
  transform: translateY(-2px);
}
.sport-icon { font-size: 2rem; margin-bottom: 8px; }
.sport-name { font-size: 0.85rem; font-weight: 600; color: var(--text); }
.sport-odds { font-size: 0.75rem; color: var(--secondary); font-family: 'JetBrains Mono', monospace; margin-top: 3px; }

/* ═══ ALERT BOX ═══ */
.alert-box {
  background: rgba(110, 86, 207, 0.08);
  border: 1px solid rgba(110, 86, 207, 0.25);
  border-left: 3px solid var(--primary);
  border-radius: var(--radius-sm);
  padding: 18px 20px;
  margin: 20px 0;
  font-size: 0.92rem;
  color: var(--text-muted);
  line-height: 1.7;
}
.alert-box strong { color: var(--text); }

.alert-success {
  background: rgba(20, 184, 166, 0.08);
  border-color: rgba(20, 184, 166, 0.25);
  border-left-color: var(--secondary);
}

/* ═══ DGOJ BADGE ═══ */
.dgoj-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 30px;
}
.dgoj-item {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 22px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.dgoj-icon { font-size: 1.8rem; flex-shrink: 0; }
.dgoj-info h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--text);
  margin-bottom: 6px;
}
.dgoj-info p { font-size: 0.85rem; color: var(--text-muted); }

/* ═══ RESPONSIBLE GAMING ═══ */
.rg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.rg-card {
  background: var(--bg-card);
  border: 1px solid rgba(20, 184, 166, 0.2);
  border-radius: var(--radius);
  padding: 20px;
  text-align: center;
}
.rg-card .protocol-icon {
  margin: 0 auto 12px;
}
.rg-card h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--text);
  margin-bottom: 8px;
}
.rg-card p { font-size: 0.85rem; color: var(--text-muted); }

/* ═══ FOOTER ═══ */
footer {
  border-top: 1px solid var(--border);
  padding: 48px 0 32px;
  position: relative;
  z-index: 1;
}
.footer-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.footer-logo {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--text);
  margin-bottom: 12px;
}
.footer-desc {
  font-size: 0.85rem;
  color: var(--text-dim);
  max-width: 540px;
  margin: 0 auto 20px;
  line-height: 1.6;
}
.footer-links {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.footer-links a {
  font-size: 0.82rem;
  color: var(--text-dim);
  text-decoration: none;
  transition: color 0.2s;
}
.footer-links a:hover { color: var(--accent); }
.footer-copy {
  font-size: 0.78rem;
  color: var(--text-dim);
  line-height: 1.6;
}
.footer-disclaimer {
  font-size: 0.75rem;
  color: var(--text-dim);
  max-width: 700px;
  margin: 10px auto 0;
  line-height: 1.5;
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 768px) {
  .pool-card {
    flex-wrap: wrap;
  }
  .card-meta {
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
  .hero-stats { gap: 24px; }
  .stat-num { font-size: 1.6rem; }
  th, td { padding: 10px 12px; }
  .protocol { grid-template-columns: 1fr; }
  .bonus-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .pool-card { padding: 16px; gap: 12px; }
  .card-logo { width: 40px; height: 40px; font-size: 0.75rem; }
  .card-name { font-size: 1rem; }
  section { padding: 56px 0; }
}
</style>
</head>
<body>

<!-- Mesh Background -->
<div class="mesh-gradient" aria-hidden="true"></div>
<div class="node-graph" aria-hidden="true">
  <div class="node node-1"></div>
  <div class="node node-2"></div>
  <div class="node node-3"></div>
  <div class="node node-4"></div>
  <div class="node node-5"></div>
  <div class="node node-6"></div>
</div>

<!-- Header -->
<header class="site-header">
  <div class="header-inner">
    <a href="/" class="logo">
      TuitFormacion
      <span class="logo-badge">ES 2026</span>
    </a>
    <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="header-cta">Ver Oferta #1</a>
  </div>
</header>

<!-- HERO -->
<section class="hero">
  <div class="container">
    <div class="hero-badge">TOP 10 VERIFICADO · DGOJ LICENCIADAS · 2026</div>
    <h1>Mejores Casas de Apuestas en España — Top 10 de 2026</h1>
    <p class="hero-desc">Las mejores apps de casas de apuestas deportivas de España 2026 para iOS y Android. Comparamos experiencia móvil, velocidad de carga y si el bono de bienvenida está disponible desde el primer día en el teléfono.</p>
    <div class="hero-stats">
      <div class="stat-item">
        <div class="stat-num">10</div>
        <div class="stat-label">Casas Analizadas</div>
      </div>
      <div class="stat-item">
        <div class="stat-num">500%</div>
        <div class="stat-label">Bono Máximo</div>
      </div>
      <div class="stat-item">
        <div class="stat-num">DGOJ</div>
        <div class="stat-label">Licencia Oficial</div>
      </div>
      <div class="stat-item">
        <div class="stat-num">iOS/APK</div>
        <div class="stat-label">Apps Móviles</div>
      </div>
    </div>
    <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="hero-btn">Ver el #1 — Bono 500%</a>
  </div>
</section>

<!-- SECCIÓN 1: TOP 10 -->
<section id="top10">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">ranking · 2026</div>
      <h2>Top 10 Mejores Casas de Apuestas España 2026</h2>
      <p>Todas las casas de apuestas del ranking tienen licencia DGOJ y operan legalmente en España. Las hemos probado en profundidad para ofrecerte la comparativa más completa.</p>
    </div>

    <!-- Card 1 -->
    <div class="pool-card" data-rank="1">
      <div class="card-rank">#01</div>
      <div class="card-logo">1W</div>
      <div class="card-info">
        <div class="card-name">1Win ⭐ Editor's Choice</div>
        <div class="card-desc">Bono de bienvenida del 500% hasta 1.000€ en cuatro primeros depósitos. App móvil para iOS y Android. Cuotas competitivas en fútbol y eSports.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge gold">⭐ Bono 500%</span>
          <span class="token-badge">App iOS/Android</span>
          <span class="token-badge purple">DGOJ</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">500%</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Reclamar Bono</a>
      </div>
    </div>

    <!-- Card 2 -->
    <div class="pool-card" data-rank="2">
      <div class="card-rank">#02</div>
      <div class="card-logo">B3</div>
      <div class="card-info">
        <div class="card-name">Bet365</div>
        <div class="card-desc">Una de las casas de apuestas deportivas más reconocidas del mundo. Live streaming, mercados en directo y app premium. Bono hasta 200€.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge">Bono 200€</span>
          <span class="token-badge purple">App iOS/Android</span>
          <span class="token-badge">Live Streaming</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">200€</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Ver Oferta</a>
      </div>
    </div>

    <!-- Card 3 -->
    <div class="pool-card" data-rank="3">
      <div class="card-rank">#03</div>
      <div class="card-logo">888</div>
      <div class="card-info">
        <div class="card-name">888sport</div>
        <div class="card-desc">Plataforma consolidada con excelente app móvil para apuestas deportivas. Cuotas mejoradas en LaLiga y Champions League. Bono hasta 100€ sin riesgo.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge">100€ Sin Riesgo</span>
          <span class="token-badge purple">LaLiga</span>
          <span class="token-badge">App Top</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">100€</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Ver Oferta</a>
      </div>
    </div>

    <!-- Card 4 -->
    <div class="pool-card" data-rank="4">
      <div class="card-rank">#04</div>
      <div class="card-logo">BF</div>
      <div class="card-info">
        <div class="card-name">Betfair</div>
        <div class="card-desc">Casa de apuestas con modelo de exchange único. Puedes apostar contra otros jugadores y obtener mejores cuotas. Cashout disponible en tiempo real.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge">Exchange</span>
          <span class="token-badge purple">Cash Out</span>
          <span class="token-badge">DGOJ</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">Exchange</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Ver Oferta</a>
      </div>
    </div>

    <!-- Card 5 -->
    <div class="pool-card" data-rank="5">
      <div class="card-rank">#05</div>
      <div class="card-logo">WH</div>
      <div class="card-info">
        <div class="card-name">William Hill</div>
        <div class="card-desc">Icónica casa de apuestas deportivas con más de 80 años de historia. App muy intuitiva con más de 1.000 mercados por partido de fútbol. Bono hasta 150€.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge">Bono 150€</span>
          <span class="token-badge purple">App Intuitiva</span>
          <span class="token-badge">1000+ mercados</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">150€</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Ver Oferta</a>
      </div>
    </div>

    <!-- Card 6 -->
    <div class="pool-card" data-rank="6">
      <div class="card-rank">#06</div>
      <div class="card-logo">SP</div>
      <div class="card-info">
        <div class="card-name">Sportium</div>
        <div class="card-desc">Casa de apuestas en España con amplia red de locales físicos. Potente combinación de apuestas online y presenciales. Patrocinador oficial de LaLiga.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge">100% Español</span>
          <span class="token-badge purple">LaLiga Partner</span>
          <span class="token-badge">App iOS/Android</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">50€</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Ver Oferta</a>
      </div>
    </div>

    <!-- Card 7 -->
    <div class="pool-card" data-rank="7">
      <div class="card-rank">#07</div>
      <div class="card-logo">CD</div>
      <div class="card-info">
        <div class="card-name">Codere</div>
        <div class="card-desc">Operadora histórica de casas de apuestas en España, presente en España desde los años 80. Apostamos con la app Codere y paga con Bizum. Bono hasta 100€.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge">Bizum</span>
          <span class="token-badge purple">Histórica</span>
          <span class="token-badge">App Codere</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">100€</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Ver Oferta</a>
      </div>
    </div>

    <!-- Card 8 -->
    <div class="pool-card" data-rank="8">
      <div class="card-rank">#08</div>
      <div class="card-logo">LB</div>
      <div class="card-info">
        <div class="card-name">LaBrasa</div>
        <div class="card-desc">Plataforma innovadora con interfaz fresca para casas de apuestas online. Muy recomendada para deportes locales. Cuotas especiales en fútbol español.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge">Cuotas España</span>
          <span class="token-badge purple">App Rápida</span>
          <span class="token-badge">Fútbol</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">75€</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Ver Oferta</a>
      </div>
    </div>

    <!-- Card 9 -->
    <div class="pool-card" data-rank="9">
      <div class="card-rank">#09</div>
      <div class="card-logo">BW</div>
      <div class="card-info">
        <div class="card-name">Betway</div>
        <div class="card-desc">Especializada en deportes mayores con mercados exclusivos en NBA, NFL y tenis. App con diseño limpio y depósitos instantáneos. Bono para nuevos usuarios.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge">NBA/NFL</span>
          <span class="token-badge purple">App Premium</span>
          <span class="token-badge">Depósito Inst.</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">50€</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Ver Oferta</a>
      </div>
    </div>

    <!-- Card 10 -->
    <div class="pool-card" data-rank="10">
      <div class="card-rank">#10</div>
      <div class="card-logo">BW</div>
      <div class="card-info">
        <div class="card-name">Bwin</div>
        <div class="card-desc">Pionera en apuestas deportivas online desde 1997. Gran variedad de deportes y cuotas competitivas en fútbol europeo. App disponible para iOS y Android.</div>
        <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
          <span class="token-badge">Veterana</span>
          <span class="token-badge purple">+25 deportes</span>
          <span class="token-badge">App iOS/APK</span>
        </div>
      </div>
      <div class="card-meta">
        <div class="pool-card__apy">50€</div>
        <a href="https://partners-official.com/4xZc8V" rel="nofollow noopener" target="_blank" class="card-cta">Ver Oferta</a>
      </div>
    </div>

  </div>
</section>

<!-- SECCIÓN 2: CÓMO ELEGIMOS -->
<section id="como-elegimos">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">metodología</div>
      <h2>¿Cómo Elegimos las Mejores Casas de Apuestas?</h2>
      <p>Nuestro equipo analiza cada plataforma durante semanas usando criterios objetivos basados en la experiencia del usuario real.</p>
    </div>
    <div class="protocol">
      <div class="protocol-item">
        <div class="protocol-icon">🛡️</div>
        <h3>Licencia DGOJ Verificada</h3>
        <p>Solo incluimos casas de apuestas en España con licencia válida de la Dirección General de Ordenación del Juego. La seguridad del jugador es prioritaria.</p>
      </div>
      <div class="protocol-item">
        <div class="protocol-icon">📱</div>
        <h3>App Móvil Probada</h3>
        <p>Evaluamos las apps de iOS y Android de cada casa de apuestas. Valoramos velocidad, usabilidad y funciones disponibles desde el smartphone.</p>
      </div>
      <div class="protocol-item">
        <div class="protocol-icon">🎁</div>
        <h3>Bonos y Promociones</h3>
        <p>Analizamos los términos reales de los bonos. Revisamos el requisito de rollover, el plazo y las restricciones para ayudarte a elegir la mejor oferta.</p>
      </div>
      <div class="protocol-item">
        <div class="protocol-icon">💳</div>
        <h3>Métodos de Pago</h3>
        <p>Comprobamos la disponibilidad de Bizum, tarjeta, PayPal y transferencia bancaria. Los tiempos de retirada son clave para nuestra puntuación.</p>
      </div>
      <div class="protocol-item">
        <div class="protocol-icon">⚽</div>
        <h3>Mercados Deportivos</h3>
        <p>Evaluamos la cobertura de LaLiga, Champions, NBA, tenis y más de 30 deportes adicionales. Las cuotas se comparan en eventos clave.</p>
      </div>
      <div class="protocol-item">
        <div class="protocol-icon">🎧</div>
        <h3>Atención al Cliente</h3>
        <p>Contactamos soporte en horario pico para medir tiempos de respuesta en chat en vivo, email y teléfono. Soporte en español es obligatorio.</p>
      </div>
    </div>
  </div>
</section>

<!-- SECCIÓN 3 + 4: APPS MÓVILES + COMPARATIVA iOS vs Android -->
<section id="apps-moviles">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">mobile · iOS · Android</div>
      <h2>Mejores Apps de Casas de Apuestas en España</h2>
      <p>El móvil es el dispositivo principal para apostar en España. Seleccionamos las mejores apps disponibles para iOS y Android con mejor rendimiento y más funciones.</p>
    </div>

    <div class="alert-box" style="margin-bottom:28px;">
      <strong>📱 ¿Sabías que el 74% de los españoles apuesta desde el móvil?</strong> Las mejores casas de apuestas deportivas han invertido en apps nativas que ofrecen la misma experiencia que el escritorio, incluyendo live betting, cashout y streaming en directo.
    </div>

    <!-- Interactive: App Comparison -->
    <div class="app-comparison">
      <div class="app-tabs">
        <button class="app-tab active" onclick="showTab('ios', this)">🍎 Mejores Apps iOS</button>
        <button class="app-tab" onclick="showTab('android', this)">🤖 Mejores Apps Android</button>
      </div>
      <div id="ios" class="app-panel active">
        <p style="font-size:0.9rem;color:var(--text-muted);margin-bottom:16px;">Apps disponibles en la App Store española. Descarga directa sin restricciones geográficas.</p>
        <ul class="app-list">
          <li>
            <span class="app-rank">#01</span>
            <div class="app-logo">1W</div>
            <div class="app-info">
              <div class="app-name">1Win App iOS</div>
              <div class="app-detail">Streaming en vivo · Cashout · Cuotas en tiempo real</div>
            </div>
            <span class="app-rating">★ 4.8</span>
          </li>
          <li>
            <span class="app-rank">#02</span>
            <div class="app-logo" style="background:linear-gradient(135deg,#0066CC,#003399);">B3</div>
            <div class="app-info">
              <div class="app-name">Bet365 App iOS</div>
              <div class="app-detail">Live streaming · In-Play · Editar apuesta</div>
            </div>
            <span class="app-rating">★ 4.7</span>
          </li>
          <li>
            <span class="app-rank">#03</span>
            <div class="app-logo" style="background:linear-gradient(135deg,#FF6600,#CC3300);">88</div>
            <div class="app-info">
              <div class="app-name">888sport App iOS</div>
              <div class="app-detail">Apuestas combinadas · Estadísticas en vivo</div>
            </div>
            <span class="app-rating">★ 4.5</span>
          </li>
          <li>
            <span class="app-rank">#04</span>
            <div class="app-logo" style="background:linear-gradient(135deg,#FFD700,#FF8C00);">WH</div>
            <div class="app-info">
              <div class="app-name">William Hill App iOS</div>
              <div class="app-detail">1000+ mercados · Depósito Bizum · Notificaciones</div>
            </div>
            <span class="app-rating">★ 4.4</span>
          </li>
          <li>
            <span class="app-rank">#05</span>
            <div class="app-logo" style="background:linear-gradient(135deg,#003399,#0066FF);">CD</div>
            <div class="app-info">
              <div class="app-name">Codere App iOS</div>
              <div class="app-detail">App nativa española · Bizum · Apuestas locales</div>
            </div>
            <span class="app-rating">★ 4.3</span>
          </li>
        </ul>
      </div>
      <div id="android" class="app-panel">
        <p style="font-size:0.9rem;color:var(--text-muted);margin-bottom:16px;">Apps Android disponibles como APK directo (la mayoría no está en Google Play por normativa). Instalación segura en 2 minutos.</p>
        <ul class="app-list">
          <li>
            <span class="app-rank">#01</span>
            <div class="app-logo">1W</div>
            <div class="app-info">
              <div class="app-name">1Win APK Android</div>
              <div class="app-detail">APK descarga directa · Notificaciones push · Dark mode</div>
            </div>
            <span class="app-rating">★ 4.7</span>
          </li>
          <li>
            <span class="app-rank">#02</span>
            <div class="app-logo" style="background:linear-gradient(135deg,#0066CC,#003399);">B3</div>
            <div class="app-info">
              <div class="app-name">Bet365 APK Android</div>
              <div class="app-detail">Descarga web oficial · Rápida y estable · Multi-sport</div>
            </div>
            <span class="app-rating">★ 4.6</span>
          </li>
          <li>
            <span class="app-rank">#03</span>
            <div class="app-logo" style="background:linear-gradient(135deg,#006633,#004d22);">SP</div>
            <div class="app-info">
              <div class="app-name">Sportium APK Android</div>
              <div class="app-detail">App oficial Sportium · Integración LaLiga</div>
            </div>
            <span class="app-rating">★ 4.4</span>
          </li>
          <li>
            <span class="app-rank">#04</span>
            <div class="app-logo" style="background:linear-gradient(135deg,#660000,#990000);">BW</div>
            <div class="app-info">
              <div class="app-name">Betway APK Android</div>
              <div class="app-detail">Apuestas deportivas completas · Slots y casino integrado</div>
            </div>
            <span class="app-rating">★ 4.3</span>
          </li>
          <li>
            <span class="app-rank">#05</span>
            <div class="app-logo" style="background:linear-gradient(135deg,#003366,#336699);">BW</div>
            <div class="app-info">
              <div class="app-name">Bwin APK Android</div>
              <div class="app-detail">APK gratis · Cuotas en +25 deportes · Live betting</div>
            </div>
            <span class="app-rating">★ 4.2</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- SECCIÓN 5: BONOS -->
<section id="bonos">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">bonos 2026</div>
      <h2>Mejores Bonos de Bienvenida 2026</h2>
      <p>Los bonos de las mejores casas de apuestas pueden multiplicar tu primer depósito. Te explicamos cuáles son las mejores ofertas activas en España.</p>
    </div>

    <!-- Interactive: Calculadora de Bono -->
    <div class="calculator" style="margin-bottom:36px;">
      <h3>🧮 Calculadora de Bono</h3>
      <div class="calc-field">
        <label>Selecciona la casa de apuestas</label>
        <select id="calc-house">
          <option value="500">1Win — Bono 500%</option>
          <option value="200">Bet365 — Bono 200%</option>
          <option value="100">888sport — Bono 100%</option>
          <option value="150">William Hill — Bono 150%</option>
          <option value="100">Codere — Bono 100%</option>
        </select>
      </div>
      <div class="calc-field">
        <label>Tu primer depósito (€)</label>
        <input type="number" id="calc-deposit" placeholder="Ej: 100" min="10" max="1000" value="100">
      </div>
      <button class="calc-btn" onclick="calcBonus()">Calcular mi Bono</button>
      <div class="calc-result" id="calc-result">
        <div class="result-total" id="result-total">0€</div>
        <div class="result-label">Saldo total disponible para apostar</div>
        <div id="result-detail" style="font-size:0.82rem;color:var(--text-dim);margin-top:8px;"></div>
      </div>
    </div>

    <div class="bonus-grid">
      <div class="bonus-card">
        <div class="bonus-top">
          <span class="bonus-brand">1Win ⭐</span>
          <span class="bonus-amount">500%</span>
        </div>
        <p class="bonus-desc">Bono del 500% distribuido en los primeros 4 depósitos. Depósito mínimo 10€. Rollover x35 en 7 días. Válido para apuestas deportivas.</p>
        <div class="bonus-tags">
          <span class="token-badge gold">Top Bono</span>
          <span class="token-badge">x35 rollover</span>
          <span class="token-badge purple">4 depósitos</span>
        </div>
      </div>
      <div class="bonus-card">
        <div class="bonus-top">
          <span class="bonus-brand">Bet365</span>
          <span class="bonus-amount">200€</span>
        </div>
        <p class="bonus-desc">Bono de bienvenida del 100% hasta 200€. Disponible para nuevos clientes en España. Rollover x3 en cuotas mínimas de 1.50. Sin código necesario.</p>
        <div class="bonus-tags">
          <span class="token-badge">x3 rollover</span>
          <span class="token-badge">Sin código</span>
          <span class="token-badge purple">Cuotas 1.50+</span>
        </div>
      </div>
      <div class="bonus-card">
        <div class="bonus-top">
          <span class="bonus-brand">888sport</span>
          <span class="bonus-amount">100€</span>
        </div>
        <p class="bonus-desc">Apuesta sin riesgo de hasta 100€. Si pierdes tu primera apuesta, te devuelven el importe en crédito de apuesta. Sin requisito de cuota mínima.</p>
        <div class="bonus-tags">
          <span class="token-badge">Sin riesgo</span>
          <span class="token-badge">Devolución</span>
          <span class="token-badge purple">1ª apuesta</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- SECCIÓN 6: MÉTODOS DE PAGO -->
<section id="pagos">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">métodos de pago</div>
      <h2>Métodos de Pago Disponibles</h2>
      <p>Las mejores casas de apuestas en España ofrecen múltiples formas de depósito y retiro, incluyendo métodos exclusivos del mercado español.</p>
    </div>
    <div class="payment-grid">
      <div class="payment-item">
        <div class="payment-icon">📱</div>
        <div class="payment-name">Bizum</div>
        <div class="payment-speed">Instantáneo</div>
      </div>
      <div class="payment-item">
        <div class="payment-icon">💳</div>
        <div class="payment-name">Tarjeta Visa/MC</div>
        <div class="payment-speed">Instantáneo</div>
      </div>
      <div class="payment-item">
        <div class="payment-icon">🏦</div>
        <div class="payment-name">Transferencia</div>
        <div class="payment-speed">1-3 días</div>
      </div>
      <div class="payment-item">
        <div class="payment-icon">🔵</div>
        <div class="payment-name">PayPal</div>
        <div class="payment-speed">Instantáneo</div>
      </div>
      <div class="payment-item">
        <div class="payment-icon">⚡</div>
        <div class="payment-name">Skrill</div>
        <div class="payment-speed">Instantáneo</div>
      </div>
      <div class="payment-item">
        <div class="payment-icon">🔶</div>
        <div class="payment-name">Neteller</div>
        <div class="payment-speed">Instantáneo</div>
      </div>
      <div class="payment-item">
        <div class="payment-icon">₿</div>
        <div class="payment-name">Bitcoin</div>
        <div class="payment-speed">10-30 min</div>
      </div>
      <div class="payment-item">
        <div class="payment-icon">💰</div>
        <div class="payment-name">Paysafecard</div>
        <div class="payment-speed">Instantáneo</div>
      </div>
    </div>
    <div class="alert-box alert-success" style="margin-top:20px;">
      <strong>Bizum en casas de apuestas:</strong> Bizum es el método de pago más popular para casas de apuestas online en España. Permite depósitos y retiradas instantáneas directamente desde tu banco sin compartir datos de tarjeta. Disponible en Codere, Sportium, William Hill y otras casas de apuestas deportivas licenciadas.
    </div>
  </div>
</section>

<!-- SECCIÓN 7: CÓMO REGISTRARSE -->
<section id="registro">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">registro · 5 pasos</div>
      <h2>Cómo Registrarse en una Casa de Apuestas</h2>
      <p>El proceso de registro en las casas de apuestas online en España es rápido y seguro. Sigue estos 5 pasos para empezar a apostar en minutos.</p>
    </div>
    <div class="steps">
      <div class="step">
        <div class="step-num">01</div>
        <div class="step-content">
          <h3>Elige tu casa de apuestas</h3>
          <p>Selecciona una de las mejores casas de apuestas de nuestro ranking. Asegúrate de que tiene licencia DGOJ y el bono que más se adapta a tu estilo de juego.</p>
        </div>
      </div>
      <div class="step">
        <div class="step-num">02</div>
        <div class="step-content">
          <h3>Crea tu cuenta con datos reales</h3>
          <p>Introduce tu nombre completo, fecha de nacimiento, DNI/NIE y correo electrónico. Los datos deben coincidir con tu documento de identidad oficial.</p>
        </div>
      </div>
      <div class="step">
        <div class="step-num">03</div>
        <div class="step-content">
          <h3>Verifica tu identidad (KYC)</h3>
          <p>Sube una foto de tu DNI o pasaporte y un justificante de domicilio. La verificación suele completarse en 24-48 horas y es obligatoria por la normativa DGOJ.</p>
        </div>
      </div>
      <div class="step">
        <div class="step-num">04</div>
        <div class="step-content">
          <h3>Realiza tu primer depósito</h3>
          <p>Usa Bizum, tarjeta o PayPal para añadir fondos. El depósito mínimo suele ser de 10€. En este momento se activa automáticamente el bono de bienvenida.</p>
        </div>
      </div>
      <div class="step">
        <div class="step-num">05</div>
        <div class="step-content">
          <h3>¡Empieza a apostar!</h3>
          <p>Accede desde la web o descarga la app en tu móvil. Explora los mercados de fútbol, tenis, baloncesto y más de 30 deportes disponibles en las mejores casas de apuestas.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- SECCIÓN 8: TABLA COMPARATIVA -->
<section id="tabla">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">comparativa</div>
      <h2>Tabla Comparativa de Casas de Apuestas</h2>
      <p>Compara las principales características de las mejores casas de apuestas deportivas en España de un vistazo.</p>
    </div>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>Casa</th>
            <th>Bono</th>
            <th>App iOS</th>
            <th>App Android</th>
            <th>Bizum</th>
            <th>Live Bet</th>
            <th>DGOJ</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="td-name">1Win ⭐</td>
            <td class="td-num">500%</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
          </tr>
          <tr>
            <td class="td-name">Bet365</td>
            <td class="td-num">200€</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
          </tr>
          <tr>
            <td class="td-name">888sport</td>
            <td class="td-num">100€</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-cross">✗</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
          </tr>
          <tr>
            <td class="td-name">Betfair</td>
            <td class="td-num">Exchange</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
          </tr>
          <tr>
            <td class="td-name">William Hill</td>
            <td class="td-num">150€</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
          </tr>
          <tr>
            <td class="td-name">Sportium</td>
            <td class="td-num">50€</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
          </tr>
          <tr>
            <td class="td-name">Codere</td>
            <td class="td-num">100€</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
          </tr>
          <tr>
            <td class="td-name">Betway</td>
            <td class="td-num">50€</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-cross">✗</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
          </tr>
          <tr>
            <td class="td-name">Bwin</td>
            <td class="td-num">50€</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
            <td class="td-cross">✗</td>
            <td class="td-check">✓</td>
            <td class="td-check">✓</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</section>

<!-- SECCIÓN 9: DEPORTES -->
<section id="deportes">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">apuestas deportivas</div>
      <h2>Apuestas Deportivas Disponibles en España</h2>
      <p>Las casas de apuestas deportivas en España ofrecen una variedad impresionante de mercados. Desde fútbol de LaLiga hasta eSports y eventos internacionales.</p>
    </div>
    <div class="sport-grid">
      <div class="sport-item">
        <div class="sport-icon">⚽</div>
        <div class="sport-name">Fútbol</div>
        <div class="sport-odds">1000+ mercados</div>
      </div>
      <div class="sport-item">
        <div class="sport-icon">🎾</div>
        <div class="sport-name">Tenis</div>
        <div class="sport-odds">Gran Slam</div>
      </div>
      <div class="sport-item">
        <div class="sport-icon">🏀</div>
        <div class="sport-name">Baloncesto</div>
        <div class="sport-odds">NBA · ACB</div>
      </div>
      <div class="sport-item">
        <div class="sport-icon">🏈</div>
        <div class="sport-name">Fútbol Americano</div>
        <div class="sport-odds">NFL · NCAA</div>
      </div>
      <div class="sport-item">
        <div class="sport-icon">🏐</div>
        <div class="sport-name">Voleibol</div>
        <div class="sport-odds">Superliga</div>
      </div>
      <div class="sport-item">
        <div class="sport-icon">🥊</div>
        <div class="sport-name">Boxeo / MMA</div>
        <div class="sport-odds">UFC · Bellator</div>
      </div>
      <div class="sport-item">
        <div class="sport-icon">🏒</div>
        <div class="sport-name">Hockey Hielo</div>
        <div class="sport-odds">NHL</div>
      </div>
      <div class="sport-item">
        <div class="sport-icon">🎮</div>
        <div class="sport-name">eSports</div>
        <div class="sport-odds">CS2 · LoL</div>
      </div>
    </div>
    <div class="alert-box" style="margin-top:24px;">
      <strong>Apuestas en vivo:</strong> Las casas de apuestas deportivas en España ofrecen mercados en directo con cuotas actualizadas en tiempo real. Puedes apostar mientras el partido está en juego con cashout disponible para cerrar tu apuesta antes del final.
    </div>
  </div>
</section>

<!-- SECCIÓN 10: LEGALIDAD DGOJ -->
<section id="legalidad">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">regulación · DGOJ</div>
      <h2>¿Son Legales las Casas de Apuestas en España?</h2>
      <p>Sí. Las casas de apuestas online en España están reguladas por la Ley 13/2011 de Regulación del Juego y supervisadas por la DGOJ.</p>
    </div>
    <div class="alert-box alert-success">
      <strong>✅ Marco legal vigente:</strong> Desde 2012, España cuenta con un mercado regulado donde las operadoras deben obtener licencia de la Dirección General de Ordenación del Juego (DGOJ) del Ministerio de Consumo. Todas las casas de apuestas en España de nuestro ranking cuentan con esta licencia.
    </div>
    <div class="dgoj-grid">
      <div class="dgoj-item">
        <div class="dgoj-icon">📋</div>
        <div class="dgoj-info">
          <h3>Licencia Obligatoria</h3>
          <p>Todas las operadoras deben obtener licencia de la DGOJ antes de operar en España. Se renueva periódicamente con auditorías de cumplimiento.</p>
        </div>
      </div>
      <div class="dgoj-item">
        <div class="dgoj-icon">🔒</div>
        <div class="dgoj-info">
          <h3>Protección de Fondos</h3>
          <p>Las operadoras están obligadas a mantener los fondos de los jugadores separados de los activos de la empresa. Tu saldo está protegido.</p>
        </div>
      </div>
      <div class="dgoj-item">
        <div class="dgoj-icon">🚫</div>
        <div class="dgoj-info">
          <h3>Autoexclusión RGIAJ</h3>
          <p>España dispone del Registro General de Interdicciones de Acceso al Juego (RGIAJ). Cualquier jugador puede solicitar autoexclusión de todas las plataformas legales.</p>
        </div>
      </div>
      <div class="dgoj-item">
        <div class="dgoj-icon">📊</div>
        <div class="dgoj-info">
          <h3>Publicidad Regulada</h3>
          <p>Desde 2021, la publicidad de apuestas está restringida en horarios y formatos. Solo pueden anunciarse con mensajes de juego responsable visibles.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- SECCIÓN 11: JUEGO RESPONSABLE -->
<section id="juego-responsable">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">juego responsable</div>
      <h2>Juego Responsable</h2>
      <p>Las mejores casas de apuestas online en España ofrecen herramientas de control para que juegues de forma segura y dentro de tus posibilidades.</p>
    </div>
    <div class="rg-grid">
      <div class="rg-card">
        <div class="protocol-icon" style="margin:0 auto 12px;">💰</div>
        <h3>Límites de Depósito</h3>
        <p>Establece un límite diario, semanal o mensual de depósito. Las casas de apuestas están obligadas a aplicarlo en 24 horas.</p>
      </div>
      <div class="rg-card">
        <div class="protocol-icon" style="margin:0 auto 12px;">⏸️</div>
        <h3>Pausa y Autoexclusión</h3>
        <p>Puedes pausar tu cuenta temporalmente o solicitar autoexclusión permanente a través del RGIAJ con efecto en todas las plataformas.</p>
      </div>
      <div class="rg-card">
        <div class="protocol-icon" style="margin:0 auto 12px;">📱</div>
        <h3>Control desde la App</h3>
        <p>Las mejores apps de casas de apuestas incluyen sección de juego responsable con historial de apuestas y tiempo de sesión.</p>
      </div>
      <div class="rg-card">
        <div class="protocol-icon" style="margin:0 auto 12px;">🆘</div>
        <h3>Ayuda Profesional</h3>
        <p>Si necesitas ayuda, contacta con la Federación Española de Jugadores de Azar Rehabilitados (FEJAR) o el teléfono de atención 900 200 225.</p>
      </div>
    </div>
    <div class="alert-box" style="margin-top:24px;">
      <strong>⚠️ Aviso legal:</strong> Las apuestas deportivas conllevan riesgo de pérdida económica. Apuesta solo lo que puedas permitirte perder. El juego está prohibido para menores de 18 años. Si crees que puedes tener un problema con el juego, busca ayuda profesional.
    </div>
  </div>
</section>

<!-- SECCIÓN 12: FAQ -->
<section id="faq">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">preguntas frecuentes</div>
      <h2>Preguntas Frecuentes sobre Casas de Apuestas</h2>
      <p>Resolvemos las dudas más comunes sobre las mejores casas de apuestas deportivas en España.</p>
    </div>
    <div class="faq-list">

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Cuáles son las mejores casas de apuestas en España para 2026?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>Las mejores casas de apuestas en España para 2026 son: 1Win (bono 500%), Bet365, 888sport, Betfair, William Hill, Sportium, Codere, LaBrasa, Betway y Bwin. Todas tienen licencia DGOJ y ofrecen apps para móvil. La elección depende de tus preferencias en bonos, deportes y métodos de pago.</p>
        </div>
      </div>

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Las casas de apuestas online en España son legales?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>Sí, las casas de apuestas online en España son completamente legales si tienen licencia de la DGOJ (Dirección General de Ordenación del Juego). Están reguladas por la Ley 13/2011. Todas las plataformas de nuestro ranking cuentan con esta licencia oficial.</p>
        </div>
      </div>

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Puedo usar Bizum en casas de apuestas?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>Sí, Bizum está disponible como método de pago en varias casas de apuestas deportivas en España, incluyendo Codere, Sportium, William Hill y Bet365. Permite depósitos y retiradas instantáneas directamente desde tu cuenta bancaria española. Es el método más popular entre los jugadores españoles.</p>
        </div>
      </div>

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Cuál es el bono de bienvenida más alto en casas de apuestas?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>El bono más alto entre las casas de apuestas en España es el de 1Win, con un bono de hasta el 500% distribuido en los primeros cuatro depósitos. Le sigue Bet365 con hasta 200€ y William Hill con hasta 150€. Recuerda revisar siempre los términos del rollover antes de reclamar cualquier bono.</p>
        </div>
      </div>

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Cómo descargar la app de una casa de apuestas en Android?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>La mayoría de las apps de casas de apuestas para Android no están en Google Play por restricciones de la tienda. Debes descargar el archivo APK directamente desde la web oficial de la operadora. Antes de instalar, activa "Instalar desde fuentes desconocidas" en los ajustes de tu Android. La instalación es segura si descargas desde la web oficial.</p>
        </div>
      </div>

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Qué documentos necesito para verificar mi cuenta?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>Para verificar tu cuenta en cualquier casa de apuestas online en España necesitarás: DNI o pasaporte en vigor (ambas caras), un justificante de domicilio (factura de servicio con menos de 3 meses de antigüedad) y en algunos casos una foto selfie con el documento. La verificación suele tardaren 24-48 horas.</p>
        </div>
      </div>

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Cuánto tarda un retiro en las casas de apuestas?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>Los tiempos de retiro varían según el método. Bizum y monederos electrónicos (Skrill, Neteller, PayPal) son prácticamente instantáneos. Las tarjetas bancarias tardan 1-3 días hábiles. Las transferencias bancarias pueden tardar hasta 5 días. La verificación KYC completada acelera considerablemente los retiros.</p>
        </div>
      </div>

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Debo declarar las ganancias de apuestas en la declaración de la renta?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>Sí, en España las ganancias de apuestas deportivas están sujetas a tributación en el IRPF como rendimientos del capital mobiliario. Las casas de apuestas con licencia DGOJ están obligadas a informar a Hacienda de las ganancias superiores a ciertos umbrales. Es recomendable consultar con un asesor fiscal.</p>
        </div>
      </div>

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Puedo apostar en deportes en vivo desde el móvil?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>Sí, todas las casas de apuestas deportivas de nuestro ranking ofrecen live betting (apuestas en vivo) desde sus apps móviles. Podrás ver cuotas actualizadas en tiempo real y en algunas plataformas como Bet365, incluso ver el evento en streaming directamente desde la app de forma gratuita.</p>
        </div>
      </div>

      <div class="faq-item" onclick="toggleFaq(this)">
        <div class="faq-q">
          <span>¿Qué pasa si tengo un problema con una casa de apuestas?</span>
          <div class="faq-icon">+</div>
        </div>
        <div class="faq-a">
          <p>Si tienes un problema con una casa de apuestas en España con licencia DGOJ, puedes presentar una reclamación directamente en la plataforma. Si no se resuelve, puedes acudir a la DGOJ a través de su formulario oficial en juego.es. También dispones del arbitraje de consumo como vía alternativa de resolución de disputas.</p>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- FOOTER -->
<footer>
  <div class="footer-inner">
    <div class="footer-logo">TuitFormacion</div>
    <p class="footer-desc">Comparativa independiente de casas de apuestas online en España. Información actualizada para ayudarte a elegir la mejor plataforma con licencia DGOJ.</p>
    <div class="footer-links">
      <a href="/es-es/">Inicio</a>
      <a href="#top10">Top 10</a>
      <a href="#bonos">Bonos</a>
      <a href="#apps-moviles">Apps</a>
      <a href="#juego-responsable">Juego Responsable</a>
      <a href="#faq">FAQ</a>
    </div>
    <p class="footer-copy">© 2026 TuitFormacion.com — Comparativa de casas de apuestas en España</p>
    <p class="footer-disclaimer">Este sitio contiene enlaces de afiliado. El contenido es meramente informativo. Las apuestas están prohibidas para menores de 18 años. Apuesta con responsabilidad. Todas las casas de apuestas mencionadas cuentan con licencia de la DGOJ (Dirección General de Ordenación del Juego).</p>
  </div>
</footer>

<script>
// App Tabs
function showTab(id, btn) {
  document.querySelectorAll('.app-panel').forEach(p => p.classList.remove('active'));
  document.querySelectorAll('.app-tab').forEach(t => t.classList.remove('active'));
  document.getElementById(id).classList.add('active');
  btn.classList.add('active');
}

// FAQ Accordion
function toggleFaq(item) {
  const isOpen = item.classList.contains('open');
  document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));
  if (!isOpen) item.classList.add('open');
}

// Bonus Calculator
function calcBonus() {
  const pct = parseInt(document.getElementById('calc-house').value);
  const dep = parseFloat(document.getElementById('calc-deposit').value) || 0;
  if (dep <= 0) return;
  const bonus = dep * pct / 100;
  const total = dep + bonus;
  document.getElementById('result-total').textContent = total.toFixed(0) + '€';
  document.getElementById('result-detail').textContent =
    'Tu depósito: ' + dep.toFixed(0) + '€ + Bono: ' + bonus.toFixed(0) + '€ = Total ' + total.toFixed(0) + '€';
  document.getElementById('calc-result').classList.add('show');
}

// Animate stats on scroll
const observer = new IntersectionObserver((entries) => {
  entries.forEach(e => {
    if (e.isIntersecting) e.target.style.animation = 'fadeInUp 0.6s ease both';
  });
}, { threshold: 0.1 });
document.querySelectorAll('.pool-card, .protocol-item, .bonus-card, .step').forEach(el => observer.observe(el));
</script>

</body>
</html>
