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

/* ---- Paleta: Mosquetón ---- */
:root[data-palette="mosqueton"] { color-scheme: light; --bg: #f3f3f1; --bg2: #ebebe8; --surf: #ffffff; --surf2: #f7f7f5; --line: rgba(18, 19, 22, 0.1); --line2: rgba(18, 19, 22, 0.2); --text: #121316; --muted: #5c5b57; --dim: #8b8a85; --accent: #d4232a; --accent-2: #e3262c; --accent-deep: #8d1418; --accent-soft: rgba(212, 35, 42, 0.12); --glass: rgba(243, 243, 241, 0.5); --glass-solid: rgba(243, 243, 241, 0.66); --sheen: .30; --bezel: rgba(18, 19, 22, 0.04); --shadow: 0 30px 70px -40px rgba(18, 19, 22, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #ebebe8; --cta-bg: #ebebe8; --cta-text: #121316; --cta-muted: #5c5b57; --cta-line: rgba(18, 19, 22, 0.14); --footer-bg: #f3f3f1; --footer-text: #121316; --footer-muted: #5c5b57; --footer-dim: rgba(18, 19, 22, 0.5); --footer-line: rgba(18, 19, 22, 0.12); --footer-logo-light: block; --footer-logo-dark: none; --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); }
@media (prefers-color-scheme: dark) { :root[data-palette="mosqueton"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0b0c0e; --bg2: #101215; --surf: #16181c; --surf2: #1e2126; --line: rgba(243, 241, 236, 0.09); --line2: rgba(243, 241, 236, 0.16); --text: #f3f1ec; --muted: #a39f97; --dim: #6d6a64; --accent: #e3262c; --accent-2: #ff3d43; --accent-deep: #8d1418; --accent-soft: rgba(227, 38, 44, 0.12); --glass: rgba(11, 12, 14, 0.42); --glass-solid: rgba(11, 12, 14, 0.6); --sheen: .12; --bezel: rgba(243, 241, 236, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #101215; --cta-bg: #101215; --cta-text: #f3f1ec; --cta-muted: #a39f97; --cta-line: rgba(243, 241, 236, 0.14); --footer-bg: #0b0c0e; --footer-text: #f3f1ec; --footer-muted: #a39f97; --footer-dim: rgba(243, 241, 236, 0.5); --footer-line: rgba(243, 241, 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); } }
:root[data-palette="mosqueton"][data-theme="dark"] { color-scheme: dark; --bg: #0b0c0e; --bg2: #101215; --surf: #16181c; --surf2: #1e2126; --line: rgba(243, 241, 236, 0.09); --line2: rgba(243, 241, 236, 0.16); --text: #f3f1ec; --muted: #a39f97; --dim: #6d6a64; --accent: #e3262c; --accent-2: #ff3d43; --accent-deep: #8d1418; --accent-soft: rgba(227, 38, 44, 0.12); --glass: rgba(11, 12, 14, 0.42); --glass-solid: rgba(11, 12, 14, 0.6); --sheen: .12; --bezel: rgba(243, 241, 236, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #101215; --cta-bg: #101215; --cta-text: #f3f1ec; --cta-muted: #a39f97; --cta-line: rgba(243, 241, 236, 0.14); --footer-bg: #0b0c0e; --footer-text: #f3f1ec; --footer-muted: #a39f97; --footer-dim: rgba(243, 241, 236, 0.5); --footer-line: rgba(243, 241, 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); }

/* ---- Paleta: Grafito y ámbar ---- */
:root[data-palette="grafito"] { color-scheme: light; --bg: #f4f2ee; --bg2: #e9e4dc; --surf: #fffdf9; --surf2: #f8f5ef; --line: rgba(26, 24, 21, 0.1); --line2: rgba(26, 24, 21, 0.2); --text: #1a1815; --muted: #5f5a52; --dim: #8f8880; --accent: #c98a00; --accent-2: #e0a000; --accent-deep: #6b4a00; --accent-soft: rgba(201, 138, 0, 0.12); --glass: rgba(244, 242, 238, 0.5); --glass-solid: rgba(244, 242, 238, 0.66); --sheen: .30; --bezel: rgba(26, 24, 21, 0.04); --shadow: 0 30px 70px -40px rgba(26, 24, 21, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #e9e4dc; --cta-bg: #1a1815; --cta-text: #f4f2ee; --cta-muted: #b8b1a6; --cta-line: rgba(244, 242, 238, 0.14); --footer-bg: #1a1815; --footer-text: #f4f2ee; --footer-muted: #b8b1a6; --footer-dim: rgba(244, 242, 238, 0.5); --footer-line: rgba(244, 242, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="grafito"]:not([data-theme="light"]) { color-scheme: dark; --bg: #141311; --bg2: #1b1916; --surf: #221f1b; --surf2: #2a2722; --line: rgba(243, 239, 230, 0.09); --line2: rgba(243, 239, 230, 0.16); --text: #f3efe6; --muted: #a8a196; --dim: #6f6a62; --accent: #f2a900; --accent-2: #ffc233; --accent-deep: #7a5200; --accent-soft: rgba(242, 169, 0, 0.12); --glass: rgba(20, 19, 17, 0.42); --glass-solid: rgba(20, 19, 17, 0.6); --sheen: .12; --bezel: rgba(243, 239, 230, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1b1916; --cta-bg: #1b1916; --cta-text: #f3efe6; --cta-muted: #a8a196; --cta-line: rgba(243, 239, 230, 0.14); --footer-bg: #0d0c0b; --footer-text: #f3efe6; --footer-muted: #a8a196; --footer-dim: rgba(243, 239, 230, 0.5); --footer-line: rgba(243, 239, 230, 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); } }
:root[data-palette="grafito"][data-theme="dark"] { color-scheme: dark; --bg: #141311; --bg2: #1b1916; --surf: #221f1b; --surf2: #2a2722; --line: rgba(243, 239, 230, 0.09); --line2: rgba(243, 239, 230, 0.16); --text: #f3efe6; --muted: #a8a196; --dim: #6f6a62; --accent: #f2a900; --accent-2: #ffc233; --accent-deep: #7a5200; --accent-soft: rgba(242, 169, 0, 0.12); --glass: rgba(20, 19, 17, 0.42); --glass-solid: rgba(20, 19, 17, 0.6); --sheen: .12; --bezel: rgba(243, 239, 230, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1b1916; --cta-bg: #1b1916; --cta-text: #f3efe6; --cta-muted: #a8a196; --cta-line: rgba(243, 239, 230, 0.14); --footer-bg: #0d0c0b; --footer-text: #f3efe6; --footer-muted: #a8a196; --footer-dim: rgba(243, 239, 230, 0.5); --footer-line: rgba(243, 239, 230, 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); }

/* ---- Paleta: Petróleo y coral ---- */
:root[data-palette="petroleo"] { color-scheme: light; --bg: #eef3f3; --bg2: #dfe8e8; --surf: #ffffff; --surf2: #f5f8f8; --line: rgba(13, 43, 47, 0.1); --line2: rgba(13, 43, 47, 0.2); --text: #0d2b2f; --muted: #4f6a6d; --dim: #86999b; --accent: #e5533d; --accent-2: #ff6a52; --accent-deep: #8a2a1c; --accent-soft: rgba(229, 83, 61, 0.12); --glass: rgba(238, 243, 243, 0.5); --glass-solid: rgba(238, 243, 243, 0.66); --sheen: .14; --bezel: rgba(13, 43, 47, 0.04); --shadow: 0 30px 70px -40px rgba(13, 43, 47, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #dfe8e8; --cta-bg: #123a40; --cta-text: #eef3f3; --cta-muted: #a9c2c3; --cta-line: rgba(238, 243, 243, 0.14); --footer-bg: #0d2b2f; --footer-text: #eef3f3; --footer-muted: #a9c2c3; --footer-dim: rgba(238, 243, 243, 0.5); --footer-line: rgba(238, 243, 243, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(13, 43, 47, 0.58); --nav-bg-solid: rgba(13, 43, 47, 0.72); --nav-text: #eef3f3; --nav-muted: #a9c2c3; --nav-line: rgba(238, 243, 243, 0.12); --nav-logo-light: none; --nav-logo-dark: block; }
@media (prefers-color-scheme: dark) { :root[data-palette="petroleo"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0b1f23; --bg2: #0f292e; --surf: #123239; --surf2: #173d45; --line: rgba(233, 242, 241, 0.09); --line2: rgba(233, 242, 241, 0.16); --text: #e9f2f1; --muted: #9db4b3; --dim: #5f7a79; --accent: #ff6a52; --accent-2: #ff8a75; --accent-deep: #8a2a1c; --accent-soft: rgba(255, 106, 82, 0.12); --glass: rgba(11, 31, 35, 0.42); --glass-solid: rgba(11, 31, 35, 0.6); --sheen: .12; --bezel: rgba(233, 242, 241, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #0f292e; --cta-bg: #0f292e; --cta-text: #e9f2f1; --cta-muted: #9db4b3; --cta-line: rgba(233, 242, 241, 0.14); --footer-bg: #071518; --footer-text: #e9f2f1; --footer-muted: #9db4b3; --footer-dim: rgba(233, 242, 241, 0.5); --footer-line: rgba(233, 242, 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); } }
:root[data-palette="petroleo"][data-theme="dark"] { color-scheme: dark; --bg: #0b1f23; --bg2: #0f292e; --surf: #123239; --surf2: #173d45; --line: rgba(233, 242, 241, 0.09); --line2: rgba(233, 242, 241, 0.16); --text: #e9f2f1; --muted: #9db4b3; --dim: #5f7a79; --accent: #ff6a52; --accent-2: #ff8a75; --accent-deep: #8a2a1c; --accent-soft: rgba(255, 106, 82, 0.12); --glass: rgba(11, 31, 35, 0.42); --glass-solid: rgba(11, 31, 35, 0.6); --sheen: .12; --bezel: rgba(233, 242, 241, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #0f292e; --cta-bg: #0f292e; --cta-text: #e9f2f1; --cta-muted: #9db4b3; --cta-line: rgba(233, 242, 241, 0.14); --footer-bg: #071518; --footer-text: #e9f2f1; --footer-muted: #9db4b3; --footer-dim: rgba(233, 242, 241, 0.5); --footer-line: rgba(233, 242, 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); }

/* ---- Paleta: Acero azul ---- */
:root[data-palette="acero"] { color-scheme: light; --bg: #f2f4f7; --bg2: #e4e8ee; --surf: #ffffff; --surf2: #f7f8fb; --line: rgba(16, 24, 39, 0.1); --line2: rgba(16, 24, 39, 0.2); --text: #101827; --muted: #55627a; --dim: #8a95a8; --accent: #2563eb; --accent-2: #3b82f6; --accent-deep: #1e3a8a; --accent-soft: rgba(37, 99, 235, 0.12); --glass: rgba(242, 244, 247, 0.5); --glass-solid: rgba(242, 244, 247, 0.66); --sheen: .14; --bezel: rgba(16, 24, 39, 0.04); --shadow: 0 30px 70px -40px rgba(16, 24, 39, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #e4e8ee; --cta-bg: #e4e8ee; --cta-text: #101827; --cta-muted: #55627a; --cta-line: rgba(16, 24, 39, 0.14); --footer-bg: #101827; --footer-text: #f2f4f7; --footer-muted: #aeb8cc; --footer-dim: rgba(242, 244, 247, 0.5); --footer-line: rgba(242, 244, 247, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(16, 24, 39, 0.58); --nav-bg-solid: rgba(16, 24, 39, 0.72); --nav-text: #f2f4f7; --nav-muted: #aeb8cc; --nav-line: rgba(242, 244, 247, 0.12); --nav-logo-light: none; --nav-logo-dark: block; }
@media (prefers-color-scheme: dark) { :root[data-palette="acero"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0b1220; --bg2: #101a2c; --surf: #152238; --surf2: #1b2b45; --line: rgba(238, 242, 248, 0.09); --line2: rgba(238, 242, 248, 0.16); --text: #eef2f8; --muted: #9aa8bf; --dim: #62708a; --accent: #3b82f6; --accent-2: #60a5fa; --accent-deep: #1e3a8a; --accent-soft: rgba(59, 130, 246, 0.12); --glass: rgba(11, 18, 32, 0.42); --glass-solid: rgba(11, 18, 32, 0.6); --sheen: .12; --bezel: rgba(238, 242, 248, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #101a2c; --cta-bg: #101a2c; --cta-text: #eef2f8; --cta-muted: #9aa8bf; --cta-line: rgba(238, 242, 248, 0.14); --footer-bg: #070d18; --footer-text: #eef2f8; --footer-muted: #9aa8bf; --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); } }
:root[data-palette="acero"][data-theme="dark"] { color-scheme: dark; --bg: #0b1220; --bg2: #101a2c; --surf: #152238; --surf2: #1b2b45; --line: rgba(238, 242, 248, 0.09); --line2: rgba(238, 242, 248, 0.16); --text: #eef2f8; --muted: #9aa8bf; --dim: #62708a; --accent: #3b82f6; --accent-2: #60a5fa; --accent-deep: #1e3a8a; --accent-soft: rgba(59, 130, 246, 0.12); --glass: rgba(11, 18, 32, 0.42); --glass-solid: rgba(11, 18, 32, 0.6); --sheen: .12; --bezel: rgba(238, 242, 248, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #101a2c; --cta-bg: #101a2c; --cta-text: #eef2f8; --cta-muted: #9aa8bf; --cta-line: rgba(238, 242, 248, 0.14); --footer-bg: #070d18; --footer-text: #eef2f8; --footer-muted: #9aa8bf; --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); }

/* ---- Paleta: Arena y ladrillo ---- */
:root[data-palette="arena"] { color-scheme: light; --bg: #f6f1e8; --bg2: #ece3d3; --surf: #fffaf2; --surf2: #f9f3ea; --line: rgba(43, 29, 20, 0.1); --line2: rgba(43, 29, 20, 0.2); --text: #2b1d14; --muted: #6b5a4c; --dim: #9a8a7b; --accent: #c2410c; --accent-2: #ea580c; --accent-deep: #7c2d12; --accent-soft: rgba(194, 65, 12, 0.12); --glass: rgba(246, 241, 232, 0.5); --glass-solid: rgba(246, 241, 232, 0.66); --sheen: .30; --bezel: rgba(43, 29, 20, 0.04); --shadow: 0 30px 70px -40px rgba(43, 29, 20, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #ece3d3; --cta-bg: #c2410c; --cta-text: #fff7f0; --cta-muted: #ffd9c2; --cta-line: rgba(255, 247, 240, 0.14); --footer-bg: #2b1d14; --footer-text: #f6f1e8; --footer-muted: #c5b6a6; --footer-dim: rgba(246, 241, 232, 0.5); --footer-line: rgba(246, 241, 232, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="arena"]:not([data-theme="light"]) { color-scheme: dark; --bg: #1a130e; --bg2: #221a13; --surf: #2a2018; --surf2: #33281e; --line: rgba(246, 239, 228, 0.09); --line2: rgba(246, 239, 228, 0.16); --text: #f6efe4; --muted: #b3a494; --dim: #7a6c5e; --accent: #ea580c; --accent-2: #fb7a2e; --accent-deep: #7c2d12; --accent-soft: rgba(234, 88, 12, 0.12); --glass: rgba(26, 19, 14, 0.42); --glass-solid: rgba(26, 19, 14, 0.6); --sheen: .12; --bezel: rgba(246, 239, 228, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #221a13; --cta-bg: #221a13; --cta-text: #f6efe4; --cta-muted: #b3a494; --cta-line: rgba(246, 239, 228, 0.14); --footer-bg: #110c08; --footer-text: #f6efe4; --footer-muted: #b3a494; --footer-dim: rgba(246, 239, 228, 0.5); --footer-line: rgba(246, 239, 228, 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); } }
:root[data-palette="arena"][data-theme="dark"] { color-scheme: dark; --bg: #1a130e; --bg2: #221a13; --surf: #2a2018; --surf2: #33281e; --line: rgba(246, 239, 228, 0.09); --line2: rgba(246, 239, 228, 0.16); --text: #f6efe4; --muted: #b3a494; --dim: #7a6c5e; --accent: #ea580c; --accent-2: #fb7a2e; --accent-deep: #7c2d12; --accent-soft: rgba(234, 88, 12, 0.12); --glass: rgba(26, 19, 14, 0.42); --glass-solid: rgba(26, 19, 14, 0.6); --sheen: .12; --bezel: rgba(246, 239, 228, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #221a13; --cta-bg: #221a13; --cta-text: #f6efe4; --cta-muted: #b3a494; --cta-line: rgba(246, 239, 228, 0.14); --footer-bg: #110c08; --footer-text: #f6efe4; --footer-muted: #b3a494; --footer-dim: rgba(246, 239, 228, 0.5); --footer-line: rgba(246, 239, 228, 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); }

/* ---- Paleta: Bosque y lima ---- */
:root[data-palette="bosque"] { color-scheme: light; --bg: #f1f4ef; --bg2: #e2e9dd; --surf: #ffffff; --surf2: #f6f8f4; --line: rgba(15, 42, 34, 0.1); --line2: rgba(15, 42, 34, 0.2); --text: #0f2a22; --muted: #4f6259; --dim: #8a978f; --accent: #4d7c0f; --accent-2: #65a30d; --accent-deep: #365314; --accent-soft: rgba(77, 124, 15, 0.12); --glass: rgba(241, 244, 239, 0.5); --glass-solid: rgba(241, 244, 239, 0.66); --sheen: .30; --bezel: rgba(15, 42, 34, 0.04); --shadow: 0 30px 70px -40px rgba(15, 42, 34, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #e2e9dd; --cta-bg: #0f2a22; --cta-text: #f1f4ef; --cta-muted: #a8bdb2; --cta-line: rgba(241, 244, 239, 0.14); --footer-bg: #0f2a22; --footer-text: #f1f4ef; --footer-muted: #a8bdb2; --footer-dim: rgba(241, 244, 239, 0.5); --footer-line: rgba(241, 244, 239, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="bosque"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0b1f19; --bg2: #10291f; --surf: #143326; --surf2: #1a3d2e; --line: rgba(234, 243, 236, 0.09); --line2: rgba(234, 243, 236, 0.16); --text: #eaf3ec; --muted: #9db8a8; --dim: #5f7d6c; --accent: #a3e635; --accent-2: #bef264; --accent-deep: #3f6212; --accent-soft: rgba(163, 230, 53, 0.12); --glass: rgba(11, 31, 25, 0.42); --glass-solid: rgba(11, 31, 25, 0.6); --sheen: .12; --bezel: rgba(234, 243, 236, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #10291f; --cta-bg: #10291f; --cta-text: #eaf3ec; --cta-muted: #9db8a8; --cta-line: rgba(234, 243, 236, 0.14); --footer-bg: #071510; --footer-text: #eaf3ec; --footer-muted: #9db8a8; --footer-dim: rgba(234, 243, 236, 0.5); --footer-line: rgba(234, 243, 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); } }
:root[data-palette="bosque"][data-theme="dark"] { color-scheme: dark; --bg: #0b1f19; --bg2: #10291f; --surf: #143326; --surf2: #1a3d2e; --line: rgba(234, 243, 236, 0.09); --line2: rgba(234, 243, 236, 0.16); --text: #eaf3ec; --muted: #9db8a8; --dim: #5f7d6c; --accent: #a3e635; --accent-2: #bef264; --accent-deep: #3f6212; --accent-soft: rgba(163, 230, 53, 0.12); --glass: rgba(11, 31, 25, 0.42); --glass-solid: rgba(11, 31, 25, 0.6); --sheen: .12; --bezel: rgba(234, 243, 236, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #10291f; --cta-bg: #10291f; --cta-text: #eaf3ec; --cta-muted: #9db8a8; --cta-line: rgba(234, 243, 236, 0.14); --footer-bg: #071510; --footer-text: #eaf3ec; --footer-muted: #9db8a8; --footer-dim: rgba(234, 243, 236, 0.5); --footer-line: rgba(234, 243, 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); }

/* ---- Paleta: Carbón y cobre ---- */
:root[data-palette="cobre"] { color-scheme: light; --bg: #f3f1ef; --bg2: #e7e2dd; --surf: #ffffff; --surf2: #f8f6f3; --line: rgba(23, 20, 15, 0.1); --line2: rgba(23, 20, 15, 0.2); --text: #17140f; --muted: #5d564e; --dim: #8e867d; --accent: #b5541b; --accent-2: #d2691e; --accent-deep: #6a3010; --accent-soft: rgba(181, 84, 27, 0.12); --glass: rgba(243, 241, 239, 0.5); --glass-solid: rgba(243, 241, 239, 0.66); --sheen: .30; --bezel: rgba(23, 20, 15, 0.04); --shadow: 0 30px 70px -40px rgba(23, 20, 15, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #e7e2dd; --cta-bg: #e7e2dd; --cta-text: #17140f; --cta-muted: #5d564e; --cta-line: rgba(23, 20, 15, 0.14); --footer-bg: #17140f; --footer-text: #f3f1ef; --footer-muted: #b3aba1; --footer-dim: rgba(243, 241, 239, 0.5); --footer-line: rgba(243, 241, 239, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="cobre"]:not([data-theme="light"]) { color-scheme: dark; --bg: #121110; --bg2: #191714; --surf: #1f1c19; --surf2: #27231f; --line: rgba(242, 237, 232, 0.09); --line2: rgba(242, 237, 232, 0.16); --text: #f2ede8; --muted: #a89f95; --dim: #6e665e; --accent: #d2691e; --accent-2: #e88a3c; --accent-deep: #6a3010; --accent-soft: rgba(210, 105, 30, 0.12); --glass: rgba(18, 17, 16, 0.42); --glass-solid: rgba(18, 17, 16, 0.6); --sheen: .12; --bezel: rgba(242, 237, 232, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #191714; --cta-bg: #1f1c19; --cta-text: #f2ede8; --cta-muted: #a89f95; --cta-line: rgba(242, 237, 232, 0.14); --footer-bg: #0b0a09; --footer-text: #f2ede8; --footer-muted: #a89f95; --footer-dim: rgba(242, 237, 232, 0.5); --footer-line: rgba(242, 237, 232, 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); } }
:root[data-palette="cobre"][data-theme="dark"] { color-scheme: dark; --bg: #121110; --bg2: #191714; --surf: #1f1c19; --surf2: #27231f; --line: rgba(242, 237, 232, 0.09); --line2: rgba(242, 237, 232, 0.16); --text: #f2ede8; --muted: #a89f95; --dim: #6e665e; --accent: #d2691e; --accent-2: #e88a3c; --accent-deep: #6a3010; --accent-soft: rgba(210, 105, 30, 0.12); --glass: rgba(18, 17, 16, 0.42); --glass-solid: rgba(18, 17, 16, 0.6); --sheen: .12; --bezel: rgba(242, 237, 232, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #191714; --cta-bg: #1f1c19; --cta-text: #f2ede8; --cta-muted: #a89f95; --cta-line: rgba(242, 237, 232, 0.14); --footer-bg: #0b0a09; --footer-text: #f2ede8; --footer-muted: #a89f95; --footer-dim: rgba(242, 237, 232, 0.5); --footer-line: rgba(242, 237, 232, 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); }

/* ---- Paleta: Noche y cian ---- */
:root[data-palette="noche"] { color-scheme: light; --bg: #f0f4f8; --bg2: #e1e9f1; --surf: #ffffff; --surf2: #f6f9fc; --line: rgba(10, 16, 32, 0.1); --line2: rgba(10, 16, 32, 0.2); --text: #0a1020; --muted: #4d5b75; --dim: #8592a8; --accent: #0891b2; --accent-2: #06b6d4; --accent-deep: #164e63; --accent-soft: rgba(8, 145, 178, 0.12); --glass: rgba(240, 244, 248, 0.5); --glass-solid: rgba(240, 244, 248, 0.66); --sheen: .14; --bezel: rgba(10, 16, 32, 0.04); --shadow: 0 30px 70px -40px rgba(10, 16, 32, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #e1e9f1; --cta-bg: #0a1020; --cta-text: #f0f4f8; --cta-muted: #a9b4cb; --cta-line: rgba(240, 244, 248, 0.14); --footer-bg: #0a1020; --footer-text: #f0f4f8; --footer-muted: #a9b4cb; --footer-dim: rgba(240, 244, 248, 0.5); --footer-line: rgba(240, 244, 248, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(10, 16, 32, 0.58); --nav-bg-solid: rgba(10, 16, 32, 0.72); --nav-text: #f0f4f8; --nav-muted: #a9b4cb; --nav-line: rgba(240, 244, 248, 0.12); --nav-logo-light: none; --nav-logo-dark: block; }
@media (prefers-color-scheme: dark) { :root[data-palette="noche"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0a1020; --bg2: #0e162b; --surf: #121c36; --surf2: #182442; --line: rgba(230, 237, 247, 0.09); --line2: rgba(230, 237, 247, 0.16); --text: #e6edf7; --muted: #94a3b8; --dim: #5b6b85; --accent: #22d3ee; --accent-2: #67e8f9; --accent-deep: #155e75; --accent-soft: rgba(34, 211, 238, 0.12); --glass: rgba(10, 16, 32, 0.42); --glass-solid: rgba(10, 16, 32, 0.6); --sheen: .12; --bezel: rgba(230, 237, 247, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #0e162b; --cta-bg: #0e162b; --cta-text: #e6edf7; --cta-muted: #94a3b8; --cta-line: rgba(230, 237, 247, 0.14); --footer-bg: #060a15; --footer-text: #e6edf7; --footer-muted: #94a3b8; --footer-dim: rgba(230, 237, 247, 0.5); --footer-line: rgba(230, 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); } }
:root[data-palette="noche"][data-theme="dark"] { color-scheme: dark; --bg: #0a1020; --bg2: #0e162b; --surf: #121c36; --surf2: #182442; --line: rgba(230, 237, 247, 0.09); --line2: rgba(230, 237, 247, 0.16); --text: #e6edf7; --muted: #94a3b8; --dim: #5b6b85; --accent: #22d3ee; --accent-2: #67e8f9; --accent-deep: #155e75; --accent-soft: rgba(34, 211, 238, 0.12); --glass: rgba(10, 16, 32, 0.42); --glass-solid: rgba(10, 16, 32, 0.6); --sheen: .12; --bezel: rgba(230, 237, 247, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #0e162b; --cta-bg: #0e162b; --cta-text: #e6edf7; --cta-muted: #94a3b8; --cta-line: rgba(230, 237, 247, 0.14); --footer-bg: #060a15; --footer-text: #e6edf7; --footer-muted: #94a3b8; --footer-dim: rgba(230, 237, 247, 0.5); --footer-line: rgba(230, 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); }

/* ---- Paleta: Hormigón y naranja ---- */
:root[data-palette="hormigon"] { color-scheme: light; --bg: #e9e9e6; --bg2: #dcdcd8; --surf: #f5f5f2; --surf2: #efefec; --line: rgba(21, 21, 21, 0.1); --line2: rgba(21, 21, 21, 0.2); --text: #151515; --muted: #555555; --dim: #8a8a86; --accent: #f26522; --accent-2: #ff7a3d; --accent-deep: #9a3a0a; --accent-soft: rgba(242, 101, 34, 0.12); --glass: rgba(233, 233, 230, 0.5); --glass-solid: rgba(233, 233, 230, 0.66); --sheen: .30; --bezel: rgba(21, 21, 21, 0.04); --shadow: 0 30px 70px -40px rgba(21, 21, 21, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #dcdcd8; --cta-bg: #f26522; --cta-text: #fff5ef; --cta-muted: #ffd6c2; --cta-line: rgba(255, 245, 239, 0.14); --footer-bg: #151515; --footer-text: #e9e9e6; --footer-muted: #a9a9a5; --footer-dim: rgba(233, 233, 230, 0.5); --footer-line: rgba(233, 233, 230, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="hormigon"]:not([data-theme="light"]) { color-scheme: dark; --bg: #17181a; --bg2: #1e2023; --surf: #26282c; --surf2: #2e3135; --line: rgba(241, 241, 238, 0.09); --line2: rgba(241, 241, 238, 0.16); --text: #f1f1ee; --muted: #a5a5a0; --dim: #6f6f6a; --accent: #f26522; --accent-2: #ff8a52; --accent-deep: #9a3a0a; --accent-soft: rgba(242, 101, 34, 0.12); --glass: rgba(23, 24, 26, 0.42); --glass-solid: rgba(23, 24, 26, 0.6); --sheen: .12; --bezel: rgba(241, 241, 238, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1e2023; --cta-bg: #1e2023; --cta-text: #f1f1ee; --cta-muted: #a5a5a0; --cta-line: rgba(241, 241, 238, 0.14); --footer-bg: #0e0f10; --footer-text: #f1f1ee; --footer-muted: #a5a5a0; --footer-dim: rgba(241, 241, 238, 0.5); --footer-line: rgba(241, 241, 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); } }
:root[data-palette="hormigon"][data-theme="dark"] { color-scheme: dark; --bg: #17181a; --bg2: #1e2023; --surf: #26282c; --surf2: #2e3135; --line: rgba(241, 241, 238, 0.09); --line2: rgba(241, 241, 238, 0.16); --text: #f1f1ee; --muted: #a5a5a0; --dim: #6f6f6a; --accent: #f26522; --accent-2: #ff8a52; --accent-deep: #9a3a0a; --accent-soft: rgba(242, 101, 34, 0.12); --glass: rgba(23, 24, 26, 0.42); --glass-solid: rgba(23, 24, 26, 0.6); --sheen: .12; --bezel: rgba(241, 241, 238, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1e2023; --cta-bg: #1e2023; --cta-text: #f1f1ee; --cta-muted: #a5a5a0; --cta-line: rgba(241, 241, 238, 0.14); --footer-bg: #0e0f10; --footer-text: #f1f1ee; --footer-muted: #a5a5a0; --footer-dim: rgba(241, 241, 238, 0.5); --footer-line: rgba(241, 241, 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); }

/* ---- Paleta: Vino y dorado ---- */
:root[data-palette="vino"] { color-scheme: light; --bg: #f7f3f2; --bg2: #ede4e2; --surf: #ffffff; --surf2: #faf6f5; --line: rgba(42, 14, 18, 0.1); --line2: rgba(42, 14, 18, 0.2); --text: #2a0e12; --muted: #6a4d52; --dim: #9a8386; --accent: #8b1e2e; --accent-2: #a8283a; --accent-deep: #4d0f19; --accent-soft: rgba(139, 30, 46, 0.12); --glass: rgba(247, 243, 242, 0.5); --glass-solid: rgba(247, 243, 242, 0.66); --sheen: .30; --bezel: rgba(42, 14, 18, 0.04); --shadow: 0 30px 70px -40px rgba(42, 14, 18, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #ede4e2; --cta-bg: #8b1e2e; --cta-text: #fff5f6; --cta-muted: #f1c9cf; --cta-line: rgba(255, 245, 246, 0.14); --footer-bg: #2a0e12; --footer-text: #f7f3f2; --footer-muted: #c8aeb2; --footer-dim: rgba(247, 243, 242, 0.5); --footer-line: rgba(247, 243, 242, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="vino"]:not([data-theme="light"]) { color-scheme: dark; --bg: #150a0c; --bg2: #1d0f12; --surf: #251418; --surf2: #2e1a1f; --line: rgba(246, 238, 238, 0.09); --line2: rgba(246, 238, 238, 0.16); --text: #f6eeee; --muted: #b39a9e; --dim: #7a6367; --accent: #d4a24c; --accent-2: #e6b968; --accent-deep: #7a5a1e; --accent-soft: rgba(212, 162, 76, 0.12); --glass: rgba(21, 10, 12, 0.42); --glass-solid: rgba(21, 10, 12, 0.6); --sheen: .12; --bezel: rgba(246, 238, 238, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1d0f12; --cta-bg: #1d0f12; --cta-text: #f6eeee; --cta-muted: #b39a9e; --cta-line: rgba(246, 238, 238, 0.14); --footer-bg: #0d0607; --footer-text: #f6eeee; --footer-muted: #b39a9e; --footer-dim: rgba(246, 238, 238, 0.5); --footer-line: rgba(246, 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); } }
:root[data-palette="vino"][data-theme="dark"] { color-scheme: dark; --bg: #150a0c; --bg2: #1d0f12; --surf: #251418; --surf2: #2e1a1f; --line: rgba(246, 238, 238, 0.09); --line2: rgba(246, 238, 238, 0.16); --text: #f6eeee; --muted: #b39a9e; --dim: #7a6367; --accent: #d4a24c; --accent-2: #e6b968; --accent-deep: #7a5a1e; --accent-soft: rgba(212, 162, 76, 0.12); --glass: rgba(21, 10, 12, 0.42); --glass-solid: rgba(21, 10, 12, 0.6); --sheen: .12; --bezel: rgba(246, 238, 238, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1d0f12; --cta-bg: #1d0f12; --cta-text: #f6eeee; --cta-muted: #b39a9e; --cta-line: rgba(246, 238, 238, 0.14); --footer-bg: #0d0607; --footer-text: #f6eeee; --footer-muted: #b39a9e; --footer-dim: rgba(246, 238, 238, 0.5); --footer-line: rgba(246, 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); }

/* ---- Paleta: Blanco puro ---- */
:root[data-palette="blanco"] { color-scheme: light; --bg: #ffffff; --bg2: #f3f4f6; --surf: #ffffff; --surf2: #f8f9fa; --line: rgba(15, 17, 21, 0.1); --line2: rgba(15, 17, 21, 0.2); --text: #0f1115; --muted: #525763; --dim: #8a8f9a; --accent: #d4232a; --accent-2: #e3262c; --accent-deep: #8d1418; --accent-soft: rgba(212, 35, 42, 0.12); --glass: rgba(255, 255, 255, 0.5); --glass-solid: rgba(255, 255, 255, 0.66); --sheen: .30; --bezel: rgba(15, 17, 21, 0.04); --shadow: 0 30px 70px -40px rgba(15, 17, 21, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #f3f4f6; --cta-bg: #f3f4f6; --cta-text: #0f1115; --cta-muted: #525763; --cta-line: rgba(15, 17, 21, 0.14); --footer-bg: #0f1115; --footer-text: #ffffff; --footer-muted: #b0b4bd; --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); }
@media (prefers-color-scheme: dark) { :root[data-palette="blanco"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0f1115; --bg2: #161920; --surf: #1c2028; --surf2: #242932; --line: rgba(245, 246, 248, 0.09); --line2: rgba(245, 246, 248, 0.16); --text: #f5f6f8; --muted: #a3a8b3; --dim: #6b7079; --accent: #e3262c; --accent-2: #ff3d43; --accent-deep: #8d1418; --accent-soft: rgba(227, 38, 44, 0.12); --glass: rgba(15, 17, 21, 0.42); --glass-solid: rgba(15, 17, 21, 0.6); --sheen: .12; --bezel: rgba(245, 246, 248, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #161920; --cta-bg: #161920; --cta-text: #f5f6f8; --cta-muted: #a3a8b3; --cta-line: rgba(245, 246, 248, 0.14); --footer-bg: #090a0d; --footer-text: #f5f6f8; --footer-muted: #a3a8b3; --footer-dim: rgba(245, 246, 248, 0.5); --footer-line: rgba(245, 246, 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); } }
:root[data-palette="blanco"][data-theme="dark"] { color-scheme: dark; --bg: #0f1115; --bg2: #161920; --surf: #1c2028; --surf2: #242932; --line: rgba(245, 246, 248, 0.09); --line2: rgba(245, 246, 248, 0.16); --text: #f5f6f8; --muted: #a3a8b3; --dim: #6b7079; --accent: #e3262c; --accent-2: #ff3d43; --accent-deep: #8d1418; --accent-soft: rgba(227, 38, 44, 0.12); --glass: rgba(15, 17, 21, 0.42); --glass-solid: rgba(15, 17, 21, 0.6); --sheen: .12; --bezel: rgba(245, 246, 248, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #161920; --cta-bg: #161920; --cta-text: #f5f6f8; --cta-muted: #a3a8b3; --cta-line: rgba(245, 246, 248, 0.14); --footer-bg: #090a0d; --footer-text: #f5f6f8; --footer-muted: #a3a8b3; --footer-dim: rgba(245, 246, 248, 0.5); --footer-line: rgba(245, 246, 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); }

/* ---- Paleta: Crema y café ---- */
:root[data-palette="crema"] { color-scheme: light; --bg: #fbf7f0; --bg2: #f1e9dc; --surf: #fffdf8; --surf2: #f8f2e8; --line: rgba(44, 33, 26, 0.1); --line2: rgba(44, 33, 26, 0.2); --text: #2c211a; --muted: #6d5f54; --dim: #9b8d80; --accent: #b4231f; --accent-2: #d12b26; --accent-deep: #6e1512; --accent-soft: rgba(180, 35, 31, 0.12); --glass: rgba(251, 247, 240, 0.5); --glass-solid: rgba(251, 247, 240, 0.66); --sheen: .30; --bezel: rgba(44, 33, 26, 0.04); --shadow: 0 30px 70px -40px rgba(44, 33, 26, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #f1e9dc; --cta-bg: #3b2a20; --cta-text: #fbf7f0; --cta-muted: #cbb9a9; --cta-line: rgba(251, 247, 240, 0.14); --footer-bg: #3b2a20; --footer-text: #fbf7f0; --footer-muted: #cbb9a9; --footer-dim: rgba(251, 247, 240, 0.5); --footer-line: rgba(251, 247, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="crema"]:not([data-theme="light"]) { color-scheme: dark; --bg: #1c1612; --bg2: #241d18; --surf: #2c241e; --surf2: #352c25; --line: rgba(247, 241, 232, 0.09); --line2: rgba(247, 241, 232, 0.16); --text: #f7f1e8; --muted: #b7a99a; --dim: #7d7064; --accent: #d12b26; --accent-2: #ee4a45; --accent-deep: #6e1512; --accent-soft: rgba(209, 43, 38, 0.12); --glass: rgba(28, 22, 18, 0.42); --glass-solid: rgba(28, 22, 18, 0.6); --sheen: .12; --bezel: rgba(247, 241, 232, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #241d18; --cta-bg: #241d18; --cta-text: #f7f1e8; --cta-muted: #b7a99a; --cta-line: rgba(247, 241, 232, 0.14); --footer-bg: #120e0b; --footer-text: #f7f1e8; --footer-muted: #b7a99a; --footer-dim: rgba(247, 241, 232, 0.5); --footer-line: rgba(247, 241, 232, 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); } }
:root[data-palette="crema"][data-theme="dark"] { color-scheme: dark; --bg: #1c1612; --bg2: #241d18; --surf: #2c241e; --surf2: #352c25; --line: rgba(247, 241, 232, 0.09); --line2: rgba(247, 241, 232, 0.16); --text: #f7f1e8; --muted: #b7a99a; --dim: #7d7064; --accent: #d12b26; --accent-2: #ee4a45; --accent-deep: #6e1512; --accent-soft: rgba(209, 43, 38, 0.12); --glass: rgba(28, 22, 18, 0.42); --glass-solid: rgba(28, 22, 18, 0.6); --sheen: .12; --bezel: rgba(247, 241, 232, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #241d18; --cta-bg: #241d18; --cta-text: #f7f1e8; --cta-muted: #b7a99a; --cta-line: rgba(247, 241, 232, 0.14); --footer-bg: #120e0b; --footer-text: #f7f1e8; --footer-muted: #b7a99a; --footer-dim: rgba(247, 241, 232, 0.5); --footer-line: rgba(247, 241, 232, 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); }

/* ---- Paleta: Nieve y azul ---- */
:root[data-palette="nieve"] { color-scheme: light; --bg: #fbfcfe; --bg2: #e8f0f9; --surf: #ffffff; --surf2: #f3f7fc; --line: rgba(14, 26, 43, 0.1); --line2: rgba(14, 26, 43, 0.2); --text: #0e1a2b; --muted: #4f5f74; --dim: #8797ad; --accent: #1d4ed8; --accent-2: #2563eb; --accent-deep: #1e3a8a; --accent-soft: rgba(29, 78, 216, 0.12); --glass: rgba(251, 252, 254, 0.5); --glass-solid: rgba(251, 252, 254, 0.66); --sheen: .30; --bezel: rgba(14, 26, 43, 0.04); --shadow: 0 30px 70px -40px rgba(14, 26, 43, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #e8f0f9; --cta-bg: #1d4ed8; --cta-text: #f5f8ff; --cta-muted: #c7d6ff; --cta-line: rgba(245, 248, 255, 0.14); --footer-bg: #0e1a2b; --footer-text: #fbfcfe; --footer-muted: #a6b3c6; --footer-dim: rgba(251, 252, 254, 0.5); --footer-line: rgba(251, 252, 254, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="nieve"]:not([data-theme="light"]) { color-scheme: dark; --bg: #0c1421; --bg2: #111c2e; --surf: #16233a; --surf2: #1d2c47; --line: rgba(238, 243, 251, 0.09); --line2: rgba(238, 243, 251, 0.16); --text: #eef3fb; --muted: #9fb0c8; --dim: #65768f; --accent: #3b82f6; --accent-2: #60a5fa; --accent-deep: #1e3a8a; --accent-soft: rgba(59, 130, 246, 0.12); --glass: rgba(12, 20, 33, 0.42); --glass-solid: rgba(12, 20, 33, 0.6); --sheen: .12; --bezel: rgba(238, 243, 251, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #111c2e; --cta-bg: #111c2e; --cta-text: #eef3fb; --cta-muted: #9fb0c8; --cta-line: rgba(238, 243, 251, 0.14); --footer-bg: #070d17; --footer-text: #eef3fb; --footer-muted: #9fb0c8; --footer-dim: rgba(238, 243, 251, 0.5); --footer-line: rgba(238, 243, 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); } }
:root[data-palette="nieve"][data-theme="dark"] { color-scheme: dark; --bg: #0c1421; --bg2: #111c2e; --surf: #16233a; --surf2: #1d2c47; --line: rgba(238, 243, 251, 0.09); --line2: rgba(238, 243, 251, 0.16); --text: #eef3fb; --muted: #9fb0c8; --dim: #65768f; --accent: #3b82f6; --accent-2: #60a5fa; --accent-deep: #1e3a8a; --accent-soft: rgba(59, 130, 246, 0.12); --glass: rgba(12, 20, 33, 0.42); --glass-solid: rgba(12, 20, 33, 0.6); --sheen: .12; --bezel: rgba(238, 243, 251, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #111c2e; --cta-bg: #111c2e; --cta-text: #eef3fb; --cta-muted: #9fb0c8; --cta-line: rgba(238, 243, 251, 0.14); --footer-bg: #070d17; --footer-text: #eef3fb; --footer-muted: #9fb0c8; --footer-dim: rgba(238, 243, 251, 0.5); --footer-line: rgba(238, 243, 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); }

/* ---- Paleta: Perla y grafito ---- */
:root[data-palette="perla"] { color-scheme: light; --bg: #f0f0ef; --bg2: #e4e4e2; --surf: #fafafa; --surf2: #f4f4f3; --line: rgba(28, 28, 28, 0.1); --line2: rgba(28, 28, 28, 0.2); --text: #1c1c1c; --muted: #5a5a5a; --dim: #8d8d8b; --accent: #c81e25; --accent-2: #dd2a31; --accent-deep: #7a1217; --accent-soft: rgba(200, 30, 37, 0.12); --glass: rgba(240, 240, 239, 0.5); --glass-solid: rgba(240, 240, 239, 0.66); --sheen: .14; --bezel: rgba(28, 28, 28, 0.04); --shadow: 0 30px 70px -40px rgba(28, 28, 28, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #e4e4e2; --cta-bg: #e4e4e2; --cta-text: #1c1c1c; --cta-muted: #5a5a5a; --cta-line: rgba(28, 28, 28, 0.14); --footer-bg: #1c1c1c; --footer-text: #f0f0ef; --footer-muted: #b5b5b3; --footer-dim: rgba(240, 240, 239, 0.5); --footer-line: rgba(240, 240, 239, 0.12); --footer-logo-light: none; --footer-logo-dark: block; --nav-bg: rgba(28, 28, 28, 0.58); --nav-bg-solid: rgba(28, 28, 28, 0.72); --nav-text: #f0f0ef; --nav-muted: #b5b5b3; --nav-line: rgba(240, 240, 239, 0.12); --nav-logo-light: none; --nav-logo-dark: block; }
@media (prefers-color-scheme: dark) { :root[data-palette="perla"]:not([data-theme="light"]) { color-scheme: dark; --bg: #151515; --bg2: #1c1c1c; --surf: #232323; --surf2: #2b2b2b; --line: rgba(242, 242, 240, 0.09); --line2: rgba(242, 242, 240, 0.16); --text: #f2f2f0; --muted: #a7a7a4; --dim: #6f6f6c; --accent: #dd2a31; --accent-2: #f2464c; --accent-deep: #7a1217; --accent-soft: rgba(221, 42, 49, 0.12); --glass: rgba(21, 21, 21, 0.42); --glass-solid: rgba(21, 21, 21, 0.6); --sheen: .12; --bezel: rgba(242, 242, 240, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1c1c1c; --cta-bg: #1c1c1c; --cta-text: #f2f2f0; --cta-muted: #a7a7a4; --cta-line: rgba(242, 242, 240, 0.14); --footer-bg: #0d0d0d; --footer-text: #f2f2f0; --footer-muted: #a7a7a4; --footer-dim: rgba(242, 242, 240, 0.5); --footer-line: rgba(242, 242, 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); } }
:root[data-palette="perla"][data-theme="dark"] { color-scheme: dark; --bg: #151515; --bg2: #1c1c1c; --surf: #232323; --surf2: #2b2b2b; --line: rgba(242, 242, 240, 0.09); --line2: rgba(242, 242, 240, 0.16); --text: #f2f2f0; --muted: #a7a7a4; --dim: #6f6f6c; --accent: #dd2a31; --accent-2: #f2464c; --accent-deep: #7a1217; --accent-soft: rgba(221, 42, 49, 0.12); --glass: rgba(21, 21, 21, 0.42); --glass-solid: rgba(21, 21, 21, 0.6); --sheen: .12; --bezel: rgba(242, 242, 240, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1c1c1c; --cta-bg: #1c1c1c; --cta-text: #f2f2f0; --cta-muted: #a7a7a4; --cta-line: rgba(242, 242, 240, 0.14); --footer-bg: #0d0d0d; --footer-text: #f2f2f0; --footer-muted: #a7a7a4; --footer-dim: rgba(242, 242, 240, 0.5); --footer-line: rgba(242, 242, 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); }

/* ---- Paleta: Salvia y carbón ---- */
:root[data-palette="salvia"] { color-scheme: light; --bg: #f4f6f2; --bg2: #e3e9df; --surf: #ffffff; --surf2: #f7f9f5; --line: rgba(27, 35, 32, 0.1); --line2: rgba(27, 35, 32, 0.2); --text: #1b2320; --muted: #566159; --dim: #8b968e; --accent: #2f6b4f; --accent-2: #3d8a66; --accent-deep: #1d4432; --accent-soft: rgba(47, 107, 79, 0.12); --glass: rgba(244, 246, 242, 0.5); --glass-solid: rgba(244, 246, 242, 0.66); --sheen: .30; --bezel: rgba(27, 35, 32, 0.04); --shadow: 0 30px 70px -40px rgba(27, 35, 32, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #e3e9df; --cta-bg: #2f6b4f; --cta-text: #f0f8f3; --cta-muted: #bfe0cf; --cta-line: rgba(240, 248, 243, 0.14); --footer-bg: #1b2320; --footer-text: #f4f6f2; --footer-muted: #adb8b1; --footer-dim: rgba(244, 246, 242, 0.5); --footer-line: rgba(244, 246, 242, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="salvia"]:not([data-theme="light"]) { color-scheme: dark; --bg: #121815; --bg2: #18201c; --surf: #1f2823; --surf2: #26312b; --line: rgba(238, 243, 239, 0.09); --line2: rgba(238, 243, 239, 0.16); --text: #eef3ef; --muted: #a3b0a8; --dim: #6a766f; --accent: #3d8a66; --accent-2: #56a982; --accent-deep: #1d4432; --accent-soft: rgba(61, 138, 102, 0.12); --glass: rgba(18, 24, 21, 0.42); --glass-solid: rgba(18, 24, 21, 0.6); --sheen: .12; --bezel: rgba(238, 243, 239, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #18201c; --cta-bg: #18201c; --cta-text: #eef3ef; --cta-muted: #a3b0a8; --cta-line: rgba(238, 243, 239, 0.14); --footer-bg: #0b100d; --footer-text: #eef3ef; --footer-muted: #a3b0a8; --footer-dim: rgba(238, 243, 239, 0.5); --footer-line: rgba(238, 243, 239, 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); } }
:root[data-palette="salvia"][data-theme="dark"] { color-scheme: dark; --bg: #121815; --bg2: #18201c; --surf: #1f2823; --surf2: #26312b; --line: rgba(238, 243, 239, 0.09); --line2: rgba(238, 243, 239, 0.16); --text: #eef3ef; --muted: #a3b0a8; --dim: #6a766f; --accent: #3d8a66; --accent-2: #56a982; --accent-deep: #1d4432; --accent-soft: rgba(61, 138, 102, 0.12); --glass: rgba(18, 24, 21, 0.42); --glass-solid: rgba(18, 24, 21, 0.6); --sheen: .12; --bezel: rgba(238, 243, 239, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #18201c; --cta-bg: #18201c; --cta-text: #eef3ef; --cta-muted: #a3b0a8; --cta-line: rgba(238, 243, 239, 0.14); --footer-bg: #0b100d; --footer-text: #eef3ef; --footer-muted: #a3b0a8; --footer-dim: rgba(238, 243, 239, 0.5); --footer-line: rgba(238, 243, 239, 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); }

/* ---- Paleta: Marfil y dorado ---- */
:root[data-palette="dorado"] { color-scheme: light; --bg: #faf8f3; --bg2: #f0ece2; --surf: #ffffff; --surf2: #f7f4ec; --line: rgba(22, 20, 16, 0.1); --line2: rgba(22, 20, 16, 0.2); --text: #161410; --muted: #5d5a52; --dim: #928e84; --accent: #a8842d; --accent-2: #c39a3a; --accent-deep: #6b5218; --accent-soft: rgba(168, 132, 45, 0.12); --glass: rgba(250, 248, 243, 0.5); --glass-solid: rgba(250, 248, 243, 0.66); --sheen: .30; --bezel: rgba(22, 20, 16, 0.04); --shadow: 0 30px 70px -40px rgba(22, 20, 16, 0.35); --inset-hi: inset 0 1px 0 rgba(255,255,255,.9); --scrim-o: .22; --hero-bg-o: .18; --grain-o: .035; --logo-light: block; --logo-dark: none; --band-bg: #f0ece2; --cta-bg: #161410; --cta-text: #faf8f3; --cta-muted: #b8b3a8; --cta-line: rgba(250, 248, 243, 0.14); --footer-bg: #161410; --footer-text: #faf8f3; --footer-muted: #b8b3a8; --footer-dim: rgba(250, 248, 243, 0.5); --footer-line: rgba(250, 248, 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); }
@media (prefers-color-scheme: dark) { :root[data-palette="dorado"]:not([data-theme="light"]) { color-scheme: dark; --bg: #131210; --bg2: #1a1815; --surf: #211f1b; --surf2: #2a2722; --line: rgba(245, 242, 234, 0.09); --line2: rgba(245, 242, 234, 0.16); --text: #f5f2ea; --muted: #b0a99b; --dim: #756f64; --accent: #c39a3a; --accent-2: #d9b25a; --accent-deep: #6b5218; --accent-soft: rgba(195, 154, 58, 0.12); --glass: rgba(19, 18, 16, 0.42); --glass-solid: rgba(19, 18, 16, 0.6); --sheen: .12; --bezel: rgba(245, 242, 234, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1a1815; --cta-bg: #1a1815; --cta-text: #f5f2ea; --cta-muted: #b0a99b; --cta-line: rgba(245, 242, 234, 0.14); --footer-bg: #0c0b0a; --footer-text: #f5f2ea; --footer-muted: #b0a99b; --footer-dim: rgba(245, 242, 234, 0.5); --footer-line: rgba(245, 242, 234, 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); } }
:root[data-palette="dorado"][data-theme="dark"] { color-scheme: dark; --bg: #131210; --bg2: #1a1815; --surf: #211f1b; --surf2: #2a2722; --line: rgba(245, 242, 234, 0.09); --line2: rgba(245, 242, 234, 0.16); --text: #f5f2ea; --muted: #b0a99b; --dim: #756f64; --accent: #c39a3a; --accent-2: #d9b25a; --accent-deep: #6b5218; --accent-soft: rgba(195, 154, 58, 0.12); --glass: rgba(19, 18, 16, 0.42); --glass-solid: rgba(19, 18, 16, 0.6); --sheen: .12; --bezel: rgba(245, 242, 234, 0.05); --shadow: 0 40px 90px -40px rgba(0,0,0,.9); --inset-hi: inset 0 1px 0 rgba(255,255,255,.06); --scrim-o: .55; --hero-bg-o: .32; --grain-o: .055; --logo-light: none; --logo-dark: block; --band-bg: #1a1815; --cta-bg: #1a1815; --cta-text: #f5f2ea; --cta-muted: #b0a99b; --cta-line: rgba(245, 242, 234, 0.14); --footer-bg: #0c0b0a; --footer-text: #f5f2ea; --footer-muted: #b0a99b; --footer-dim: rgba(245, 242, 234, 0.5); --footer-line: rgba(245, 242, 234, 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); }

/* ---- Fuente: Archivo condensada ---- */
:root[data-font="archivo"] { --font: "Archivo", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Archivo", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 900; --display-wdth: 80; --display-tt: uppercase; --display-ls: -0.015em; --display-lh: 0.9; --display-scale: 1; }
/* ---- Fuente: Bebas Neue + Manrope ---- */
:root[data-font="bebas"] { --font: "Manrope", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Bebas Neue", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 400; --display-wdth: 100; --display-tt: uppercase; --display-ls: 0.01em; --display-lh: 0.92; --display-scale: 1.08; }
/* ---- Fuente: Oswald + Source Sans ---- */
:root[data-font="oswald"] { --font: "Source Sans 3", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Oswald", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: uppercase; --display-ls: -0.01em; --display-lh: 0.95; --display-scale: 0.98; }
/* ---- Fuente: Anton + Work Sans ---- */
:root[data-font="anton"] { --font: "Work Sans", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Anton", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 400; --display-wdth: 100; --display-tt: uppercase; --display-ls: 0.005em; --display-lh: 0.95; --display-scale: 1.02; }
/* ---- Fuente: Barlow Condensed + Barlow ---- */
:root[data-font="barlow"] { --font: "Barlow", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Barlow Condensed", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 900; --display-wdth: 100; --display-tt: uppercase; --display-ls: -0.01em; --display-lh: 0.9; --display-scale: 1.05; }
/* ---- Fuente: Space Grotesk ---- */
:root[data-font="space"] { --font: "Space Grotesk", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Space Grotesk", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.035em; --display-lh: 0.95; --display-scale: 0.82; }
/* ---- Fuente: Unbounded + Instrument Sans ---- */
:root[data-font="unbounded"] { --font: "Instrument Sans", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Unbounded", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 800; --display-wdth: 100; --display-tt: none; --display-ls: -0.03em; --display-lh: 1; --display-scale: 0.72; }
/* ---- Fuente: League Spartan + Nunito Sans ---- */
:root[data-font="league"] { --font: "Nunito Sans", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "League Spartan", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 900; --display-wdth: 100; --display-tt: uppercase; --display-ls: -0.02em; --display-lh: 0.92; --display-scale: 0.92; }
/* ---- Fuente: Playfair Display + Source Sans ---- */
:root[data-font="playfair"] { --font: "Source Sans 3", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Playfair Display", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.02em; --display-lh: 1; --display-scale: 0.9; }
/* ---- Fuente: DM Serif Display + DM Sans ---- */
:root[data-font="dmserif"] { --font: "DM Sans", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "DM Serif Display", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 400; --display-wdth: 100; --display-tt: none; --display-ls: -0.015em; --display-lh: 1; --display-scale: 0.92; }
/* ---- Fuente: Fraunces + Nunito Sans ---- */
:root[data-font="fraunces"] { --font: "Nunito Sans", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Fraunces", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.02em; --display-lh: 1; --display-scale: 0.9; }
/* ---- Fuente: Cormorant Garamond + Manrope ---- */
:root[data-font="cormorant"] { --font: "Manrope", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Cormorant Garamond", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.01em; --display-lh: 0.98; --display-scale: 1.05; }
/* ---- Fuente: Montserrat + Karla ---- */
:root[data-font="montserrat"] { --font: "Karla", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Montserrat", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 800; --display-wdth: 100; --display-tt: uppercase; --display-ls: -0.02em; --display-lh: 0.95; --display-scale: 0.82; }
/* ---- Fuente: Poppins + Manrope ---- */
:root[data-font="poppins"] { --font: "Manrope", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Poppins", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 700; --display-wdth: 100; --display-tt: none; --display-ls: -0.03em; --display-lh: 0.98; --display-scale: 0.86; }
/* ---- Fuente: Plus Jakarta Sans ---- */
:root[data-font="jakarta"] { --font: "Plus Jakarta Sans", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Plus Jakarta Sans", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 800; --display-wdth: 100; --display-tt: none; --display-ls: -0.035em; --display-lh: 0.98; --display-scale: 0.86; }
/* ---- Fuente: Outfit + Manrope ---- */
:root[data-font="outfit"] { --font: "Manrope", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Outfit", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 800; --display-wdth: 100; --display-tt: none; --display-ls: -0.03em; --display-lh: 0.98; --display-scale: 0.9; }
/* ---- Fuente: Sora + Nunito Sans ---- */
:root[data-font="sora"] { --font: "Nunito Sans", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Sora", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 800; --display-wdth: 100; --display-tt: none; --display-ls: -0.03em; --display-lh: 1; --display-scale: 0.82; }
/* ---- Fuente: Bricolage Grotesque ---- */
:root[data-font="bricolage"] { --font: "Bricolage Grotesque", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Bricolage Grotesque", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 800; --display-wdth: 100; --display-tt: none; --display-ls: -0.03em; --display-lh: 0.98; --display-scale: 0.9; }
/* ---- Fuente: Raleway + Lato ---- */
:root[data-font="raleway"] { --font: "Lato", "Archivo", "Helvetica Neue", Arial, sans-serif; --font-display: "Raleway", "Archivo", "Helvetica Neue", Arial, sans-serif; --display-wght: 900; --display-wdth: 100; --display-tt: uppercase; --display-ls: -0.01em; --display-lh: 0.95; --display-scale: 0.9; }