/* variables.css · tokens del Manual de Marca jsadsAI v1.0 */
:root {
  /* Color */
  --blue: #178BEF;          /* Azul IA principal */
  --blue-hover: #0F7FE0;    /* Azul activo */
  --blue-light: #5BB6FF;    /* Azul claro digital */
  --navy: #030D19;          /* Navy profundo */
  --deep: #0A1A2F;          /* Azul intermedio (gradientes) */
  --ink: #0B1220;           /* Texto principal */
  --muted: #6B7280;         /* Gris técnico */
  --border: #E5E7EB;        /* Gris claro UI */
  --cloud: #F8FAFC;         /* Fondo cloud */
  --white: #FFFFFF;
  --black: #000000;
  --wa: #25D366;

  /* Tipografía */
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-head: 'Montserrat', var(--font-body);
  --font-alt:  'Poppins', var(--font-body);

  /* Forma y profundidad */
  --radius-card: 20px;
  --radius-btn: 12px;
  --container: 1280px;
  --shadow-card: 0 1px 2px rgba(3,13,25,.04), 0 8px 24px -12px rgba(3,13,25,.12);
  --shadow-hover: 0 2px 4px rgba(3,13,25,.06), 0 16px 40px -16px rgba(23,139,239,.28);

  /* Gradientes */
  --grad-hero: radial-gradient(120% 80% at 80% 0%, rgba(23,139,239,.18) 0%, rgba(3,13,25,0) 60%), linear-gradient(180deg, #030D19 0%, #0A1A2F 100%);
  --grad-cta: linear-gradient(135deg, #0F7FE0 0%, #178BEF 60%, #0F7FE0 100%);
}

body { font-family: var(--font-body); color: var(--ink); background: var(--white); }
h1, h2, h3, h4 { font-family: var(--font-head); color: var(--navy); line-height: 1.15; text-wrap: balance; }
h1 { font-weight: 800; }
h2, h3, h4 { font-weight: 700; }
p { text-wrap: pretty; }
::selection { background: rgba(23,139,239,.15); color: var(--navy); }