/* GENERADO por inc/temas_build.php desde content/temas.json. No editar a mano. */

/* ---- Paleta: Celltek ---- */
:root[data-palette="celltek"] { color-scheme: light; --bg: #f5f7fa; --bg2: #eceff4; --surf: #ffffff; --surf2: #f7f9fc; --line: rgba(16, 20, 24, 0.1); --line2: rgba(16, 20, 24, 0.2); --text: #101418; --muted: #4f5b67; --dim: #8a95a1; --accent: #1f6fe0; --accent-2: #3b86f0; --accent-deep: #144ea6; --on-accent: #ffffff; --accent-soft: rgba(31, 111, 224, 0.11); --accent-ring: rgba(31, 111, 224, 0.28); --glass: rgba(245, 247, 250, 0.62); --glass-solid: rgba(245, 247, 250, 0.86); --sheen: .28; --bezel: rgba(16, 20, 24, 0.04); --shadow: 0 24px 60px -34px rgba(16, 20, 24, 0.3); --shadow-sm: 0 8px 22px -14px rgba(16, 20, 24, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #eceff4; --cta-bg: #eceff4; --cta-text: #101418; --cta-muted: #4f5b67; --cta-line: rgba(16, 20, 24, 0.14); --footer-bg: #0f1720; --footer-text: #f2f5f8; --footer-muted: #9fb0bf; --footer-dim: rgba(242, 245, 248, 0.5); --footer-line: rgba(242, 245, 248, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="celltek"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0c1016; --bg2: #121820; --surf: #171e28; --surf2: #1e2733; --line: rgba(238, 242, 246, 0.1); --line2: rgba(238, 242, 246, 0.18); --text: #eef2f6; --muted: #a3adb8; --dim: #6b7682; --accent: #4d9bff; --accent-2: #6faeff; --accent-deep: #1f6fe0; --on-accent: #ffffff; --accent-soft: rgba(77, 155, 255, 0.16); --accent-ring: rgba(77, 155, 255, 0.28); --glass: rgba(12, 16, 22, 0.55); --glass-solid: rgba(12, 16, 22, 0.82); --sheen: .10; --bezel: rgba(238, 242, 246, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #121820; --cta-bg: #121820; --cta-text: #eef2f6; --cta-muted: #a3adb8; --cta-line: rgba(238, 242, 246, 0.14); --footer-bg: #080b10; --footer-text: #eef2f6; --footer-muted: #8b98a6; --footer-dim: rgba(238, 242, 246, 0.5); --footer-line: rgba(238, 242, 246, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="celltek"][data-theme="dark"] { color-scheme: dark; --bg: #0c1016; --bg2: #121820; --surf: #171e28; --surf2: #1e2733; --line: rgba(238, 242, 246, 0.1); --line2: rgba(238, 242, 246, 0.18); --text: #eef2f6; --muted: #a3adb8; --dim: #6b7682; --accent: #4d9bff; --accent-2: #6faeff; --accent-deep: #1f6fe0; --on-accent: #ffffff; --accent-soft: rgba(77, 155, 255, 0.16); --accent-ring: rgba(77, 155, 255, 0.28); --glass: rgba(12, 16, 22, 0.55); --glass-solid: rgba(12, 16, 22, 0.82); --sheen: .10; --bezel: rgba(238, 242, 246, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #121820; --cta-bg: #121820; --cta-text: #eef2f6; --cta-muted: #a3adb8; --cta-line: rgba(238, 242, 246, 0.14); --footer-bg: #080b10; --footer-text: #eef2f6; --footer-muted: #8b98a6; --footer-dim: rgba(238, 242, 246, 0.5); --footer-line: rgba(238, 242, 246, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Cobalto ---- */
:root[data-palette="cobalto"] { color-scheme: light; --bg: #ffffff; --bg2: #f1f4fa; --surf: #ffffff; --surf2: #f6f8fc; --line: rgba(14, 23, 38, 0.1); --line2: rgba(14, 23, 38, 0.2); --text: #0e1726; --muted: #4a5568; --dim: #8794a5; --accent: #0b5ed7; --accent-2: #2f7ff0; --accent-deep: #083a86; --on-accent: #ffffff; --accent-soft: rgba(11, 94, 215, 0.11); --accent-ring: rgba(11, 94, 215, 0.28); --glass: rgba(255, 255, 255, 0.62); --glass-solid: rgba(255, 255, 255, 0.86); --sheen: .12; --bezel: rgba(14, 23, 38, 0.04); --shadow: 0 24px 60px -34px rgba(14, 23, 38, 0.3); --shadow-sm: 0 8px 22px -14px rgba(14, 23, 38, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #f1f4fa; --cta-bg: #0b3d91; --cta-text: #ffffff; --cta-muted: #bcccee; --cta-line: rgba(255, 255, 255, 0.14); --footer-bg: #0b3d91; --footer-text: #ffffff; --footer-muted: #bcccee; --footer-dim: rgba(255, 255, 255, 0.5); --footer-line: rgba(255, 255, 255, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(11, 61, 145, 0.94); --nav-bg-solid: rgba(11, 61, 145, 0.97); --nav-text: #ffffff; --nav-muted: #bcccee; --nav-line: rgba(255, 255, 255, 0.14); --nav-logo-light: none; --nav-logo-dark: block; --nav-field: rgba(255, 255, 255, 0.12); --nav-field-text: #ffffff; --nav-field-ph: #bcccee; --nav-solid-min: .92; --nav-oferta: #ffa3a3; }
@media (prefers-color-scheme: dark) { :root[data-palette="cobalto"]:not([data-theme="light"]) { color-scheme: dark; --bg: #070d1a; --bg2: #0c1527; --surf: #111c33; --surf2: #172441; --line: rgba(233, 238, 251, 0.1); --line2: rgba(233, 238, 251, 0.18); --text: #e9eefb; --muted: #a5b1cc; --dim: #6d7a99; --accent: #5b9dff; --accent-2: #7fb3ff; --accent-deep: #2f7ff0; --on-accent: #ffffff; --accent-soft: rgba(91, 157, 255, 0.16); --accent-ring: rgba(91, 157, 255, 0.28); --glass: rgba(7, 13, 26, 0.55); --glass-solid: rgba(7, 13, 26, 0.82); --sheen: .12; --bezel: rgba(233, 238, 251, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0c1527; --cta-bg: #0a1a3d; --cta-text: #ffffff; --cta-muted: #a9bbe3; --cta-line: rgba(255, 255, 255, 0.14); --footer-bg: #050b18; --footer-text: #e9eefb; --footer-muted: #8b99bb; --footer-dim: rgba(233, 238, 251, 0.5); --footer-line: rgba(233, 238, 251, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(10, 26, 61, 0.94); --nav-bg-solid: rgba(10, 26, 61, 0.97); --nav-text: #ffffff; --nav-muted: #a9bbe3; --nav-line: rgba(255, 255, 255, 0.14); --nav-logo-light: none; --nav-logo-dark: block; --nav-field: rgba(255, 255, 255, 0.12); --nav-field-text: #ffffff; --nav-field-ph: #a9bbe3; --nav-solid-min: .92; --nav-oferta: #ffa3a3; } }
:root[data-palette="cobalto"][data-theme="dark"] { color-scheme: dark; --bg: #070d1a; --bg2: #0c1527; --surf: #111c33; --surf2: #172441; --line: rgba(233, 238, 251, 0.1); --line2: rgba(233, 238, 251, 0.18); --text: #e9eefb; --muted: #a5b1cc; --dim: #6d7a99; --accent: #5b9dff; --accent-2: #7fb3ff; --accent-deep: #2f7ff0; --on-accent: #ffffff; --accent-soft: rgba(91, 157, 255, 0.16); --accent-ring: rgba(91, 157, 255, 0.28); --glass: rgba(7, 13, 26, 0.55); --glass-solid: rgba(7, 13, 26, 0.82); --sheen: .12; --bezel: rgba(233, 238, 251, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0c1527; --cta-bg: #0a1a3d; --cta-text: #ffffff; --cta-muted: #a9bbe3; --cta-line: rgba(255, 255, 255, 0.14); --footer-bg: #050b18; --footer-text: #e9eefb; --footer-muted: #8b99bb; --footer-dim: rgba(233, 238, 251, 0.5); --footer-line: rgba(233, 238, 251, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(10, 26, 61, 0.94); --nav-bg-solid: rgba(10, 26, 61, 0.97); --nav-text: #ffffff; --nav-muted: #a9bbe3; --nav-line: rgba(255, 255, 255, 0.14); --nav-logo-light: none; --nav-logo-dark: block; --nav-field: rgba(255, 255, 255, 0.12); --nav-field-text: #ffffff; --nav-field-ph: #a9bbe3; --nav-solid-min: .92; --nav-oferta: #ffa3a3; }

/* ---- Paleta: Grafito ---- */
:root[data-palette="grafito"] { color-scheme: light; --bg: #f4f5f7; --bg2: #e9ebef; --surf: #ffffff; --surf2: #f7f8fa; --line: rgba(20, 22, 25, 0.1); --line2: rgba(20, 22, 25, 0.2); --text: #141619; --muted: #555a63; --dim: #8d929b; --accent: #2563eb; --accent-2: #3b76f6; --accent-deep: #1d4ed8; --on-accent: #ffffff; --accent-soft: rgba(37, 99, 235, 0.11); --accent-ring: rgba(37, 99, 235, 0.28); --glass: rgba(244, 245, 247, 0.62); --glass-solid: rgba(244, 245, 247, 0.86); --sheen: .28; --bezel: rgba(20, 22, 25, 0.04); --shadow: 0 24px 60px -34px rgba(20, 22, 25, 0.3); --shadow-sm: 0 8px 22px -14px rgba(20, 22, 25, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #e9ebef; --cta-bg: #e9ebef; --cta-text: #141619; --cta-muted: #555a63; --cta-line: rgba(20, 22, 25, 0.14); --footer-bg: #141619; --footer-text: #f4f5f7; --footer-muted: #a3a8b1; --footer-dim: rgba(244, 245, 247, 0.5); --footer-line: rgba(244, 245, 247, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="grafito"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0e0f11; --bg2: #141518; --surf: #1a1c20; --surf2: #212429; --line: rgba(238, 240, 243, 0.1); --line2: rgba(238, 240, 243, 0.18); --text: #eef0f3; --muted: #a2a7b0; --dim: #6a6f78; --accent: #5b8cff; --accent-2: #7ca3ff; --accent-deep: #2563eb; --on-accent: #ffffff; --accent-soft: rgba(91, 140, 255, 0.16); --accent-ring: rgba(91, 140, 255, 0.28); --glass: rgba(14, 15, 17, 0.55); --glass-solid: rgba(14, 15, 17, 0.82); --sheen: .10; --bezel: rgba(238, 240, 243, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #141518; --cta-bg: #141518; --cta-text: #eef0f3; --cta-muted: #a2a7b0; --cta-line: rgba(238, 240, 243, 0.14); --footer-bg: #0a0b0d; --footer-text: #eef0f3; --footer-muted: #8a8f98; --footer-dim: rgba(238, 240, 243, 0.5); --footer-line: rgba(238, 240, 243, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="grafito"][data-theme="dark"] { color-scheme: dark; --bg: #0e0f11; --bg2: #141518; --surf: #1a1c20; --surf2: #212429; --line: rgba(238, 240, 243, 0.1); --line2: rgba(238, 240, 243, 0.18); --text: #eef0f3; --muted: #a2a7b0; --dim: #6a6f78; --accent: #5b8cff; --accent-2: #7ca3ff; --accent-deep: #2563eb; --on-accent: #ffffff; --accent-soft: rgba(91, 140, 255, 0.16); --accent-ring: rgba(91, 140, 255, 0.28); --glass: rgba(14, 15, 17, 0.55); --glass-solid: rgba(14, 15, 17, 0.82); --sheen: .10; --bezel: rgba(238, 240, 243, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #141518; --cta-bg: #141518; --cta-text: #eef0f3; --cta-muted: #a2a7b0; --cta-line: rgba(238, 240, 243, 0.14); --footer-bg: #0a0b0d; --footer-text: #eef0f3; --footer-muted: #8a8f98; --footer-dim: rgba(238, 240, 243, 0.5); --footer-line: rgba(238, 240, 243, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Medianoche ---- */
:root[data-palette="medianoche"] { color-scheme: light; --bg: #eef2f8; --bg2: #e2e8f2; --surf: #ffffff; --surf2: #f5f8fc; --line: rgba(11, 23, 48, 0.1); --line2: rgba(11, 23, 48, 0.2); --text: #0b1730; --muted: #475673; --dim: #8592ab; --accent: #1d4ed8; --accent-2: #3b6ef0; --accent-deep: #12358f; --on-accent: #ffffff; --accent-soft: rgba(29, 78, 216, 0.11); --accent-ring: rgba(29, 78, 216, 0.28); --glass: rgba(238, 242, 248, 0.62); --glass-solid: rgba(238, 242, 248, 0.86); --sheen: .28; --bezel: rgba(11, 23, 48, 0.04); --shadow: 0 24px 60px -34px rgba(11, 23, 48, 0.3); --shadow-sm: 0 8px 22px -14px rgba(11, 23, 48, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #e2e8f2; --cta-bg: #e2e8f2; --cta-text: #0b1730; --cta-muted: #475673; --cta-line: rgba(11, 23, 48, 0.14); --footer-bg: #0b1730; --footer-text: #eef2f8; --footer-muted: #9aa8c4; --footer-dim: rgba(238, 242, 248, 0.5); --footer-line: rgba(238, 242, 248, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="medianoche"]:not([data-theme="light"]) { color-scheme: dark; --bg: #060b18; --bg2: #0a1224; --surf: #0f1a30; --surf2: #16233f; --line: rgba(230, 236, 250, 0.1); --line2: rgba(230, 236, 250, 0.18); --text: #e6ecfa; --muted: #9fb0d0; --dim: #64749a; --accent: #5aa2ff; --accent-2: #82b8ff; --accent-deep: #2f7ff0; --on-accent: #ffffff; --accent-soft: rgba(90, 162, 255, 0.16); --accent-ring: rgba(90, 162, 255, 0.28); --glass: rgba(6, 11, 24, 0.55); --glass-solid: rgba(6, 11, 24, 0.82); --sheen: .10; --bezel: rgba(230, 236, 250, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0a1224; --cta-bg: #0a1224; --cta-text: #e6ecfa; --cta-muted: #9fb0d0; --cta-line: rgba(230, 236, 250, 0.14); --footer-bg: #040814; --footer-text: #e6ecfa; --footer-muted: #8091b5; --footer-dim: rgba(230, 236, 250, 0.5); --footer-line: rgba(230, 236, 250, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="medianoche"][data-theme="dark"] { color-scheme: dark; --bg: #060b18; --bg2: #0a1224; --surf: #0f1a30; --surf2: #16233f; --line: rgba(230, 236, 250, 0.1); --line2: rgba(230, 236, 250, 0.18); --text: #e6ecfa; --muted: #9fb0d0; --dim: #64749a; --accent: #5aa2ff; --accent-2: #82b8ff; --accent-deep: #2f7ff0; --on-accent: #ffffff; --accent-soft: rgba(90, 162, 255, 0.16); --accent-ring: rgba(90, 162, 255, 0.28); --glass: rgba(6, 11, 24, 0.55); --glass-solid: rgba(6, 11, 24, 0.82); --sheen: .10; --bezel: rgba(230, 236, 250, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0a1224; --cta-bg: #0a1224; --cta-text: #e6ecfa; --cta-muted: #9fb0d0; --cta-line: rgba(230, 236, 250, 0.14); --footer-bg: #040814; --footer-text: #e6ecfa; --footer-muted: #8091b5; --footer-dim: rgba(230, 236, 250, 0.5); --footer-line: rgba(230, 236, 250, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Esmeralda ---- */
:root[data-palette="esmeralda"] { color-scheme: light; --bg: #f6f8f7; --bg2: #eaf0ed; --surf: #ffffff; --surf2: #f5f9f7; --line: rgba(15, 26, 21, 0.1); --line2: rgba(15, 26, 21, 0.2); --text: #0f1a15; --muted: #4c5c54; --dim: #87968e; --accent: #0f9d6e; --accent-2: #18b380; --accent-deep: #0a6e4d; --on-accent: #ffffff; --accent-soft: rgba(15, 157, 110, 0.11); --accent-ring: rgba(15, 157, 110, 0.28); --glass: rgba(246, 248, 247, 0.62); --glass-solid: rgba(246, 248, 247, 0.86); --sheen: .28; --bezel: rgba(15, 26, 21, 0.04); --shadow: 0 24px 60px -34px rgba(15, 26, 21, 0.3); --shadow-sm: 0 8px 22px -14px rgba(15, 26, 21, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #eaf0ed; --cta-bg: #eaf0ed; --cta-text: #0f1a15; --cta-muted: #4c5c54; --cta-line: rgba(15, 26, 21, 0.14); --footer-bg: #0f1a15; --footer-text: #f2f7f4; --footer-muted: #9fb2a8; --footer-dim: rgba(242, 247, 244, 0.5); --footer-line: rgba(242, 247, 244, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="esmeralda"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0a1310; --bg2: #0f1a16; --surf: #14211c; --surf2: #1b2b25; --line: rgba(234, 243, 238, 0.1); --line2: rgba(234, 243, 238, 0.18); --text: #eaf3ee; --muted: #a1b3aa; --dim: #667a71; --accent: #2fd39b; --accent-2: #5be0b2; --accent-deep: #0f9d6e; --on-accent: #ffffff; --accent-soft: rgba(47, 211, 155, 0.16); --accent-ring: rgba(47, 211, 155, 0.28); --glass: rgba(10, 19, 16, 0.55); --glass-solid: rgba(10, 19, 16, 0.82); --sheen: .10; --bezel: rgba(234, 243, 238, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0f1a16; --cta-bg: #0f1a16; --cta-text: #eaf3ee; --cta-muted: #a1b3aa; --cta-line: rgba(234, 243, 238, 0.14); --footer-bg: #070d0b; --footer-text: #eaf3ee; --footer-muted: #86998f; --footer-dim: rgba(234, 243, 238, 0.5); --footer-line: rgba(234, 243, 238, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="esmeralda"][data-theme="dark"] { color-scheme: dark; --bg: #0a1310; --bg2: #0f1a16; --surf: #14211c; --surf2: #1b2b25; --line: rgba(234, 243, 238, 0.1); --line2: rgba(234, 243, 238, 0.18); --text: #eaf3ee; --muted: #a1b3aa; --dim: #667a71; --accent: #2fd39b; --accent-2: #5be0b2; --accent-deep: #0f9d6e; --on-accent: #ffffff; --accent-soft: rgba(47, 211, 155, 0.16); --accent-ring: rgba(47, 211, 155, 0.28); --glass: rgba(10, 19, 16, 0.55); --glass-solid: rgba(10, 19, 16, 0.82); --sheen: .10; --bezel: rgba(234, 243, 238, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0f1a16; --cta-bg: #0f1a16; --cta-text: #eaf3ee; --cta-muted: #a1b3aa; --cta-line: rgba(234, 243, 238, 0.14); --footer-bg: #070d0b; --footer-text: #eaf3ee; --footer-muted: #86998f; --footer-dim: rgba(234, 243, 238, 0.5); --footer-line: rgba(234, 243, 238, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Mandarina ---- */
:root[data-palette="mandarina"] { color-scheme: light; --bg: #f7f6f4; --bg2: #eeece8; --surf: #ffffff; --surf2: #faf9f7; --line: rgba(23, 21, 15, 0.1); --line2: rgba(23, 21, 15, 0.2); --text: #17150f; --muted: #5b574f; --dim: #928d84; --accent: #e8590c; --accent-2: #f76b1c; --accent-deep: #a83f07; --on-accent: #ffffff; --accent-soft: rgba(232, 89, 12, 0.11); --accent-ring: rgba(232, 89, 12, 0.28); --glass: rgba(247, 246, 244, 0.62); --glass-solid: rgba(247, 246, 244, 0.86); --sheen: .28; --bezel: rgba(23, 21, 15, 0.04); --shadow: 0 24px 60px -34px rgba(23, 21, 15, 0.3); --shadow-sm: 0 8px 22px -14px rgba(23, 21, 15, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #eeece8; --cta-bg: #eeece8; --cta-text: #17150f; --cta-muted: #5b574f; --cta-line: rgba(23, 21, 15, 0.14); --footer-bg: #17150f; --footer-text: #f7f6f4; --footer-muted: #a9a49b; --footer-dim: rgba(247, 246, 244, 0.5); --footer-line: rgba(247, 246, 244, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="mandarina"]:not([data-theme="light"]) { color-scheme: dark; --bg: #100f0d; --bg2: #171512; --surf: #1e1b17; --surf2: #26221d; --line: rgba(243, 239, 233, 0.1); --line2: rgba(243, 239, 233, 0.18); --text: #f3efe9; --muted: #aea89e; --dim: #726c63; --accent: #ff8a3d; --accent-2: #ffa564; --accent-deep: #e8590c; --on-accent: #ffffff; --accent-soft: rgba(255, 138, 61, 0.16); --accent-ring: rgba(255, 138, 61, 0.28); --glass: rgba(16, 15, 13, 0.55); --glass-solid: rgba(16, 15, 13, 0.82); --sheen: .10; --bezel: rgba(243, 239, 233, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #171512; --cta-bg: #171512; --cta-text: #f3efe9; --cta-muted: #aea89e; --cta-line: rgba(243, 239, 233, 0.14); --footer-bg: #0b0a09; --footer-text: #f3efe9; --footer-muted: #8f887e; --footer-dim: rgba(243, 239, 233, 0.5); --footer-line: rgba(243, 239, 233, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="mandarina"][data-theme="dark"] { color-scheme: dark; --bg: #100f0d; --bg2: #171512; --surf: #1e1b17; --surf2: #26221d; --line: rgba(243, 239, 233, 0.1); --line2: rgba(243, 239, 233, 0.18); --text: #f3efe9; --muted: #aea89e; --dim: #726c63; --accent: #ff8a3d; --accent-2: #ffa564; --accent-deep: #e8590c; --on-accent: #ffffff; --accent-soft: rgba(255, 138, 61, 0.16); --accent-ring: rgba(255, 138, 61, 0.28); --glass: rgba(16, 15, 13, 0.55); --glass-solid: rgba(16, 15, 13, 0.82); --sheen: .10; --bezel: rgba(243, 239, 233, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #171512; --cta-bg: #171512; --cta-text: #f3efe9; --cta-muted: #aea89e; --cta-line: rgba(243, 239, 233, 0.14); --footer-bg: #0b0a09; --footer-text: #f3efe9; --footer-muted: #8f887e; --footer-dim: rgba(243, 239, 233, 0.5); --footer-line: rgba(243, 239, 233, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Frambuesa ---- */
:root[data-palette="frambuesa"] { color-scheme: light; --bg: #f8f6f7; --bg2: #efeaed; --surf: #ffffff; --surf2: #faf7f9; --line: rgba(26, 18, 22, 0.1); --line2: rgba(26, 18, 22, 0.2); --text: #1a1216; --muted: #5d5258; --dim: #948a90; --accent: #d6336c; --accent-2: #e64980; --accent-deep: #a61e4d; --on-accent: #ffffff; --accent-soft: rgba(214, 51, 108, 0.11); --accent-ring: rgba(214, 51, 108, 0.28); --glass: rgba(248, 246, 247, 0.62); --glass-solid: rgba(248, 246, 247, 0.86); --sheen: .28; --bezel: rgba(26, 18, 22, 0.04); --shadow: 0 24px 60px -34px rgba(26, 18, 22, 0.3); --shadow-sm: 0 8px 22px -14px rgba(26, 18, 22, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #efeaed; --cta-bg: #efeaed; --cta-text: #1a1216; --cta-muted: #5d5258; --cta-line: rgba(26, 18, 22, 0.14); --footer-bg: #1a1216; --footer-text: #f8f6f7; --footer-muted: #a99ea4; --footer-dim: rgba(248, 246, 247, 0.5); --footer-line: rgba(248, 246, 247, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="frambuesa"]:not([data-theme="light"]) { color-scheme: dark; --bg: #110d0f; --bg2: #181215; --surf: #1f181c; --surf2: #281f24; --line: rgba(245, 238, 241, 0.1); --line2: rgba(245, 238, 241, 0.18); --text: #f5eef1; --muted: #b0a4aa; --dim: #736970; --accent: #ff5c8d; --accent-2: #ff7fa6; --accent-deep: #d6336c; --on-accent: #ffffff; --accent-soft: rgba(255, 92, 141, 0.16); --accent-ring: rgba(255, 92, 141, 0.28); --glass: rgba(17, 13, 15, 0.55); --glass-solid: rgba(17, 13, 15, 0.82); --sheen: .10; --bezel: rgba(245, 238, 241, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #181215; --cta-bg: #181215; --cta-text: #f5eef1; --cta-muted: #b0a4aa; --cta-line: rgba(245, 238, 241, 0.14); --footer-bg: #0c090a; --footer-text: #f5eef1; --footer-muted: #8f8489; --footer-dim: rgba(245, 238, 241, 0.5); --footer-line: rgba(245, 238, 241, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="frambuesa"][data-theme="dark"] { color-scheme: dark; --bg: #110d0f; --bg2: #181215; --surf: #1f181c; --surf2: #281f24; --line: rgba(245, 238, 241, 0.1); --line2: rgba(245, 238, 241, 0.18); --text: #f5eef1; --muted: #b0a4aa; --dim: #736970; --accent: #ff5c8d; --accent-2: #ff7fa6; --accent-deep: #d6336c; --on-accent: #ffffff; --accent-soft: rgba(255, 92, 141, 0.16); --accent-ring: rgba(255, 92, 141, 0.28); --glass: rgba(17, 13, 15, 0.55); --glass-solid: rgba(17, 13, 15, 0.82); --sheen: .10; --bezel: rgba(245, 238, 241, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #181215; --cta-bg: #181215; --cta-text: #f5eef1; --cta-muted: #b0a4aa; --cta-line: rgba(245, 238, 241, 0.14); --footer-bg: #0c090a; --footer-text: #f5eef1; --footer-muted: #8f8489; --footer-dim: rgba(245, 238, 241, 0.5); --footer-line: rgba(245, 238, 241, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Violeta ---- */
:root[data-palette="violeta"] { color-scheme: light; --bg: #f6f5fa; --bg2: #ebe9f3; --surf: #ffffff; --surf2: #f8f7fc; --line: rgba(21, 18, 31, 0.1); --line2: rgba(21, 18, 31, 0.2); --text: #15121f; --muted: #554f66; --dim: #8d889c; --accent: #6f42c1; --accent-2: #845ef7; --accent-deep: #4c2a8f; --on-accent: #ffffff; --accent-soft: rgba(111, 66, 193, 0.11); --accent-ring: rgba(111, 66, 193, 0.28); --glass: rgba(246, 245, 250, 0.62); --glass-solid: rgba(246, 245, 250, 0.86); --sheen: .28; --bezel: rgba(21, 18, 31, 0.04); --shadow: 0 24px 60px -34px rgba(21, 18, 31, 0.3); --shadow-sm: 0 8px 22px -14px rgba(21, 18, 31, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #ebe9f3; --cta-bg: #ebe9f3; --cta-text: #15121f; --cta-muted: #554f66; --cta-line: rgba(21, 18, 31, 0.14); --footer-bg: #15121f; --footer-text: #f6f5fa; --footer-muted: #a39dba; --footer-dim: rgba(246, 245, 250, 0.5); --footer-line: rgba(246, 245, 250, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="violeta"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0e0c14; --bg2: #14111c; --surf: #1a1624; --surf2: #231d30; --line: rgba(240, 237, 247, 0.1); --line2: rgba(240, 237, 247, 0.18); --text: #f0edf7; --muted: #aaa4b8; --dim: #6f6980; --accent: #9d7bff; --accent-2: #b59bff; --accent-deep: #6f42c1; --on-accent: #ffffff; --accent-soft: rgba(157, 123, 255, 0.16); --accent-ring: rgba(157, 123, 255, 0.28); --glass: rgba(14, 12, 20, 0.55); --glass-solid: rgba(14, 12, 20, 0.82); --sheen: .10; --bezel: rgba(240, 237, 247, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #14111c; --cta-bg: #14111c; --cta-text: #f0edf7; --cta-muted: #aaa4b8; --cta-line: rgba(240, 237, 247, 0.14); --footer-bg: #09080e; --footer-text: #f0edf7; --footer-muted: #8a849a; --footer-dim: rgba(240, 237, 247, 0.5); --footer-line: rgba(240, 237, 247, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="violeta"][data-theme="dark"] { color-scheme: dark; --bg: #0e0c14; --bg2: #14111c; --surf: #1a1624; --surf2: #231d30; --line: rgba(240, 237, 247, 0.1); --line2: rgba(240, 237, 247, 0.18); --text: #f0edf7; --muted: #aaa4b8; --dim: #6f6980; --accent: #9d7bff; --accent-2: #b59bff; --accent-deep: #6f42c1; --on-accent: #ffffff; --accent-soft: rgba(157, 123, 255, 0.16); --accent-ring: rgba(157, 123, 255, 0.28); --glass: rgba(14, 12, 20, 0.55); --glass-solid: rgba(14, 12, 20, 0.82); --sheen: .10; --bezel: rgba(240, 237, 247, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #14111c; --cta-bg: #14111c; --cta-text: #f0edf7; --cta-muted: #aaa4b8; --cta-line: rgba(240, 237, 247, 0.14); --footer-bg: #09080e; --footer-text: #f0edf7; --footer-muted: #8a849a; --footer-dim: rgba(240, 237, 247, 0.5); --footer-line: rgba(240, 237, 247, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Piedra y mar ---- */
:root[data-palette="piedra"] { color-scheme: light; --bg: #f4f3f0; --bg2: #e9e7e2; --surf: #ffffff; --surf2: #f8f7f5; --line: rgba(27, 26, 23, 0.1); --line2: rgba(27, 26, 23, 0.2); --text: #1b1a17; --muted: #5b5954; --dim: #8f8d87; --accent: #0f8a8a; --accent-2: #159c9c; --accent-deep: #0a6161; --on-accent: #ffffff; --accent-soft: rgba(15, 138, 138, 0.11); --accent-ring: rgba(15, 138, 138, 0.28); --glass: rgba(244, 243, 240, 0.62); --glass-solid: rgba(244, 243, 240, 0.86); --sheen: .28; --bezel: rgba(27, 26, 23, 0.04); --shadow: 0 24px 60px -34px rgba(27, 26, 23, 0.3); --shadow-sm: 0 8px 22px -14px rgba(27, 26, 23, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #e9e7e2; --cta-bg: #e9e7e2; --cta-text: #1b1a17; --cta-muted: #5b5954; --cta-line: rgba(27, 26, 23, 0.14); --footer-bg: #1b1a17; --footer-text: #f4f3f0; --footer-muted: #a8a59d; --footer-dim: rgba(244, 243, 240, 0.5); --footer-line: rgba(244, 243, 240, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="piedra"]:not([data-theme="light"]) { color-scheme: dark; --bg: #111110; --bg2: #171716; --surf: #1e1e1c; --surf2: #262624; --line: rgba(241, 240, 236, 0.1); --line2: rgba(241, 240, 236, 0.18); --text: #f1f0ec; --muted: #aeaca5; --dim: #72706a; --accent: #2cc4c4; --accent-2: #5ad6d6; --accent-deep: #0f8a8a; --on-accent: #ffffff; --accent-soft: rgba(44, 196, 196, 0.16); --accent-ring: rgba(44, 196, 196, 0.28); --glass: rgba(17, 17, 16, 0.55); --glass-solid: rgba(17, 17, 16, 0.82); --sheen: .10; --bezel: rgba(241, 240, 236, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #171716; --cta-bg: #171716; --cta-text: #f1f0ec; --cta-muted: #aeaca5; --cta-line: rgba(241, 240, 236, 0.14); --footer-bg: #0b0b0a; --footer-text: #f1f0ec; --footer-muted: #8d8b84; --footer-dim: rgba(241, 240, 236, 0.5); --footer-line: rgba(241, 240, 236, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="piedra"][data-theme="dark"] { color-scheme: dark; --bg: #111110; --bg2: #171716; --surf: #1e1e1c; --surf2: #262624; --line: rgba(241, 240, 236, 0.1); --line2: rgba(241, 240, 236, 0.18); --text: #f1f0ec; --muted: #aeaca5; --dim: #72706a; --accent: #2cc4c4; --accent-2: #5ad6d6; --accent-deep: #0f8a8a; --on-accent: #ffffff; --accent-soft: rgba(44, 196, 196, 0.16); --accent-ring: rgba(44, 196, 196, 0.28); --glass: rgba(17, 17, 16, 0.55); --glass-solid: rgba(17, 17, 16, 0.82); --sheen: .10; --bezel: rgba(241, 240, 236, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #171716; --cta-bg: #171716; --cta-text: #f1f0ec; --cta-muted: #aeaca5; --cta-line: rgba(241, 240, 236, 0.14); --footer-bg: #0b0b0a; --footer-text: #f1f0ec; --footer-muted: #8d8b84; --footer-dim: rgba(241, 240, 236, 0.5); --footer-line: rgba(241, 240, 236, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Carbón y limón ---- */
:root[data-palette="carbon"] { color-scheme: light; --bg: #f3f3f1; --bg2: #e7e7e3; --surf: #ffffff; --surf2: #f8f8f6; --line: rgba(18, 18, 18, 0.1); --line2: rgba(18, 18, 18, 0.2); --text: #121212; --muted: #555553; --dim: #8c8c88; --accent: #c9bd00; --accent-2: #e0d300; --accent-deep: #8f8600; --on-accent: #111111; --accent-soft: rgba(201, 189, 0, 0.11); --accent-ring: rgba(201, 189, 0, 0.28); --glass: rgba(243, 243, 241, 0.62); --glass-solid: rgba(243, 243, 241, 0.86); --sheen: .12; --bezel: rgba(18, 18, 18, 0.04); --shadow: 0 24px 60px -34px rgba(18, 18, 18, 0.3); --shadow-sm: 0 8px 22px -14px rgba(18, 18, 18, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #e7e7e3; --cta-bg: #e7e7e3; --cta-text: #121212; --cta-muted: #555553; --cta-line: rgba(18, 18, 18, 0.14); --footer-bg: #121212; --footer-text: #f3f3f1; --footer-muted: #a3a39e; --footer-dim: rgba(243, 243, 241, 0.5); --footer-line: rgba(243, 243, 241, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(18, 18, 18, 0.94); --nav-bg-solid: rgba(18, 18, 18, 0.97); --nav-text: #f3f3f1; --nav-muted: #b3b3ae; --nav-line: rgba(243, 243, 241, 0.14); --nav-logo-light: none; --nav-logo-dark: block; --nav-field: rgba(243, 243, 241, 0.12); --nav-field-text: #f3f3f1; --nav-field-ph: #b3b3ae; --nav-solid-min: .92; --nav-oferta: #ffa3a3; }
@media (prefers-color-scheme: dark) { :root[data-palette="carbon"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0b0b0b; --bg2: #121212; --surf: #181818; --surf2: #202020; --line: rgba(243, 243, 241, 0.1); --line2: rgba(243, 243, 241, 0.18); --text: #f3f3f1; --muted: #adada9; --dim: #707070; --accent: #e8dc1a; --accent-2: #f3e94a; --accent-deep: #c9bd00; --on-accent: #111111; --accent-soft: rgba(232, 220, 26, 0.16); --accent-ring: rgba(232, 220, 26, 0.28); --glass: rgba(11, 11, 11, 0.55); --glass-solid: rgba(11, 11, 11, 0.82); --sheen: .12; --bezel: rgba(243, 243, 241, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #121212; --cta-bg: #121212; --cta-text: #f3f3f1; --cta-muted: #adada9; --cta-line: rgba(243, 243, 241, 0.14); --footer-bg: #060606; --footer-text: #f3f3f1; --footer-muted: #8d8d89; --footer-dim: rgba(243, 243, 241, 0.5); --footer-line: rgba(243, 243, 241, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(11, 11, 11, 0.94); --nav-bg-solid: rgba(11, 11, 11, 0.97); --nav-text: #f3f3f1; --nav-muted: #9d9d99; --nav-line: rgba(243, 243, 241, 0.14); --nav-logo-light: none; --nav-logo-dark: block; --nav-field: rgba(243, 243, 241, 0.12); --nav-field-text: #f3f3f1; --nav-field-ph: #9d9d99; --nav-solid-min: .92; --nav-oferta: #ffa3a3; } }
:root[data-palette="carbon"][data-theme="dark"] { color-scheme: dark; --bg: #0b0b0b; --bg2: #121212; --surf: #181818; --surf2: #202020; --line: rgba(243, 243, 241, 0.1); --line2: rgba(243, 243, 241, 0.18); --text: #f3f3f1; --muted: #adada9; --dim: #707070; --accent: #e8dc1a; --accent-2: #f3e94a; --accent-deep: #c9bd00; --on-accent: #111111; --accent-soft: rgba(232, 220, 26, 0.16); --accent-ring: rgba(232, 220, 26, 0.28); --glass: rgba(11, 11, 11, 0.55); --glass-solid: rgba(11, 11, 11, 0.82); --sheen: .12; --bezel: rgba(243, 243, 241, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #121212; --cta-bg: #121212; --cta-text: #f3f3f1; --cta-muted: #adada9; --cta-line: rgba(243, 243, 241, 0.14); --footer-bg: #060606; --footer-text: #f3f3f1; --footer-muted: #8d8d89; --footer-dim: rgba(243, 243, 241, 0.5); --footer-line: rgba(243, 243, 241, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(11, 11, 11, 0.94); --nav-bg-solid: rgba(11, 11, 11, 0.97); --nav-text: #f3f3f1; --nav-muted: #9d9d99; --nav-line: rgba(243, 243, 241, 0.14); --nav-logo-light: none; --nav-logo-dark: block; --nav-field: rgba(243, 243, 241, 0.12); --nav-field-text: #f3f3f1; --nav-field-ph: #9d9d99; --nav-solid-min: .92; --nav-oferta: #ffa3a3; }

/* ---- Paleta: Bosque ---- */
:root[data-palette="bosque"] { color-scheme: light; --bg: #f5f7f5; --bg2: #e8eee9; --surf: #ffffff; --surf2: #f6f9f6; --line: rgba(15, 31, 23, 0.1); --line2: rgba(15, 31, 23, 0.2); --text: #0f1f17; --muted: #4a5d53; --dim: #84968c; --accent: #1f7a4d; --accent-2: #2a9663; --accent-deep: #14563a; --on-accent: #ffffff; --accent-soft: rgba(31, 122, 77, 0.11); --accent-ring: rgba(31, 122, 77, 0.28); --glass: rgba(245, 247, 245, 0.62); --glass-solid: rgba(245, 247, 245, 0.86); --sheen: .12; --bezel: rgba(15, 31, 23, 0.04); --shadow: 0 24px 60px -34px rgba(15, 31, 23, 0.3); --shadow-sm: 0 8px 22px -14px rgba(15, 31, 23, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #e8eee9; --cta-bg: #143d2b; --cta-text: #ffffff; --cta-muted: #b7d0c3; --cta-line: rgba(255, 255, 255, 0.14); --footer-bg: #143d2b; --footer-text: #ffffff; --footer-muted: #b7d0c3; --footer-dim: rgba(255, 255, 255, 0.5); --footer-line: rgba(255, 255, 255, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(20, 61, 43, 0.94); --nav-bg-solid: rgba(20, 61, 43, 0.97); --nav-text: #ffffff; --nav-muted: #b7d0c3; --nav-line: rgba(255, 255, 255, 0.14); --nav-logo-light: none; --nav-logo-dark: block; --nav-field: rgba(255, 255, 255, 0.12); --nav-field-text: #ffffff; --nav-field-ph: #b7d0c3; --nav-solid-min: .92; --nav-oferta: #ffa3a3; }
@media (prefers-color-scheme: dark) { :root[data-palette="bosque"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0a120e; --bg2: #0f1913; --surf: #152019; --surf2: #1c2a22; --line: rgba(234, 242, 237, 0.1); --line2: rgba(234, 242, 237, 0.18); --text: #eaf2ed; --muted: #a3b5ab; --dim: #697c72; --accent: #3ec47f; --accent-2: #66d69b; --accent-deep: #1f7a4d; --on-accent: #ffffff; --accent-soft: rgba(62, 196, 127, 0.16); --accent-ring: rgba(62, 196, 127, 0.28); --glass: rgba(10, 18, 14, 0.55); --glass-solid: rgba(10, 18, 14, 0.82); --sheen: .12; --bezel: rgba(234, 242, 237, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0f1913; --cta-bg: #0c1f16; --cta-text: #eaf2ed; --cta-muted: #98b2a4; --cta-line: rgba(234, 242, 237, 0.14); --footer-bg: #070d0a; --footer-text: #eaf2ed; --footer-muted: #87998f; --footer-dim: rgba(234, 242, 237, 0.5); --footer-line: rgba(234, 242, 237, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(12, 31, 22, 0.94); --nav-bg-solid: rgba(12, 31, 22, 0.97); --nav-text: #eaf2ed; --nav-muted: #98b2a4; --nav-line: rgba(234, 242, 237, 0.14); --nav-logo-light: none; --nav-logo-dark: block; --nav-field: rgba(234, 242, 237, 0.12); --nav-field-text: #eaf2ed; --nav-field-ph: #98b2a4; --nav-solid-min: .92; --nav-oferta: #ffa3a3; } }
:root[data-palette="bosque"][data-theme="dark"] { color-scheme: dark; --bg: #0a120e; --bg2: #0f1913; --surf: #152019; --surf2: #1c2a22; --line: rgba(234, 242, 237, 0.1); --line2: rgba(234, 242, 237, 0.18); --text: #eaf2ed; --muted: #a3b5ab; --dim: #697c72; --accent: #3ec47f; --accent-2: #66d69b; --accent-deep: #1f7a4d; --on-accent: #ffffff; --accent-soft: rgba(62, 196, 127, 0.16); --accent-ring: rgba(62, 196, 127, 0.28); --glass: rgba(10, 18, 14, 0.55); --glass-solid: rgba(10, 18, 14, 0.82); --sheen: .12; --bezel: rgba(234, 242, 237, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0f1913; --cta-bg: #0c1f16; --cta-text: #eaf2ed; --cta-muted: #98b2a4; --cta-line: rgba(234, 242, 237, 0.14); --footer-bg: #070d0a; --footer-text: #eaf2ed; --footer-muted: #87998f; --footer-dim: rgba(234, 242, 237, 0.5); --footer-line: rgba(234, 242, 237, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(12, 31, 22, 0.94); --nav-bg-solid: rgba(12, 31, 22, 0.97); --nav-text: #eaf2ed; --nav-muted: #98b2a4; --nav-line: rgba(234, 242, 237, 0.14); --nav-logo-light: none; --nav-logo-dark: block; --nav-field: rgba(234, 242, 237, 0.12); --nav-field-text: #eaf2ed; --nav-field-ph: #98b2a4; --nav-solid-min: .92; --nav-oferta: #ffa3a3; }

/* ---- Paleta: Cielo ---- */
:root[data-palette="cielo"] { color-scheme: light; --bg: #eef6fd; --bg2: #dfeefa; --surf: #ffffff; --surf2: #f4f9fe; --line: rgba(11, 32, 51, 0.1); --line2: rgba(11, 32, 51, 0.2); --text: #0b2033; --muted: #3f5a72; --dim: #7d94aa; --accent: #0284c7; --accent-2: #0ea5e9; --accent-deep: #075985; --on-accent: #ffffff; --accent-soft: rgba(2, 132, 199, 0.11); --accent-ring: rgba(2, 132, 199, 0.28); --glass: rgba(238, 246, 253, 0.62); --glass-solid: rgba(238, 246, 253, 0.86); --sheen: .28; --bezel: rgba(11, 32, 51, 0.04); --shadow: 0 24px 60px -34px rgba(11, 32, 51, 0.3); --shadow-sm: 0 8px 22px -14px rgba(11, 32, 51, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #dfeefa; --cta-bg: #dfeefa; --cta-text: #0b2033; --cta-muted: #3f5a72; --cta-line: rgba(11, 32, 51, 0.14); --footer-bg: #0b2033; --footer-text: #eef6fd; --footer-muted: #98b0c6; --footer-dim: rgba(238, 246, 253, 0.5); --footer-line: rgba(238, 246, 253, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="cielo"]:not([data-theme="light"]) { color-scheme: dark; --bg: #071119; --bg2: #0b1823; --surf: #10202e; --surf2: #162a3b; --line: rgba(232, 242, 251, 0.1); --line2: rgba(232, 242, 251, 0.18); --text: #e8f2fb; --muted: #9fb6c9; --dim: #647c91; --accent: #38bdf8; --accent-2: #6ccdfa; --accent-deep: #0284c7; --on-accent: #ffffff; --accent-soft: rgba(56, 189, 248, 0.16); --accent-ring: rgba(56, 189, 248, 0.28); --glass: rgba(7, 17, 25, 0.55); --glass-solid: rgba(7, 17, 25, 0.82); --sheen: .10; --bezel: rgba(232, 242, 251, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0b1823; --cta-bg: #0b1823; --cta-text: #e8f2fb; --cta-muted: #9fb6c9; --cta-line: rgba(232, 242, 251, 0.14); --footer-bg: #050c13; --footer-text: #e8f2fb; --footer-muted: #8199ad; --footer-dim: rgba(232, 242, 251, 0.5); --footer-line: rgba(232, 242, 251, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="cielo"][data-theme="dark"] { color-scheme: dark; --bg: #071119; --bg2: #0b1823; --surf: #10202e; --surf2: #162a3b; --line: rgba(232, 242, 251, 0.1); --line2: rgba(232, 242, 251, 0.18); --text: #e8f2fb; --muted: #9fb6c9; --dim: #647c91; --accent: #38bdf8; --accent-2: #6ccdfa; --accent-deep: #0284c7; --on-accent: #ffffff; --accent-soft: rgba(56, 189, 248, 0.16); --accent-ring: rgba(56, 189, 248, 0.28); --glass: rgba(7, 17, 25, 0.55); --glass-solid: rgba(7, 17, 25, 0.82); --sheen: .10; --bezel: rgba(232, 242, 251, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0b1823; --cta-bg: #0b1823; --cta-text: #e8f2fb; --cta-muted: #9fb6c9; --cta-line: rgba(232, 242, 251, 0.14); --footer-bg: #050c13; --footer-text: #e8f2fb; --footer-muted: #8199ad; --footer-dim: rgba(232, 242, 251, 0.5); --footer-line: rgba(232, 242, 251, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Rojo tienda ---- */
:root[data-palette="rojo"] { color-scheme: light; --bg: #f7f6f6; --bg2: #edeaea; --surf: #ffffff; --surf2: #faf8f8; --line: rgba(24, 19, 20, 0.1); --line2: rgba(24, 19, 20, 0.2); --text: #181314; --muted: #5a5254; --dim: #928a8c; --accent: #d62828; --accent-2: #e63946; --accent-deep: #9d1c1c; --on-accent: #ffffff; --accent-soft: rgba(214, 40, 40, 0.11); --accent-ring: rgba(214, 40, 40, 0.28); --glass: rgba(247, 246, 246, 0.62); --glass-solid: rgba(247, 246, 246, 0.86); --sheen: .28; --bezel: rgba(24, 19, 20, 0.04); --shadow: 0 24px 60px -34px rgba(24, 19, 20, 0.3); --shadow-sm: 0 8px 22px -14px rgba(24, 19, 20, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #edeaea; --cta-bg: #edeaea; --cta-text: #181314; --cta-muted: #5a5254; --cta-line: rgba(24, 19, 20, 0.14); --footer-bg: #181314; --footer-text: #f7f6f6; --footer-muted: #a89fa1; --footer-dim: rgba(247, 246, 246, 0.5); --footer-line: rgba(247, 246, 246, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="rojo"]:not([data-theme="light"]) { color-scheme: dark; --bg: #100d0d; --bg2: #171313; --surf: #1e1818; --surf2: #271f1f; --line: rgba(244, 238, 238, 0.1); --line2: rgba(244, 238, 238, 0.18); --text: #f4eeee; --muted: #afa5a6; --dim: #726869; --accent: #ff5a5a; --accent-2: #ff7f7f; --accent-deep: #d62828; --on-accent: #ffffff; --accent-soft: rgba(255, 90, 90, 0.16); --accent-ring: rgba(255, 90, 90, 0.28); --glass: rgba(16, 13, 13, 0.55); --glass-solid: rgba(16, 13, 13, 0.82); --sheen: .10; --bezel: rgba(244, 238, 238, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #171313; --cta-bg: #171313; --cta-text: #f4eeee; --cta-muted: #afa5a6; --cta-line: rgba(244, 238, 238, 0.14); --footer-bg: #0b0909; --footer-text: #f4eeee; --footer-muted: #8e8485; --footer-dim: rgba(244, 238, 238, 0.5); --footer-line: rgba(244, 238, 238, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="rojo"][data-theme="dark"] { color-scheme: dark; --bg: #100d0d; --bg2: #171313; --surf: #1e1818; --surf2: #271f1f; --line: rgba(244, 238, 238, 0.1); --line2: rgba(244, 238, 238, 0.18); --text: #f4eeee; --muted: #afa5a6; --dim: #726869; --accent: #ff5a5a; --accent-2: #ff7f7f; --accent-deep: #d62828; --on-accent: #ffffff; --accent-soft: rgba(255, 90, 90, 0.16); --accent-ring: rgba(255, 90, 90, 0.28); --glass: rgba(16, 13, 13, 0.55); --glass-solid: rgba(16, 13, 13, 0.82); --sheen: .10; --bezel: rgba(244, 238, 238, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #171313; --cta-bg: #171313; --cta-text: #f4eeee; --cta-muted: #afa5a6; --cta-line: rgba(244, 238, 238, 0.14); --footer-bg: #0b0909; --footer-text: #f4eeee; --footer-muted: #8e8485; --footer-dim: rgba(244, 238, 238, 0.5); --footer-line: rgba(244, 238, 238, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Turquesa ---- */
:root[data-palette="turquesa"] { color-scheme: light; --bg: #f4f8f9; --bg2: #e6eff1; --surf: #ffffff; --surf2: #f5fafb; --line: rgba(14, 26, 30, 0.1); --line2: rgba(14, 26, 30, 0.2); --text: #0e1a1e; --muted: #485b62; --dim: #84979e; --accent: #0891b2; --accent-2: #06a6cc; --accent-deep: #0e6478; --on-accent: #ffffff; --accent-soft: rgba(8, 145, 178, 0.11); --accent-ring: rgba(8, 145, 178, 0.28); --glass: rgba(244, 248, 249, 0.62); --glass-solid: rgba(244, 248, 249, 0.86); --sheen: .28; --bezel: rgba(14, 26, 30, 0.04); --shadow: 0 24px 60px -34px rgba(14, 26, 30, 0.3); --shadow-sm: 0 8px 22px -14px rgba(14, 26, 30, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #e6eff1; --cta-bg: #e6eff1; --cta-text: #0e1a1e; --cta-muted: #485b62; --cta-line: rgba(14, 26, 30, 0.14); --footer-bg: #0e1a1e; --footer-text: #f4f8f9; --footer-muted: #98acb3; --footer-dim: rgba(244, 248, 249, 0.5); --footer-line: rgba(244, 248, 249, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="turquesa"]:not([data-theme="light"]) { color-scheme: dark; --bg: #081114; --bg2: #0d181c; --surf: #122026; --surf2: #182a31; --line: rgba(233, 243, 246, 0.1); --line2: rgba(233, 243, 246, 0.18); --text: #e9f3f6; --muted: #a0b5bc; --dim: #657b83; --accent: #22d3ee; --accent-2: #5ee0f3; --accent-deep: #0891b2; --on-accent: #ffffff; --accent-soft: rgba(34, 211, 238, 0.16); --accent-ring: rgba(34, 211, 238, 0.28); --glass: rgba(8, 17, 20, 0.55); --glass-solid: rgba(8, 17, 20, 0.82); --sheen: .10; --bezel: rgba(233, 243, 246, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0d181c; --cta-bg: #0d181c; --cta-text: #e9f3f6; --cta-muted: #a0b5bc; --cta-line: rgba(233, 243, 246, 0.14); --footer-bg: #050b0e; --footer-text: #e9f3f6; --footer-muted: #82979e; --footer-dim: rgba(233, 243, 246, 0.5); --footer-line: rgba(233, 243, 246, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="turquesa"][data-theme="dark"] { color-scheme: dark; --bg: #081114; --bg2: #0d181c; --surf: #122026; --surf2: #182a31; --line: rgba(233, 243, 246, 0.1); --line2: rgba(233, 243, 246, 0.18); --text: #e9f3f6; --muted: #a0b5bc; --dim: #657b83; --accent: #22d3ee; --accent-2: #5ee0f3; --accent-deep: #0891b2; --on-accent: #ffffff; --accent-soft: rgba(34, 211, 238, 0.16); --accent-ring: rgba(34, 211, 238, 0.28); --glass: rgba(8, 17, 20, 0.55); --glass-solid: rgba(8, 17, 20, 0.82); --sheen: .10; --bezel: rgba(233, 243, 246, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #0d181c; --cta-bg: #0d181c; --cta-text: #e9f3f6; --cta-muted: #a0b5bc; --cta-line: rgba(233, 243, 246, 0.14); --footer-bg: #050b0e; --footer-text: #e9f3f6; --footer-muted: #82979e; --footer-dim: rgba(233, 243, 246, 0.5); --footer-line: rgba(233, 243, 246, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Pizarra y coral ---- */
:root[data-palette="pizarra"] { color-scheme: light; --bg: #f1f4f8; --bg2: #e4e9f0; --surf: #ffffff; --surf2: #f6f8fb; --line: rgba(15, 23, 42, 0.1); --line2: rgba(15, 23, 42, 0.2); --text: #0f172a; --muted: #475569; --dim: #8592a6; --accent: #e9573f; --accent-2: #f26b55; --accent-deep: #b23a27; --on-accent: #ffffff; --accent-soft: rgba(233, 87, 63, 0.11); --accent-ring: rgba(233, 87, 63, 0.28); --glass: rgba(241, 244, 248, 0.62); --glass-solid: rgba(241, 244, 248, 0.86); --sheen: .28; --bezel: rgba(15, 23, 42, 0.04); --shadow: 0 24px 60px -34px rgba(15, 23, 42, 0.3); --shadow-sm: 0 8px 22px -14px rgba(15, 23, 42, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #e4e9f0; --cta-bg: #e4e9f0; --cta-text: #0f172a; --cta-muted: #475569; --cta-line: rgba(15, 23, 42, 0.14); --footer-bg: #0f172a; --footer-text: #f1f4f8; --footer-muted: #9aa7bd; --footer-dim: rgba(241, 244, 248, 0.5); --footer-line: rgba(241, 244, 248, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="pizarra"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0b1120; --bg2: #111a2c; --surf: #172238; --surf2: #1e2c47; --line: rgba(233, 238, 247, 0.1); --line2: rgba(233, 238, 247, 0.18); --text: #e9eef7; --muted: #a5b2c8; --dim: #697893; --accent: #ff7a63; --accent-2: #ff9a88; --accent-deep: #e9573f; --on-accent: #ffffff; --accent-soft: rgba(255, 122, 99, 0.16); --accent-ring: rgba(255, 122, 99, 0.28); --glass: rgba(11, 17, 32, 0.55); --glass-solid: rgba(11, 17, 32, 0.82); --sheen: .10; --bezel: rgba(233, 238, 247, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #111a2c; --cta-bg: #111a2c; --cta-text: #e9eef7; --cta-muted: #a5b2c8; --cta-line: rgba(233, 238, 247, 0.14); --footer-bg: #070c17; --footer-text: #e9eef7; --footer-muted: #8595b0; --footer-dim: rgba(233, 238, 247, 0.5); --footer-line: rgba(233, 238, 247, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="pizarra"][data-theme="dark"] { color-scheme: dark; --bg: #0b1120; --bg2: #111a2c; --surf: #172238; --surf2: #1e2c47; --line: rgba(233, 238, 247, 0.1); --line2: rgba(233, 238, 247, 0.18); --text: #e9eef7; --muted: #a5b2c8; --dim: #697893; --accent: #ff7a63; --accent-2: #ff9a88; --accent-deep: #e9573f; --on-accent: #ffffff; --accent-soft: rgba(255, 122, 99, 0.16); --accent-ring: rgba(255, 122, 99, 0.28); --glass: rgba(11, 17, 32, 0.55); --glass-solid: rgba(11, 17, 32, 0.82); --sheen: .10; --bezel: rgba(233, 238, 247, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #111a2c; --cta-bg: #111a2c; --cta-text: #e9eef7; --cta-muted: #a5b2c8; --cta-line: rgba(233, 238, 247, 0.14); --footer-bg: #070c17; --footer-text: #e9eef7; --footer-muted: #8595b0; --footer-dim: rgba(233, 238, 247, 0.5); --footer-line: rgba(233, 238, 247, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Paleta: Tinta ---- */
:root[data-palette="tinta"] { color-scheme: light; --bg: #ffffff; --bg2: #f2f2f2; --surf: #ffffff; --surf2: #f7f7f7; --line: rgba(17, 17, 17, 0.1); --line2: rgba(17, 17, 17, 0.2); --text: #111111; --muted: #555555; --dim: #8a8a8a; --accent: #111111; --accent-2: #333333; --accent-deep: #000000; --on-accent: #ffffff; --accent-soft: rgba(17, 17, 17, 0.11); --accent-ring: rgba(17, 17, 17, 0.28); --glass: rgba(255, 255, 255, 0.62); --glass-solid: rgba(255, 255, 255, 0.86); --sheen: .28; --bezel: rgba(17, 17, 17, 0.04); --shadow: 0 24px 60px -34px rgba(17, 17, 17, 0.3); --shadow-sm: 0 8px 22px -14px rgba(17, 17, 17, 0.22); --inset-hi: inset 0 1px 0 rgba(255,255,255,.85); --grain-o: .03; --logo-light: block; --logo-dark: none; --band-bg: #f2f2f2; --cta-bg: #f2f2f2; --cta-text: #111111; --cta-muted: #555555; --cta-line: rgba(17, 17, 17, 0.14); --footer-bg: #111111; --footer-text: #ffffff; --footer-muted: #a8a8a8; --footer-dim: rgba(255, 255, 255, 0.5); --footer-line: rgba(255, 255, 255, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }
@media (prefers-color-scheme: dark) { :root[data-palette="tinta"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0a0a0a; --bg2: #121212; --surf: #161616; --surf2: #1f1f1f; --line: rgba(245, 245, 245, 0.1); --line2: rgba(245, 245, 245, 0.18); --text: #f5f5f5; --muted: #b0b0b0; --dim: #707070; --accent: #f5f5f5; --accent-2: #dcdcdc; --accent-deep: #ffffff; --on-accent: #111111; --accent-soft: rgba(245, 245, 245, 0.16); --accent-ring: rgba(245, 245, 245, 0.28); --glass: rgba(10, 10, 10, 0.55); --glass-solid: rgba(10, 10, 10, 0.82); --sheen: .10; --bezel: rgba(245, 245, 245, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #121212; --cta-bg: #121212; --cta-text: #f5f5f5; --cta-muted: #b0b0b0; --cta-line: rgba(245, 245, 245, 0.14); --footer-bg: #050505; --footer-text: #f5f5f5; --footer-muted: #8c8c8c; --footer-dim: rgba(245, 245, 245, 0.5); --footer-line: rgba(245, 245, 245, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); } }
:root[data-palette="tinta"][data-theme="dark"] { color-scheme: dark; --bg: #0a0a0a; --bg2: #121212; --surf: #161616; --surf2: #1f1f1f; --line: rgba(245, 245, 245, 0.1); --line2: rgba(245, 245, 245, 0.18); --text: #f5f5f5; --muted: #b0b0b0; --dim: #707070; --accent: #f5f5f5; --accent-2: #dcdcdc; --accent-deep: #ffffff; --on-accent: #111111; --accent-soft: rgba(245, 245, 245, 0.16); --accent-ring: rgba(245, 245, 245, 0.28); --glass: rgba(10, 10, 10, 0.55); --glass-solid: rgba(10, 10, 10, 0.82); --sheen: .10; --bezel: rgba(245, 245, 245, 0.05); --shadow: 0 30px 70px -36px rgba(0,0,0,.85); --shadow-sm: 0 8px 24px -14px rgba(0,0,0,.7); --inset-hi: inset 0 1px 0 rgba(255,255,255,.05); --grain-o: .05; --logo-light: none; --logo-dark: block; --band-bg: #121212; --cta-bg: #121212; --cta-text: #f5f5f5; --cta-muted: #b0b0b0; --cta-line: rgba(245, 245, 245, 0.14); --footer-bg: #050505; --footer-text: #f5f5f5; --footer-muted: #8c8c8c; --footer-dim: rgba(245, 245, 245, 0.5); --footer-line: rgba(245, 245, 245, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: var(--glass); --nav-bg-solid: var(--glass-solid); --nav-text: var(--text); --nav-muted: var(--muted); --nav-line: var(--line); --nav-logo-light: var(--logo-light); --nav-logo-dark: var(--logo-dark); --nav-field: var(--surf); --nav-field-text: var(--text); --nav-field-ph: var(--dim); --nav-solid-min: 0; --nav-oferta: var(--oferta); }

/* ---- Fuente: Arial ---- */
:root[data-font="arial"] { --font: Arial, Helvetica, "Liberation Sans", Arimo, sans-serif; --font-display: Arial, Helvetica, "Liberation Sans", Arimo, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.012em; --display-lh: 1.06; --display-scale: 0.96; }
/* ---- Fuente: Outfit + Nunito Sans ---- */
:root[data-font="outfit"] { --font: "Nunito Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Outfit", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.022em; --display-lh: 1.02; --display-scale: 1; }
/* ---- Fuente: Inter Tight + Inter ---- */
:root[data-font="inter"] { --font: "Inter", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Inter Tight", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.028em; --display-lh: 1; --display-scale: 1; }
/* ---- Fuente: Manrope ---- */
:root[data-font="manrope"] { --font: "Manrope", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Manrope", "Outfit", system-ui, sans-serif; --display-wght: 800; --display-wdth: 100; --display-tt: none; --display-ls: -0.024em; --display-lh: 1.02; --display-scale: 1; }
/* ---- Fuente: Plus Jakarta Sans ---- */
:root[data-font="jakarta"] { --font: "Plus Jakarta Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Plus Jakarta Sans", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.022em; --display-lh: 1.04; --display-scale: 1; }
/* ---- Fuente: Sora + DM Sans ---- */
:root[data-font="sora"] { --font: "DM Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Sora", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.03em; --display-lh: 1.02; --display-scale: 0.96; }
/* ---- Fuente: Space Grotesk + IBM Plex ---- */
:root[data-font="space"] { --font: "IBM Plex Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Space Grotesk", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.02em; --display-lh: 1.02; --display-scale: 1; }
/* ---- Fuente: Poppins + Open Sans ---- */
:root[data-font="poppins"] { --font: "Open Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Poppins", "Outfit", system-ui, sans-serif; --display-wght: 600; --display-wdth: 100; --display-tt: none; --display-ls: -0.015em; --display-lh: 1.08; --display-scale: 0.96; }
/* ---- Fuente: Montserrat + Source Sans 3 ---- */
:root[data-font="montserrat"] { --font: "Source Sans 3", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Montserrat", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.02em; --display-lh: 1.04; --display-scale: 0.95; }
/* ---- Fuente: Lexend ---- */
:root[data-font="lexend"] { --font: "Lexend", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Lexend", "Outfit", system-ui, sans-serif; --display-wght: 600; --display-wdth: 100; --display-tt: none; --display-ls: -0.02em; --display-lh: 1.06; --display-scale: 0.96; }
/* ---- Fuente: Urbanist + Figtree ---- */
:root[data-font="urbanist"] { --font: "Figtree", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Urbanist", "Outfit", system-ui, sans-serif; --display-wght: 800; --display-wdth: 100; --display-tt: none; --display-ls: -0.025em; --display-lh: 1; --display-scale: 1.02; }
/* ---- Fuente: Syne + DM Sans ---- */
:root[data-font="syne"] { --font: "DM Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Syne", "Outfit", system-ui, sans-serif; --display-wght: 800; --display-wdth: 100; --display-tt: none; --display-ls: -0.02em; --display-lh: 1; --display-scale: 0.96; }
/* ---- Fuente: Archivo condensada ---- */
:root[data-font="archivo"] { --font: "Archivo", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Archivo", "Outfit", system-ui, sans-serif; --display-wght: 800; --display-wdth: 88; --display-tt: uppercase; --display-ls: -0.01em; --display-lh: 0.94; --display-scale: 1.05; }
/* ---- Fuente: Work Sans ---- */
:root[data-font="work"] { --font: "Work Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Work Sans", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.022em; --display-lh: 1.04; --display-scale: 1; }
/* ---- Fuente: Raleway + Lato ---- */
:root[data-font="raleway"] { --font: "Lato", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Raleway", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.015em; --display-lh: 1.06; --display-scale: 1; }
/* ---- Fuente: Rubik ---- */
:root[data-font="rubik"] { --font: "Rubik", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Rubik", "Outfit", system-ui, sans-serif; --display-wght: 600; --display-wdth: 100; --display-tt: none; --display-ls: -0.02em; --display-lh: 1.04; --display-scale: 1; }
/* ---- Fuente: Geologica ---- */
:root[data-font="geologica"] { --font: "Geologica", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Geologica", "Outfit", system-ui, sans-serif; --display-wght: 600; --display-wdth: 100; --display-tt: none; --display-ls: -0.02em; --display-lh: 1.06; --display-scale: 0.98; }
/* ---- Fuente: Onest ---- */
:root[data-font="onest"] { --font: "Onest", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Onest", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.025em; --display-lh: 1.02; --display-scale: 1; }
/* ---- Fuente: Instrument Sans ---- */
:root[data-font="instrument"] { --font: "Instrument Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Instrument Sans", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.025em; --display-lh: 1.02; --display-scale: 1; }
/* ---- Fuente: Bricolage Grotesque + Inter ---- */
:root[data-font="bricolage"] { --font: "Inter", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Bricolage Grotesque", "Outfit", system-ui, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.03em; --display-lh: 0.98; --display-scale: 1; }
/* ---- Fuente: Times New Roman ---- */
:root[data-font="times"] { --font: "Times New Roman", Times, "Liberation Serif", Tinos, serif; --font-display: "Times New Roman", Times, "Liberation Serif", Tinos, serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.01em; --display-lh: 1.08; --display-scale: 1.04; }
/* ---- Fuente: Georgia ---- */
:root[data-font="georgia"] { --font: Georgia, "Times New Roman", Gelasio, serif; --font-display: Georgia, "Times New Roman", Gelasio, serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.015em; --display-lh: 1.08; --display-scale: 1; }
/* ---- Fuente: Playfair Display + Source Sans 3 ---- */
:root[data-font="playfair"] { --font: "Source Sans 3", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Playfair Display", Georgia, "Times New Roman", serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.015em; --display-lh: 1.06; --display-scale: 1.02; }
/* ---- Fuente: DM Serif Display + DM Sans ---- */
:root[data-font="dmserif"] { --font: "DM Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "DM Serif Display", Georgia, "Times New Roman", serif; --display-wght: 400; --display-wdth: 100; --display-tt: none; --display-ls: -0.01em; --display-lh: 1.04; --display-scale: 1.04; }
/* ---- Fuente: Merriweather ---- */
:root[data-font="merriweather"] { --font: "Merriweather", Georgia, "Times New Roman", serif; --font-display: "Merriweather", Georgia, "Times New Roman", serif; --display-wght: 800; --display-wdth: 100; --display-tt: none; --display-ls: -0.02em; --display-lh: 1.08; --display-scale: 0.94; }
/* ---- Fuente: Lora ---- */
:root[data-font="lora"] { --font: "Lora", Georgia, "Times New Roman", serif; --font-display: "Lora", Georgia, "Times New Roman", serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.015em; --display-lh: 1.08; --display-scale: 1; }
/* ---- Fuente: EB Garamond ---- */
:root[data-font="garamond"] { --font: "EB Garamond", Georgia, "Times New Roman", serif; --font-display: "EB Garamond", Georgia, "Times New Roman", serif; --display-wght: 600; --display-wdth: 100; --display-tt: none; --display-ls: -0.01em; --display-lh: 1.06; --display-scale: 1.1; }