/* Nexora Code — paletas por página (las de la web anterior)
   marca: violeta/rosa/cian · sueldia: ámbar · alterna: turquesa/coral · almivo: verde
   Se carga después de style.css y solo cambia colores. */

body[data-theme] {
	--bg: var(--t-bg);
	--surface: var(--t-surface);
	--line: var(--t-line);
	--text: var(--t-text);
	--muted: var(--t-muted);
	--faint: color-mix(in srgb, var(--t-muted) 72%, var(--t-bg));
	--blue: var(--t-accent);
	--cyan: var(--t-accent2);
	--green: var(--t-accent2);
	--grad: var(--t-grad);
	--grad-text: var(--t-grad-text, var(--t-grad));
	background-color: var(--t-bg);
}
body[data-theme="marca"] { --t-grad-text: linear-gradient(95deg, #c4b5fd 0%, #f472b6 50%, #67e8f9 100%); }
body[data-theme="sueldia"] { --t-grad-text: linear-gradient(95deg, #f5b53a 0%, #ffd27a 50%, #67e8f9 100%); }
body[data-theme="alterna"] { --t-grad-text: linear-gradient(95deg, #5fd0d8 0%, #9fdcc9 50%, #f7b596 100%); }
body[data-theme="almivo"] { --t-grad-text: linear-gradient(95deg, #3fd6a6 0%, #7de070 50%, #c3f06a 100%); }

body[data-theme="marca"] {
	--t-bg: #0b0b12; --t-surface: #12121c; --t-deep: #171725; --t-line: #24243a;
	--t-text: #f3f0ff; --t-muted: #9a96b5;
	--t-accent: #a78bfa; --t-accent2: #22d3ee; --t-on: #12061f;
	--t-grad: linear-gradient(100deg, #7c3aed 0%, #ec4899 55%, #22d3ee 100%);
	--t-glow1: rgba(124, 58, 237, .45); --t-glow2: rgba(34, 211, 238, .28);
}
body[data-theme="sueldia"] {
	--t-bg: #080e18; --t-surface: #0e1725; --t-deep: #142031; --t-line: #1d2e45;
	--t-text: #eef4ff; --t-muted: #8ba0bd;
	--t-accent: #f5b53a; --t-accent2: #22d3ee; --t-on: #1a1100;
	--t-grad: linear-gradient(100deg, #f5b53a 0%, #ffd27a 45%, #22d3ee 100%);
	--t-glow1: rgba(245, 181, 58, .30); --t-glow2: rgba(34, 211, 238, .22);
}
body[data-theme="alterna"] {
	--t-bg: #0a1418; --t-surface: #0f1e24; --t-deep: #13262d; --t-line: #1d3740;
	--t-text: #eaf6f7; --t-muted: #8fadb4;
	--t-accent: #3fb6bf; --t-accent2: #f2a17c; --t-on: #03191b;
	--t-grad: linear-gradient(100deg, #3fb6bf 0%, #7fc8b4 50%, #f2a17c 100%);
	--t-glow1: rgba(63, 182, 191, .30); --t-glow2: rgba(242, 161, 124, .22);
}
body[data-theme="almivo"] {
	--t-bg: #061a17; --t-surface: #0b2721; --t-deep: #0f3229; --t-line: #16443a;
	--t-text: #ecfbf3; --t-muted: #86b3a3;
	--t-accent: #a8e440; --t-accent2: #2fbf93; --t-on: #0b1a02;
	--t-grad: linear-gradient(100deg, #0e6b5e 0%, #2fbf93 50%, #a8e440 100%);
	--t-glow1: rgba(47, 191, 147, .30); --t-glow2: rgba(168, 228, 64, .20);
}

/* ---- fondos y superficies ---- */
body[data-theme]::before {
	background: radial-gradient(900px 520px at 82% -6%, var(--t-glow1), transparent 62%),
		radial-gradient(700px 480px at 6% 30%, var(--t-glow2), transparent 60%) !important;
}
body[data-theme] .site-header { border-bottom-color: color-mix(in srgb, var(--t-accent) 14%, transparent); }
body[data-theme] .site-header::before { background: color-mix(in srgb, var(--t-bg) 88%, transparent); }
body[data-theme] .main-nav { background: var(--t-bg); }
body[data-theme] .submenu { background: var(--t-surface); border-color: var(--t-line); }
body[data-theme] .submenu a:hover,
body[data-theme] .submenu a.is-active { background: color-mix(in srgb, var(--t-accent) 10%, transparent); }
body[data-theme] .section-alt { background: linear-gradient(180deg, color-mix(in srgb, var(--t-surface) 70%, transparent), color-mix(in srgb, var(--t-bg) 40%, transparent)); }
body[data-theme] .card,
body[data-theme] .form { background: linear-gradient(160deg, color-mix(in srgb, var(--t-deep) 92%, transparent), color-mix(in srgb, var(--t-surface) 88%, transparent)); border-color: var(--t-line); }
body[data-theme] .stats { background: color-mix(in srgb, var(--t-surface) 75%, transparent); }
body[data-theme] .chip { background: color-mix(in srgb, var(--t-surface) 92%, transparent); border-color: color-mix(in srgb, var(--t-accent) 24%, transparent); }
body[data-theme] .feature-app { background: radial-gradient(600px 400px at 85% 20%, var(--t-glow2), transparent 60%), linear-gradient(140deg, var(--t-deep), var(--t-bg) 70%); }
body[data-theme] .mock { background: linear-gradient(160deg, var(--t-deep), var(--t-surface)); }
body[data-theme] .phone { background: var(--t-surface); border-color: color-mix(in srgb, var(--t-accent) 20%, transparent); }
body[data-theme] .field input,
body[data-theme] .field select,
body[data-theme] .field textarea { background: var(--t-bg); border-color: var(--t-line); }
body[data-theme] .field input:focus,
body[data-theme] .field select:focus,
body[data-theme] .field textarea:focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent) 22%, transparent); }
body[data-theme] .site-footer { background: color-mix(in srgb, var(--t-bg) 70%, #000); }

/* ---- acentos ---- */
body[data-theme] .eyebrow { color: var(--t-accent); }
body[data-theme] .link,
body[data-theme] .check a,
body[data-theme] .legal a { color: var(--t-accent); }
body[data-theme] .icon { background: linear-gradient(140deg, color-mix(in srgb, var(--t-accent) 26%, transparent), color-mix(in srgb, var(--t-accent2) 14%, transparent)); border-color: color-mix(in srgb, var(--t-accent) 24%, transparent); color: var(--t-accent); }
body[data-theme] .ticks li::before { background-color: color-mix(in srgb, var(--t-accent) 16%, transparent); }
body[data-theme] .btn-primary { background: var(--t-grad); color: var(--t-on); box-shadow: 0 12px 34px var(--t-glow1); }
body[data-theme] .btn-primary:hover { box-shadow: 0 16px 40px var(--t-glow1); }
body[data-theme] .btn-ghost:hover { border-color: var(--t-accent); }
body[data-theme] .tablist button[aria-selected="true"] { background: var(--t-grad); color: var(--t-on); }
body[data-theme] .brand img,
body[data-theme] .logo-stage img { box-shadow: 0 0 0 1px color-mix(in srgb, var(--t-accent) 30%, transparent), 0 10px 40px var(--t-glow1); }
body[data-theme] .logo-stage::before { background: radial-gradient(circle, var(--t-glow1), var(--t-glow2) 45%, transparent 70%); }
body[data-theme] .socials a:hover { background: color-mix(in srgb, var(--t-accent) 10%, transparent); }
body[data-theme] .cal i.a { background: color-mix(in srgb, var(--t-accent) 20%, transparent); }
body[data-theme] .mock-legend .la::before { background: color-mix(in srgb, var(--t-accent) 60%, transparent); }

/* ---- llamada final ---- */
body[data-theme] .cta {
	background: radial-gradient(500px 300px at 90% 0%, color-mix(in srgb, var(--t-accent2) 40%, transparent), transparent 60%), var(--t-grad);
	box-shadow: 0 30px 90px var(--t-glow1);
}
body[data-theme="sueldia"] .cta,
body[data-theme="almivo"] .cta { color: var(--t-on); }
body[data-theme="sueldia"] .cta p,
body[data-theme="almivo"] .cta p { color: color-mix(in srgb, var(--t-on) 85%, transparent); }
body[data-theme="sueldia"] .cta h2,
body[data-theme="sueldia"] .cta .eyebrow,
body[data-theme="almivo"] .cta h2,
body[data-theme="almivo"] .cta .eyebrow { color: var(--t-on); }
body[data-theme="sueldia"] .cta .eyebrow::before,
body[data-theme="almivo"] .cta .eyebrow::before { background: var(--t-on); }
body[data-theme="sueldia"] .cta .btn-ghost,
body[data-theme="almivo"] .cta .btn-ghost { color: var(--t-on); border-color: color-mix(in srgb, var(--t-on) 45%, transparent); background: rgba(255, 255, 255, .25); }