/* =========================================================================
   JN CONSULTING SERVICES — Tema de marca sobre el sistema de diseño base
   -------------------------------------------------------------------------
   Se carga DESPUÉS de styles.css y solo redefine los tokens de marca +
   los componentes propios del home (hero diagonal, franja naranja).
   Colores oficiales del Manual de Marca Web v1.0 (Kit Web):
     Azul #0884CC · Naranja #FCAC23 · Gris #C3C4C6 · Navy #0E2A47
   Tipografía: Montserrat (títulos) · Nunito (texto) — ya autohospedadas.
   ========================================================================= */

:root{
  /* Paleta oficial JN Consulting */
  --blue:#0884CC;
  --orange:#FCAC23;
  --gray:#C3C4C6;
  --navy:#0E2A47;

  /* Escala azul derivada (misma arquitectura de tokens del sistema) */
  --blue-050:#e8f4fc;
  --blue-100:#cfe9f8;
  --blue-200:#9bd4f0;
  --blue-500:#0884CC;
  --blue-600:#0670AE;  /* AA 5.3:1 sobre blanco — para enlaces y texto azul */
  --blue-700:#065C90;
  --blue-800:#0B4067;
  --blue-900:#0E2A47;  /* Navy oficial */
  --blue-950:#091D33;

  --orange-400:#fdc155;
  --orange-500:#FCAC23;
  --orange-600:#de8f07;

  --brand-ink:#0E2A47;
  --bg:#f5f9fd;
  --bg-2:#edf4fb;
}

/* El botón primario naranja lleva tinta navy: #0E2A47 sobre #FCAC23 = 7.7:1 (AA).
   Blanco sobre ese naranja daría 1.9:1 — por eso NO se usa blanco. */
.btn--primary{color:var(--navy)}
.btn--primary svg{stroke:var(--navy)}

/* ======================= HERO DIAGONAL (referencia del Kit Web) ========== */
.hero.hero--jnc{
  background:
    linear-gradient(104deg,
      var(--blue-700) 0%,
      var(--blue-600) 34%,
      var(--blue-500) 55%,
      var(--navy) 55.35%,
      var(--blue-950) 100%);
  border-bottom:6px solid var(--orange-500);
}
[data-theme="dark"] .hero.hero--jnc{
  background:
    linear-gradient(104deg,
      var(--blue-800) 0%,
      var(--blue-700) 45%,
      var(--blue-950) 55.35%,
      #06131f 100%);
}
.hero--jnc .hero__copy,
.hero--jnc h1,
.hero--jnc .hero__lead{color:#fff}
.hero--jnc h1 .accent{color:var(--orange-400)}
.hero--jnc .hero__lead{color:#eaf4fc}
.hero--jnc .hero__badge .pill{background:var(--orange-500);color:var(--navy)}
.hero--jnc .hero__badge{color:#eaf4fc}
.hero--jnc .hero__badge b{color:#fff}
.hero--jnc .btn--ghost{
  color:#fff;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.06)
}
.hero--jnc .btn--ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
.hero--jnc .trust-item{color:#eaf4fc}
.hero--jnc .trust-item svg{stroke:var(--orange-400)}
.hero--jnc .stat__num{color:#fff}
.hero--jnc .stat__label{color:#c9dcee}
.hero--jnc .stat{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.hero--jnc .orb--blue{background:radial-gradient(circle,rgba(8,132,204,.55),transparent 65%)}
.hero--jnc .orb--orange{background:radial-gradient(circle,rgba(252,172,35,.35),transparent 65%)}
.hero--jnc .scene__core{background:linear-gradient(160deg,var(--blue-500),var(--blue-700))}
.hero--jnc .scene__glow{background:radial-gradient(circle,rgba(252,172,35,.28),transparent 60%)}

/* ======================= DETALLES DE MARCA =============================== */
/* El logotipo JN Consulting es casi cuadrado (≈0.86:1): necesita más altura
   que un logo horizontal para tener el mismo peso visual en el header. */
.brand img{height:64px}
.header.is-stuck .brand img{height:56px}
@media (max-width:860px){.brand img{height:56px}}
@media (max-width:620px){.brand img{height:48px}}


/* Franja naranja superior del pie, como en la referencia del Kit Web */
.footer{border-top:5px solid var(--orange-500)}

/* Enlace destacado del nav hacia la sección Toro Taxes (fuera de .toro-scope:
   valores literales a propósito, los tokens toro no existen aquí) */
.nav__taxes,
.mobile-menu .nav__taxes{color:#B3282D;font-weight:800}
.nav__taxes:hover{color:#8f2024}

/* Tarjeta de reseñas de Google */
.greview{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:1.2rem;background:var(--surface);border:1px solid var(--line);
  border-radius:18px;padding:clamp(1.4rem,3vw,2.2rem);
  box-shadow:0 18px 40px -28px rgba(14,42,71,.35)
}
.greview__stars{display:flex;gap:.25rem;color:var(--orange-500)}
.greview__stars svg{width:26px;height:26px;fill:currentColor}
.greview h3{margin:.35rem 0 .2rem}
.greview p{color:var(--text-2);max-width:46ch}
.greview__cta{display:flex;gap:.7rem;flex-wrap:wrap}