@font-face { font-family: 'Righteous'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/Righteous-400.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: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/BebasNeue-400.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: 'Barlow Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/BarlowCondensed-400.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: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/BarlowCondensed-600.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: 'VT323'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/VT323-400.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: 'Cinzel'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/Cinzel-700.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: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/EBGaramond-400.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: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/EBGaramond-600.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: 'Special Elite'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/SpecialElite-400.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: 'Metal Mania'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/MetalMania-400.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: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/Oswald-400.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: 'Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/Oswald-600.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: 'Atkinson Hyperlegible'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/AtkinsonHyperlegible-400.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: 'Atkinson Hyperlegible'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/AtkinsonHyperlegible-700.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 { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%2300f0ff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }

[data-muestra="cyberpunk"] {
  --bg: #07080d; --bg-2: #0c0e16;
  --surface: #11131c; --surface-2: #181b27; --surface-3: #1f2331;
  --text: #e8f3ff; --muted: #8a93a8; --dim: #5a6173;
  --border: #2a3148; --border-strong: #3a4365;
  --neon-cyan: #00f0ff; --neon-magenta: #ff00d6; --neon-yellow: #fffb00;
  --neon-lime: #00ff9d; --neon-pink: #ff2e93; --neon-orange: #ff8a00;
  --cyan-rgb: 0 240 255; --magenta-rgb: 255 0 214; --pink-rgb: 255 46 147; --lime-rgb: 0 255 157;
  --yellow-rgb: 255 251 0; --orange-rgb: 255 138 0; --bg-rgb: 7 8 13; --bg2-rgb: 12 14 22;
  --surface-rgb: 17 19 28; --muted-rgb: 138 147 168;
  --on-accent: #06070b;
  --f-title: 'Orbitron', 'Rajdhani', sans-serif;
  --f-body: 'Rajdhani', system-ui, sans-serif;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  color-scheme: dark;
}

:root[data-tema="gta-vc"], [data-muestra="gta-vc"] {
  --bg: #150a24; --bg-2: #1d0f33;
  --surface: #24133d; --surface-2: #2d1a4a; --surface-3: #372259;
  --text: #fff0fa; --muted: #c9a8d4; --dim: #8a6f99;
  --border: #4d2f6b; --border-strong: #6a4190;
  --neon-cyan: #ff4fa3; --neon-magenta: #2de2e6; --neon-yellow: #ffd319;
  --neon-lime: #3df5a7; --neon-pink: #ff3864; --neon-orange: #ff8c42;
  --cyan-rgb: 255 79 163; --magenta-rgb: 45 226 230; --pink-rgb: 255 56 100; --lime-rgb: 61 245 167;
  --yellow-rgb: 255 211 25; --orange-rgb: 255 140 66; --bg-rgb: 21 10 36; --bg2-rgb: 29 15 51;
  --surface-rgb: 36 19 61; --muted-rgb: 201 168 212;
  --on-accent: #1a0b2e;
  --radius: 10px; --radius-lg: 16px;
  --f-title: 'Righteous', 'Rajdhani', sans-serif;
  --f-body: 'Rajdhani', system-ui, sans-serif;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  color-scheme: dark;
}
:root[data-tema="gta-vc"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%23ff4fa3' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="gta-vc"] body { color-scheme: dark; }

:root[data-tema="gta-vi"], [data-muestra="gta-vi"] {
  --bg: #0f0e1a; --bg-2: #131226;
  --surface: #181631; --surface-2: #1e1b3d; --surface-3: #262248;
  --text: #f8f6ff; --muted: #a89fc9; --dim: #6b6391;
  --border: #2e2a52; --border-strong: #413a70;
  --neon-cyan: #ec4f9e; --neon-magenta: #8b7fd4; --neon-yellow: #f5b942;
  --neon-lime: #5ec98f; --neon-pink: #f6a8c7; --neon-orange: #ff8c5a;
  --cyan-rgb: 236 79 158; --magenta-rgb: 139 127 212; --pink-rgb: 246 168 199; --lime-rgb: 94 201 143;
  --yellow-rgb: 245 185 66; --orange-rgb: 255 140 90; --bg-rgb: 15 14 26; --bg2-rgb: 19 18 38;
  --surface-rgb: 24 22 49; --muted-rgb: 168 159 201;
  --on-accent: #ffffff;
  --radius: 16px; --radius-lg: 28px;
  --f-title: 'Righteous', 'Barlow Condensed', sans-serif;
  --f-body: 'Barlow Condensed', system-ui, sans-serif;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  color-scheme: dark;
}
:root[data-tema="gta-vi"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%23ec4f9e' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="gta-vi"] body { color-scheme: dark; }
:root[data-tema="gta-vi"] .scanlines,
:root[data-tema="gta-vi"] .grid-bg,
:root[data-tema="gta-vi"] .bg-lines { display: none; }
:root[data-tema="gta-vi"] .glitch,
:root[data-tema="gta-vi"] .glitch:hover { text-shadow: none; animation: none; }
:root[data-tema="gta-vi"] .glitch[data-text]::before,
:root[data-tema="gta-vi"] .glitch[data-text]::after,
:root[data-tema="gta-vi"] .brand-name::before,
:root[data-tema="gta-vi"] .brand-name::after { display: none; }

:root[data-tema="gta-iv"], [data-muestra="gta-iv"] {
  --bg: #111315; --bg-2: #16191c;
  --surface: #1c2024; --surface-2: #23282d; --surface-3: #2b3137;
  --text: #ebe7dc; --muted: #a3a8ad; --dim: #6b7176;
  --border: #363c43; --border-strong: #4d555e;
  --neon-cyan: #f2b632; --neon-magenta: #7fa6c8; --neon-yellow: #e6d36a;
  --neon-lime: #8cbf6a; --neon-pink: #e0534d; --neon-orange: #e0863a;
  --cyan-rgb: 242 182 50; --magenta-rgb: 127 166 200; --pink-rgb: 224 83 77; --lime-rgb: 140 191 106;
  --yellow-rgb: 230 211 106; --orange-rgb: 224 134 58; --bg-rgb: 17 19 21; --bg2-rgb: 22 25 28;
  --surface-rgb: 28 32 36; --muted-rgb: 163 168 173;
  --on-accent: #111315;
  --radius: 2px; --radius-lg: 3px;
  --f-title: 'Bebas Neue', 'Barlow Condensed', sans-serif;
  --f-body: 'Barlow Condensed', system-ui, sans-serif;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  font-synthesis-weight: none;
  color-scheme: dark;
}
:root[data-tema="gta-iv"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%23f2b632' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="gta-iv"] body { color-scheme: dark; }
:root[data-tema="gta-iv"] .scanlines,
:root[data-tema="gta-iv"] .grid-bg,
:root[data-tema="gta-iv"] .bg-lines { display: none; }
:root[data-tema="gta-iv"] .glitch,
:root[data-tema="gta-iv"] .glitch:hover { text-shadow: none; animation: none; }
:root[data-tema="gta-iv"] .glitch[data-text]::before,
:root[data-tema="gta-iv"] .glitch[data-text]::after,
:root[data-tema="gta-iv"] .brand-name::before,
:root[data-tema="gta-iv"] .brand-name::after { display: none; }

:root[data-tema="matrix"], [data-muestra="matrix"] {
  --bg: #000300; --bg-2: #010a02;
  --surface: #03140a; --surface-2: #062012; --surface-3: #0a2b18;
  --text: #c8ffd4; --muted: #6fcf8a; --dim: #3a8a50;
  --border: #0f4020; --border-strong: #17602f;
  --neon-cyan: #00ff41; --neon-magenta: #b3ff00; --neon-yellow: #d4ff00;
  --neon-lime: #00ff41; --neon-pink: #ff3b3b; --neon-orange: #9dff5a;
  --cyan-rgb: 0 255 65; --magenta-rgb: 179 255 0; --pink-rgb: 255 59 59; --lime-rgb: 0 255 65;
  --yellow-rgb: 212 255 0; --orange-rgb: 157 255 90; --bg-rgb: 0 3 0; --bg2-rgb: 1 10 2;
  --surface-rgb: 3 20 10; --muted-rgb: 111 207 138;
  --on-accent: #000300;
  --radius: 0px; --radius-lg: 0px;
  --f-title: 'VT323', 'Share Tech Mono', monospace;
  --f-body: 'Share Tech Mono', Consolas, monospace;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  color-scheme: dark;
}
:root[data-tema="matrix"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%2300ff41' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="matrix"] body { color-scheme: dark; }

:root[data-tema="ambar"], [data-muestra="ambar"] {
  --bg: #0c0700; --bg-2: #120a00;
  --surface: #1a0f02; --surface-2: #231505; --surface-3: #2d1b07;
  --text: #ffd58a; --muted: #c9934a; --dim: #8a5f28;
  --border: #4a3010; --border-strong: #6b4616;
  --neon-cyan: #ffb000; --neon-magenta: #ff7a00; --neon-yellow: #ffcc33;
  --neon-lime: #ffe08a; --neon-pink: #ff4d2e; --neon-orange: #ff8c1a;
  --cyan-rgb: 255 176 0; --magenta-rgb: 255 122 0; --pink-rgb: 255 77 46; --lime-rgb: 255 224 138;
  --yellow-rgb: 255 204 51; --orange-rgb: 255 140 26; --bg-rgb: 12 7 0; --bg2-rgb: 18 10 0;
  --surface-rgb: 26 15 2; --muted-rgb: 201 147 74;
  --on-accent: #0c0700;
  --radius: 0px; --radius-lg: 2px;
  --f-title: 'VT323', 'Share Tech Mono', monospace;
  --f-body: 'Share Tech Mono', Consolas, monospace;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  color-scheme: dark;
}
:root[data-tema="ambar"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%23ffb000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="ambar"] body { color-scheme: dark; }

:root[data-tema="steampunk"], [data-muestra="steampunk"] {
  --bg: #1a120b; --bg-2: #20160d;
  --surface: #2a1d12; --surface-2: #332416; --surface-3: #3d2c1b;
  --text: #f2e3c6; --muted: #c4a87f; --dim: #8a7353;
  --border: #5c4228; --border-strong: #7a5a36;
  --neon-cyan: #d9a646; --neon-magenta: #c0703a; --neon-yellow: #e8c35a;
  --neon-lime: #7fb59a; --neon-pink: #d0493f; --neon-orange: #d98032;
  --cyan-rgb: 217 166 70; --magenta-rgb: 192 112 58; --pink-rgb: 208 73 63; --lime-rgb: 127 181 154;
  --yellow-rgb: 232 195 90; --orange-rgb: 217 128 50; --bg-rgb: 26 18 11; --bg2-rgb: 32 22 13;
  --surface-rgb: 42 29 18; --muted-rgb: 196 168 127;
  --on-accent: #1a120b;
  --radius: 10px; --radius-lg: 14px;
  --f-title: 'Cinzel', Georgia, serif;
  --f-body: 'EB Garamond', Georgia, serif;
  --f-mono: 'Special Elite', 'Courier New', monospace;
  font-synthesis-weight: none;
  color-scheme: dark;
}
:root[data-tema="steampunk"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%23d9a646' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="steampunk"] body { color-scheme: dark; }
:root[data-tema="steampunk"] .scanlines,
:root[data-tema="steampunk"] .grid-bg,
:root[data-tema="steampunk"] .bg-lines { display: none; }
:root[data-tema="steampunk"] .glitch,
:root[data-tema="steampunk"] .glitch:hover { text-shadow: none; animation: none; }
:root[data-tema="steampunk"] .glitch[data-text]::before,
:root[data-tema="steampunk"] .glitch[data-text]::after,
:root[data-tema="steampunk"] .brand-name::before,
:root[data-tema="steampunk"] .brand-name::after { display: none; }

:root[data-tema="metal"], [data-muestra="metal"] {
  --bg: #080808; --bg-2: #0e0e0e;
  --surface: #151515; --surface-2: #1c1c1c; --surface-3: #242424;
  --text: #ececec; --muted: #a0a0a0; --dim: #5e5e5e;
  --border: #333333; --border-strong: #4a4a4a;
  --neon-cyan: #e31b23; --neon-magenta: #c8c8c8; --neon-yellow: #f0c419;
  --neon-lime: #7cc243; --neon-pink: #ff5a36; --neon-orange: #ff8f1f;
  --cyan-rgb: 227 27 35; --magenta-rgb: 200 200 200; --pink-rgb: 255 90 54; --lime-rgb: 124 194 67;
  --yellow-rgb: 240 196 25; --orange-rgb: 255 143 31; --bg-rgb: 8 8 8; --bg2-rgb: 14 14 14;
  --surface-rgb: 21 21 21; --muted-rgb: 160 160 160;
  --on-accent: #ffffff;
  --radius: 2px; --radius-lg: 3px;
  --f-title: 'Metal Mania', 'Oswald', sans-serif;
  --f-body: 'Oswald', system-ui, sans-serif;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  --f-label: 'Oswald', system-ui, sans-serif;
  font-synthesis-weight: none;
  color-scheme: dark;
}
:root[data-tema="metal"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%23e31b23' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="metal"] body { color-scheme: dark; }

:root[data-tema="deep-sea"], [data-muestra="deep-sea"] {
  --bg: #050b14; --bg-2: #081222;
  --surface: #0b1830; --surface-2: #0f2140; --surface-3: #142b52;
  --text: #dff1ff; --muted: #7fa3c9; --dim: #4a6f94;
  --border: #1c3a63; --border-strong: #2a5485;
  --neon-cyan: #00d4ff; --neon-magenta: #7b61ff; --neon-yellow: #ffcf5c;
  --neon-lime: #00e5a0; --neon-pink: #ff4d6d; --neon-orange: #ff8a5c;
  --cyan-rgb: 0 212 255; --magenta-rgb: 123 97 255; --pink-rgb: 255 77 109; --lime-rgb: 0 229 160;
  --yellow-rgb: 255 207 92; --orange-rgb: 255 138 92; --bg-rgb: 5 11 20; --bg2-rgb: 8 18 34;
  --surface-rgb: 11 24 48; --muted-rgb: 127 163 201;
  --on-accent: #031019;
  --radius: 10px; --radius-lg: 16px;
  --f-title: 'Orbitron', 'Rajdhani', sans-serif;
  --f-body: 'Rajdhani', system-ui, sans-serif;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  color-scheme: dark;
}
:root[data-tema="deep-sea"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%2300d4ff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="deep-sea"] body { color-scheme: dark; }

:root[data-tema="sakura"], [data-muestra="sakura"] {
  --bg: #140a12; --bg-2: #1b0e18;
  --surface: #241320; --surface-2: #2d1829; --surface-3: #381e33;
  --text: #ffeef5; --muted: #d9a8c2; --dim: #9c6f88;
  --border: #4a2740; --border-strong: #693a5a;
  --neon-cyan: #ff9fc7; --neon-magenta: #c792ea; --neon-yellow: #ffe066;
  --neon-lime: #9fe6b4; --neon-pink: #ff5d8f; --neon-orange: #ffb17a;
  --cyan-rgb: 255 159 199; --magenta-rgb: 199 146 234; --pink-rgb: 255 93 143; --lime-rgb: 159 230 180;
  --yellow-rgb: 255 224 102; --orange-rgb: 255 177 122; --bg-rgb: 20 10 18; --bg2-rgb: 27 14 24;
  --surface-rgb: 36 19 32; --muted-rgb: 217 168 194;
  --on-accent: #2a0f22;
  --radius: 16px; --radius-lg: 22px;
  --f-title: 'Orbitron', 'Rajdhani', sans-serif;
  --f-body: 'Rajdhani', system-ui, sans-serif;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  color-scheme: dark;
}
:root[data-tema="sakura"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%23ff9fc7' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="sakura"] body { color-scheme: dark; }

:root[data-tema="personalizado"], [data-muestra="personalizado"] {
  --bg: #07080d; --bg-2: #0c0e16;
  --surface: #11131c; --surface-2: #181b27; --surface-3: #1f2331;
  --text: #e8f3ff; --muted: #8a93a8; --dim: #5a6173;
  --border: #2a3148; --border-strong: #3a4365;
  --neon-cyan: #00f0ff; --neon-magenta: #ff00d6; --neon-yellow: #fffb00;
  --neon-lime: #00ff9d; --neon-pink: #ff2e93; --neon-orange: #ff8a00;
  --cyan-rgb: 0 240 255; --magenta-rgb: 255 0 214; --pink-rgb: 255 46 147; --lime-rgb: 0 255 157;
  --yellow-rgb: 255 251 0; --orange-rgb: 255 138 0; --bg-rgb: 7 8 13; --bg2-rgb: 12 14 22;
  --surface-rgb: 17 19 28; --muted-rgb: 138 147 168;
  --on-accent: #06070b;
  --f-title: 'Orbitron', 'Rajdhani', sans-serif;
  --f-body: 'Rajdhani', system-ui, sans-serif;
  --f-mono: 'Share Tech Mono', Consolas, monospace;
  color-scheme: dark;
}
:root[data-tema="personalizado"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%2300f0ff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="personalizado"] body { color-scheme: dark; }

:root[data-tema="claro"], [data-muestra="claro"] {
  --bg: #f1f4fa; --bg-2: #e9edf6;
  --surface: #ffffff; --surface-2: #eef1f8; --surface-3: #e2e7f2;
  --text: #161b2e; --muted: #5b6478; --dim: #8a93a8;
  --border: #ccd2e2; --border-strong: #aab3cc;
  --neon-cyan: #0086a8; --neon-magenta: #b0158a; --neon-yellow: #8a6d00;
  --neon-lime: #1f8a3c; --neon-pink: #c1273f; --neon-orange: #b35c00;
  --cyan-rgb: 0 134 168; --magenta-rgb: 176 21 138; --pink-rgb: 193 39 63; --lime-rgb: 31 138 60;
  --yellow-rgb: 138 109 0; --orange-rgb: 179 92 0; --bg-rgb: 241 244 250; --bg2-rgb: 233 237 246;
  --surface-rgb: 255 255 255; --muted-rgb: 91 100 120;
  --on-accent: #ffffff;
  --radius: 10px; --radius-lg: 14px;
  --field-bg: #ffffff;
  --shadow: 0 2px 10px rgba(30, 40, 80, 0.08);
  --shadow-strong: 0 4px 18px rgba(30, 40, 80, 0.12);
  color-scheme: light;
}
:root[data-tema="claro"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 20L8 16L11 22L14 20.5L11 14.5L18 14.5Z' fill='%230b0d14' stroke='%230086a8' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
:root[data-tema="claro"] body { color-scheme: light; }
:root[data-tema="claro"] .scanlines,
:root[data-tema="claro"] .grid-bg,
:root[data-tema="claro"] .bg-lines { display: none; }
:root[data-tema="claro"] .glitch,
:root[data-tema="claro"] .glitch:hover { text-shadow: none; animation: none; }
:root[data-tema="claro"] .glitch[data-text]::before,
:root[data-tema="claro"] .glitch[data-text]::after,
:root[data-tema="claro"] .brand-name::before,
:root[data-tema="claro"] .brand-name::after { display: none; }
:root[data-tema="claro"] .vignette { display: none; }


:root[data-tema="gta-vi"] .hud-top {
  grid-template-columns: auto 1fr auto;
  padding: 18px 28px;
  background:
    linear-gradient(100deg, rgb(var(--orange-rgb) / 0.22) 0%, rgb(var(--magenta-rgb) / 0.16) 45%, rgb(var(--cyan-rgb) / 0.14) 100%),
    linear-gradient(180deg, rgb(var(--bg2-rgb) / 0.9) 0%, rgb(var(--bg-rgb) / 0.75) 100%);
}

:root[data-tema="gta-vi"] .hero-stat {
  border-radius: var(--radius-lg);
}

:root[data-tema="gta-vi"] .apps-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: dense;
}
:root[data-tema="gta-vi"] .apps-grid .app-card:nth-child(6n+1) {
  grid-column: span 2;
  grid-row: span 2;
}
:root[data-tema="gta-vi"] .app-card {
  clip-path: none;
  border-radius: var(--radius-lg);
}
:root[data-tema="gta-vi"] .app-card::before { display: none; }
:root[data-tema="gta-vi"] .apps-grid .app-card:nth-child(6n+1) .app-card__footer { margin-top: auto; }

:root[data-tema="gta-vi"] body {
  background:
    radial-gradient(ellipse 900px 500px at 12% -8%, rgb(var(--orange-rgb) / 0.22), transparent 60%),
    radial-gradient(ellipse 1000px 600px at 92% 5%, rgb(var(--cyan-rgb) / 0.16), transparent 55%),
    radial-gradient(ellipse 900px 550px at 50% 105%, rgb(var(--magenta-rgb) / 0.14), transparent 60%),
    var(--bg);
}

@media (max-width: 860px) {
  :root[data-tema="gta-vi"] .apps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :root[data-tema="gta-vi"] .apps-grid .app-card:nth-child(6n+1) { grid-column: span 2; grid-row: span 1; }
}
@media (max-width: 560px) {
  :root[data-tema="gta-vi"] .apps-grid { grid-template-columns: 1fr; }
  :root[data-tema="gta-vi"] .apps-grid .app-card:nth-child(6n+1) { grid-column: span 1; }
}

:root[data-tema="gta-vi"] .hero {
  border: 3px solid var(--neon-cyan);
  border-radius: 32px;
  box-shadow: 0 0 0 1px rgb(var(--cyan-rgb) / 0.25), 0 20px 50px rgba(0, 0, 0, 0.55);
}
:root[data-tema="gta-vi"] .hero__title {
  -webkit-text-stroke: 1.5px var(--bg);
  paint-order: stroke fill;
}

:root[data-tema="gta-vi"] .btn-access {
  clip-path: none;
  border-radius: 999px;
}

:root[data-tema="gta-vi"] .cc-panel {
  border-radius: var(--radius-lg);
}


:root[data-a11y-texto="grande"] { --zoom: 1.12; }
:root[data-a11y-texto="enorme"] { --zoom: 1.25; }
:root[data-a11y-texto] body { zoom: var(--zoom); }

:root[data-a11y-contraste] {
  --muted: color-mix(in srgb, var(--text) 88%, var(--bg));
  --dim: color-mix(in srgb, var(--text) 70%, var(--bg));
  --border: color-mix(in srgb, var(--text) 45%, var(--bg));
  --border-strong: color-mix(in srgb, var(--text) 65%, var(--bg));
}
:root[data-a11y-contraste] *, :root[data-a11y-contraste] *::before, :root[data-a11y-contraste] *::after { text-shadow: none !important; }
:root[data-a11y-contraste] .scanlines, :root[data-a11y-contraste] .grid-bg,
:root[data-a11y-contraste] .bg-lines, :root[data-a11y-contraste] .vignette { display: none; }

:root[data-a11y-movimiento] *, :root[data-a11y-movimiento] *::before, :root[data-a11y-movimiento] *::after {
  animation: none !important; transition: none !important; scroll-behavior: auto !important;
}
:root[data-a11y-movimiento] .scanlines, :root[data-a11y-movimiento] .bg-lines,
:root[data-a11y-movimiento] .glitch[data-text]::before, :root[data-a11y-movimiento] .glitch[data-text]::after,
:root[data-a11y-movimiento] .brand-name::before, :root[data-a11y-movimiento] .brand-name::after { display: none; }
@media (prefers-reduced-motion: reduce) {
  .scanlines, .bg-lines, .glitch[data-text]::before, .glitch[data-text]::after { display: none; }
}

:root[data-a11y-fuente] {
  --f-title: 'Atkinson Hyperlegible', Verdana, sans-serif;
  --f-body: 'Atkinson Hyperlegible', Verdana, sans-serif;
  --f-mono: ui-monospace, Consolas, monospace;
  --f-label: 'Atkinson Hyperlegible', Verdana, sans-serif;
  font-synthesis-weight: auto;
}
:root[data-a11y-fuente] body, :root[data-a11y-fuente] body * { letter-spacing: normal !important; }

:root[data-a11y-enlaces] a { text-decoration: underline !important; text-underline-offset: 3px; }