/* ============================================================
   VARIANTE GRUPO SMART — "Ecosistema AI"
   Espacio profundo + azul eléctrico → teal. Sora / IBM Plex Sans.
   Continuidad con la identidad rescatada de smartgroupai.com.
   Cargar DESPUÉS de core.css.
   Dos modos: body.theme-smart (oscuro, hub) y
              body.theme-smart-light (claro, unidades de negocio).
   ============================================================ */

:root {
  --sm-space: #0A0F1C;
  --sm-space-2: #101828;
  --sm-blue: #3B82F6;
  --sm-blue-deep: #0A3D62;
  --sm-teal: #14B8A6;
  --sm-violet: #8B5CF6;
  --sm-grad: linear-gradient(92deg, var(--sm-blue) 0%, var(--sm-teal) 100%);
}

/* ---------- MODO OSCURO (hub smartgroupai) ---------- */
body.theme-smart {
  --c-primary: var(--sm-blue-deep);
  --c-accent: var(--sm-teal);
  --c-on-accent: #04211D;
  --c-ink: #E7EDF6;
  --c-heading: #F4F7FC;
  --c-muted: #94A3B8;
  --c-bg: var(--sm-space);
  --c-surface: rgba(255, 255, 255, .045);
  --c-surface-alt: var(--sm-space-2);
  --c-line: rgba(255, 255, 255, .1);

  --c-header-bg: color-mix(in srgb, var(--sm-space) 82%, transparent);
  --c-header-ink: #F4F7FC;
  --c-header-line: rgba(255, 255, 255, .08);

  --c-hero-bg: radial-gradient(900px 480px at 15% -12%, rgba(59, 130, 246, .35), transparent 60%),
               radial-gradient(820px 520px at 90% 8%, rgba(20, 184, 166, .28), transparent 55%),
               var(--sm-space);
  --c-hero-kicker: var(--sm-teal);
  --c-hero-muted: #A8B6CB;

  --c-footer-bg: #070B14;
  --c-footer-deep: #030509;
  --c-cta-bg: linear-gradient(135deg, #10254A 0%, #0B3B43 100%);
  --c-statband-bg: var(--sm-space-2);
  --c-icon-bg: rgba(20, 184, 166, .14);

  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .35);
  --shadow-2: 0 4px 10px rgba(0, 0, 0, .5), 0 24px 60px rgba(2, 8, 20, .6);

  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --display-tracking: -0.02em;
}
body.theme-smart .card, body.theme-smart .faq details, body.theme-smart .brand-card, body.theme-smart .pill-list li {
  backdrop-filter: blur(8px);
  background: var(--c-surface);
}
body.theme-smart .stat__num {
  background: var(--sm-grad); -webkit-background-clip: text; background-clip: text; color: transparent;
}
/* Titular con degradado en la segunda línea */
.theme-smart .grad-text, .theme-smart-light .grad-text {
  background: var(--sm-grad); -webkit-background-clip: text; background-clip: text; color: transparent;
}
/* Retícula tecnológica de fondo del hero */
body.theme-smart .hero::before {
  content: ""; position: absolute; inset: 0; z-index: 1; opacity: .5;
  background-image: linear-gradient(rgba(148, 163, 184, .07) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(148, 163, 184, .07) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(720px 480px at 50% 0%, #000, transparent 78%);
}

/* ---------- MODO CLARO (unidades: mls, leads, fund, etc.) ---------- */
body.theme-smart-light {
  --c-primary: var(--sm-blue-deep);
  --c-accent: var(--unit, var(--sm-blue));
  --c-on-accent: #fff;
  --c-ink: #17212E;
  --c-heading: #0E1B29;
  --c-muted: #55657A;
  --c-bg: #F4F7FB;
  --c-surface: #FFFFFF;
  --c-surface-alt: #E9EFF7;
  --c-line: #D9E2EE;

  --c-header-bg: color-mix(in srgb, #0B1526 97%, transparent);
  --c-header-ink: #F4F7FC;
  --c-header-line: rgba(255, 255, 255, .08);

  --c-hero-bg: radial-gradient(860px 460px at 88% -14%, color-mix(in srgb, var(--unit, var(--sm-teal)) 42%, transparent), transparent 58%),
               linear-gradient(155deg, #0B1526 0%, var(--sm-blue-deep) 90%);
  --c-hero-kicker: color-mix(in srgb, var(--unit, var(--sm-teal)) 78%, #fff);
  --c-hero-muted: #B9C6D8;

  --c-footer-bg: #0B1526;
  --c-footer-deep: #060C18;
  --c-cta-bg: linear-gradient(135deg, var(--sm-blue-deep) 0%, #123B52 100%);
  --c-statband-bg: #FFFFFF;

  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --display-tracking: -0.02em;
}

/* Acento heredado de la identidad histórica de cada unidad */
body[data-unit="bizmarket"]      { --unit: #F97316; }
body[data-unit="commercialmls"]  { --unit: #059669; }
body[data-unit="realtyfund"]     { --unit: #D4A853; }
body[data-unit="loanconnect"]    { --unit: #D4A853; }
body[data-unit="leadengines"]    { --unit: #F97316; }
body[data-unit="propertymanager"]{ --unit: #10B981; }
body[data-unit="realtyacademy"]  { --unit: #38BDF8; }
body[data-unit="school"]         { --unit: #3B82F6; }