@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800&family=DM+Sans:wght@400;500;600&family=Archivo:wght@600;700&family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@500;600;700&display=swap');

/* MX APK — púrpura neón (hero art) */
body.mw-theme-mx-apk {
  --mw-font-head: 'Outfit', system-ui, sans-serif;
  --mw-font-body: 'DM Sans', system-ui, sans-serif;
  --mw-bg: #0c0614;
  --mw-text: #f5f0fa;
  --mw-muted: #b8a8c9;
  --mw-surface: #241535;
  --mw-border: rgba(255,255,255,.1);
  --mw-accent: #ffc947;
  --mw-accent-2: #e91e8c;
  --mw-btn-bg: linear-gradient(135deg,#e91e8c,#ff6b4a);
  --mw-btn-fg: #ffffff;
  --mw-btn-shadow: 0 8px 28px rgba(233,30,140,.35);
  --mw-header-bg: rgba(12,6,20,.92);
  --mw-hero-bg: radial-gradient(ellipse 90% 70% at 85% 20%,rgba(233,30,140,.32),transparent 55%),linear-gradient(180deg,#1a0f28,#0c0614);
  --mw-hero-shadow: 0 0 0 1px rgba(233,30,140,.2),0 24px 60px rgba(0,0,0,.5);
  --mw-vitrina-bg: #0c0614;
  --mw-sect-alt: rgba(26,15,40,.65);
  --mw-foot-bg: #08040e;
  --mw-chip-bg: rgba(123,92,255,.2);
  --mw-chip-border: rgba(123,92,255,.35);
  --mw-tile-hover: 0 8px 24px rgba(233,30,140,.2);
  --mw-radius: 22px;
  --mw-vitrina-cols: 6;
}
body.mw-theme-mx-apk .mw-btn--pri{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.65);border:2px solid rgba(255,255,255,.35)}

/* CO casino — verde lima + púrpura (bandera CO hero) */
body.mw-theme-co-casino {
  --mw-font-head: 'Space Grotesk', system-ui, sans-serif;
  --mw-font-body: 'DM Sans', system-ui, sans-serif;
  --mw-bg: #0a1210;
  --mw-text: #eefbf3;
  --mw-muted: #9eb8a8;
  --mw-surface: #142218;
  --mw-border: rgba(180,255,120,.12);
  --mw-accent: #b4ff78;
  --mw-accent-2: #7bff00;
  --mw-btn-bg: linear-gradient(135deg,#7bff00,#00c896);
  --mw-btn-fg: #0a1210;
  --mw-btn-shadow: 0 8px 24px rgba(123,255,0,.25);
  --mw-header-bg: rgba(10,18,16,.94);
  --mw-hero-bg: radial-gradient(ellipse 80% 60% at 20% 0%,rgba(123,255,0,.15),transparent),linear-gradient(135deg,#1a2a1f,#0a1210);
  --mw-hero-shadow: 0 20px 50px rgba(0,0,0,.45);
  --mw-vitrina-bg: linear-gradient(180deg,#0a1210,#0f1a14);
  --mw-sect-alt: rgba(20,34,24,.8);
  --mw-foot-bg: #060a08;
  --mw-chip-bg: rgba(0,200,150,.15);
  --mw-chip-border: rgba(0,200,150,.3);
  --mw-tile-hover: 0 8px 20px rgba(123,255,0,.15);
  --mw-radius: 18px;
  --mw-vitrina-cols: 4;
}
body.mw-theme-co-casino .mw-btn--pri{color:#041408;text-shadow:0 1px 0 rgba(255,255,255,.45);border:2px solid rgba(255,255,255,.28)}
body.mw-theme-co-casino .mw-hero--overlay-left .mw-eyebrow{color:#b4ff78}
body.mw-theme-co-casino .mw-hero--overlay-left .mw-hero__copy{padding-left:clamp(1.25rem,5vw,3.25rem);padding-right:1.25rem;max-width:38rem}
body.mw-theme-co-casino .mw-hero--overlay-left .mw-lead{max-width:36rem}

/* CO APK — azul profundo + dorado */
body.mw-theme-co-apk {
  --mw-font-head: 'Archivo', system-ui, sans-serif;
  --mw-font-body: 'DM Sans', system-ui, sans-serif;
  --mw-bg: #070d18;
  --mw-text: #e8f0ff;
  --mw-muted: #8fa3c4;
  --mw-surface: #0f1a2e;
  --mw-border: rgba(120,160,255,.15);
  --mw-accent: #ffd166;
  --mw-accent-2: #5b9dff;
  --mw-btn-bg: linear-gradient(135deg,#ffd166,#ff9f43);
  --mw-btn-fg: #1a1208;
  --mw-btn-shadow: 0 8px 22px rgba(255,209,102,.3);
  --mw-header-bg: rgba(7,13,24,.93);
  --mw-hero-bg: radial-gradient(circle at 70% 30%,rgba(91,157,255,.2),transparent 50%),#070d18;
  --mw-hero-shadow: 0 16px 48px rgba(0,0,0,.5);
  --mw-vitrina-bg: #070d18;
  --mw-sect-alt: rgba(15,26,46,.9);
  --mw-foot-bg: #040810;
  --mw-chip-bg: rgba(91,157,255,.15);
  --mw-chip-border: rgba(91,157,255,.28);
  --mw-tile-hover: 0 6px 20px rgba(91,157,255,.2);
  --mw-radius: 16px;
  --mw-vitrina-cols: 4;
}
body.mw-theme-co-apk .mw-hero--overlay-left .mw-hero__shade{
  background:linear-gradient(105deg,rgba(7,13,24,.93) 0%,rgba(7,13,24,.85) 40%,rgba(7,13,24,.4) 62%,transparent 82%);
}
body.mw-theme-co-apk .mw-hero--overlay-left .mw-hero__bg{object-position:68% center}
body.mw-theme-co-apk .mw-hero--overlay-left .mw-hero__copy{
  padding-left:clamp(1.25rem,5vw,3.25rem);
  padding-right:1.25rem;
  max-width:38rem;
}
body.mw-theme-co-apk .mw-hero--overlay-left .mw-lead{max-width:36rem;color:rgba(232,240,255,.88)}
body.mw-theme-co-apk .mw-hero--overlay-left .mw-eyebrow{color:#ffd166}

/* AR opiniones — editorial oscuro + cian */
body.mw-theme-ar-op {
  --mw-font-head: 'Manrope', system-ui, sans-serif;
  --mw-font-body: 'DM Sans', system-ui, sans-serif;
  --mw-bg: #0d1117;
  --mw-text: #f0f4f8;
  --mw-muted: #94a3b8;
  --mw-surface: #161b22;
  --mw-border: rgba(148,163,184,.15);
  --mw-accent: #22d3ee;
  --mw-accent-2: #38bdf8;
  --mw-btn-bg: linear-gradient(135deg,#06b6d4,#3b82f6);
  --mw-btn-fg: #fff;
  --mw-btn-shadow: 0 8px 24px rgba(6,182,212,.3);
  --mw-header-bg: rgba(13,17,23,.95);
  --mw-hero-bg: linear-gradient(160deg,#1e293b 0%,#0d1117 60%);
  --mw-hero-shadow: 0 12px 40px rgba(0,0,0,.4);
  --mw-vitrina-bg: #0d1117;
  --mw-sect-alt: #161b22;
  --mw-foot-bg: #080b10;
  --mw-chip-bg: rgba(34,211,238,.12);
  --mw-chip-border: rgba(34,211,238,.25);
  --mw-tile-hover: 0 6px 18px rgba(34,211,238,.15);
  --mw-radius: 14px;
  --mw-vitrina-cols: 4;
}
body.mw-theme-ar-op .mw-hero--overlay-left .mw-hero__shade{
  background:linear-gradient(105deg,rgba(13,17,23,.94) 0%,rgba(13,17,23,.88) 42%,rgba(13,17,23,.45) 64%,transparent 84%);
}
body.mw-theme-ar-op .mw-hero--overlay-left .mw-hero__bg{object-position:72% center}
body.mw-theme-ar-op .mw-hero--overlay-left .mw-hero__copy{
  padding-left:clamp(1.25rem,5vw,3.25rem);
  padding-right:1.25rem;
  max-width:38rem;
}
body.mw-theme-ar-op .mw-hero--overlay-left .mw-lead{max-width:36rem;color:rgba(240,244,248,.88)}
body.mw-theme-ar-op .mw-hero--overlay-left .mw-eyebrow{color:#22d3ee}

/* AR APK — teal (original APK AR vibe) */
body.mw-theme-ar-apk {
  --mw-font-head: 'Archivo', system-ui, sans-serif;
  --mw-font-body: 'DM Sans', system-ui, sans-serif;
  --mw-bg: #0a1614;
  --mw-text: #e6fffa;
  --mw-muted: #8fbdb5;
  --mw-surface: #122622;
  --mw-border: rgba(45,212,191,.12);
  --mw-accent: #2dd4bf;
  --mw-accent-2: #14b8a6;
  --mw-btn-bg: linear-gradient(135deg,#2dd4bf,#0d9488);
  --mw-btn-fg: #042f2e;
  --mw-btn-shadow: 0 8px 22px rgba(45,212,191,.28);
  --mw-header-bg: rgba(10,22,20,.93);
  --mw-hero-bg: radial-gradient(ellipse at 0% 100%,rgba(45,212,191,.18),transparent 55%),#0a1614;
  --mw-hero-shadow: 0 20px 50px rgba(0,0,0,.45);
  --mw-vitrina-bg: #0a1614;
  --mw-sect-alt: rgba(18,38,34,.85);
  --mw-foot-bg: #050e0c;
  --mw-chip-bg: rgba(20,184,166,.15);
  --mw-chip-border: rgba(20,184,166,.3);
  --mw-tile-hover: 0 8px 22px rgba(45,212,191,.18);
  --mw-radius: 20px;
  --mw-vitrina-cols: 4;
}
body.mw-theme-ar-apk .mw-btn--pri{
  color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
  border:2px solid rgba(255,255,255,.28);
  background:linear-gradient(135deg,#14b8a6,#0f766e);
}
body.mw-theme-ar-apk .mw-hero--overlay-left .mw-hero__shade{
  background:linear-gradient(105deg,rgba(10,22,20,.95) 0%,rgba(10,22,20,.88) 38%,rgba(10,22,20,.35) 58%,transparent 80%);
}
body.mw-theme-ar-apk .mw-hero--overlay-left .mw-hero__bg{object-position:78% center}
body.mw-theme-ar-apk .mw-hero--overlay-left .mw-hero__copy{
  padding-left:clamp(1.5rem,5.5vw,3.5rem);
  padding-right:1.25rem;
  max-width:36rem;
}
body.mw-theme-ar-apk .mw-hero--overlay-left .mw-lead{max-width:34rem;color:rgba(230,255,250,.9)}
body.mw-theme-ar-apk .mw-hero--overlay-left .mw-eyebrow{color:#5eead4;letter-spacing:.16em}
body.mw-theme-ar-apk .mw-hero--overlay-left .mw-hero__chips li{
  background:rgba(45,212,191,.12);
  border-color:rgba(94,234,212,.35);
}
body.mw-theme-ar-apk .mw-app-install--left .mw-lead{max-width:52rem}
body.mw-theme-ar-apk .mw-vitrina{padding-top:2.25rem}
body.mw-theme-ar-apk .mw-btn--ghost{border-color:rgba(94,234,212,.35);color:#e6fffa}

/* CL APK — cobre + púrpura */
body.mw-theme-cl-apk {
  --mw-font-head: 'Outfit', system-ui, sans-serif;
  --mw-font-body: 'DM Sans', system-ui, sans-serif;
  --mw-bg: #140c0a;
  --mw-text: #fff5f0;
  --mw-muted: #c4a89a;
  --mw-surface: #221612;
  --mw-border: rgba(255,160,100,.12);
  --mw-accent: #ff8c42;
  --mw-accent-2: #e85d04;
  --mw-btn-bg: linear-gradient(135deg,#ff8c42,#e85d04);
  --mw-btn-fg: #1a0a04;
  --mw-btn-shadow: 0 8px 24px rgba(232,93,4,.35);
  --mw-header-bg: rgba(20,12,10,.93);
  --mw-hero-bg: radial-gradient(ellipse 70% 50% at 50% 0%,rgba(255,140,66,.22),transparent),#140c0a;
  --mw-hero-shadow: 0 18px 48px rgba(0,0,0,.5);
  --mw-vitrina-bg: #140c0a;
  --mw-sect-alt: rgba(34,22,18,.9);
  --mw-foot-bg: #0a0605;
  --mw-chip-bg: rgba(255,140,66,.12);
  --mw-chip-border: rgba(255,140,66,.28);
  --mw-tile-hover: 0 8px 20px rgba(232,93,4,.2);
  --mw-radius: 24px;
  --mw-vitrina-cols: 4;
}
body.mw-theme-cl-apk .mw-btn--pri{
  color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
  border:2px solid rgba(255,255,255,.28);
  background:linear-gradient(135deg,#ff8c42,#c2410c);
}
body.mw-theme-cl-apk .mw-hero--overlay-left .mw-hero__shade{
  background:linear-gradient(105deg,rgba(20,12,10,.93) 0%,rgba(20,12,10,.86) 40%,rgba(20,12,10,.42) 62%,transparent 82%);
}
body.mw-theme-cl-apk .mw-hero--overlay-left .mw-hero__bg{object-position:70% center}
body.mw-theme-cl-apk .mw-hero--overlay-left .mw-hero__copy{
  padding-left:clamp(1.25rem,5vw,3.25rem);
  padding-right:1.25rem;
  max-width:38rem;
}
body.mw-theme-cl-apk .mw-hero--overlay-left .mw-lead{max-width:36rem;color:rgba(255,245,240,.88)}
body.mw-theme-cl-apk .mw-hero--overlay-left .mw-eyebrow{color:#ff8c42}
body.mw-theme-cl-apk .mw-sect--seo{background:rgba(34,22,18,.35)}
body.mw-theme-cl-apk .mw-seo-point{border-color:rgba(255,140,66,.18)}
body.mw-theme-cl-apk .mw-seo-point:hover{border-color:rgba(255,140,66,.45);box-shadow:0 8px 24px rgba(232,93,4,.12)}

/* PE APK — rosa + índigo */
body.mw-theme-pe-apk {
  --mw-font-head: 'Manrope', system-ui, sans-serif;
  --mw-font-body: 'DM Sans', system-ui, sans-serif;
  --mw-bg: #120a14;
  --mw-text: #fceef5;
  --mw-muted: #c9a8bc;
  --mw-surface: #1e1220;
  --mw-border: rgba(244,114,182,.15);
  --mw-accent: #f472b6;
  --mw-accent-2: #e879f9;
  --mw-btn-bg: linear-gradient(135deg,#f472b6,#c026d3);
  --mw-btn-fg: #fff;
  --mw-btn-shadow: 0 8px 26px rgba(244,114,182,.35);
  --mw-header-bg: rgba(18,10,20,.93);
  --mw-hero-bg: radial-gradient(ellipse 80% 60% at 100% 0%,rgba(192,38,211,.25),transparent 50%),#120a14;
  --mw-hero-shadow: 0 20px 52px rgba(0,0,0,.48);
  --mw-vitrina-bg: #120a14;
  --mw-sect-alt: rgba(30,18,32,.88);
  --mw-foot-bg: #0a060c;
  --mw-chip-bg: rgba(244,114,182,.12);
  --mw-chip-border: rgba(244,114,182,.28);
  --mw-tile-hover: 0 8px 22px rgba(192,38,211,.22);
  --mw-radius: 20px;
  --mw-vitrina-cols: 4;
}