/*!
 * SmartBiz — tokens de marca (paquete marca, 27-10-2026)
 * Colores medidos del logo original: marino #0E094B y azul #0889D1.
 * Uso: <link rel="stylesheet" href="/assets/smartbiz/marca.css?v=20261027">
 * (los estaticos se sirven con cache 30 dias immutable: al cambiar este archivo, sube ?v=)
 * Guia: /home/almalinux/sbz_build/reports/marca.md
 */
@font-face{font-family:'Saira';font-style:normal;font-weight:500 800;font-stretch:75% 100%;font-display:swap;
  src:url(fonts/saira-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Saira';font-style:normal;font-weight:500 800;font-stretch:75% 100%;font-display:swap;
  src:url(fonts/saira-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/assets/plugins/inter/Inter-roman.var.woff2) format('woff2')}
/* Respaldo con las métricas de Inter: mientras llega la fuente el texto ocupa lo mismo y no salta (CLS). */
@font-face{font-family:'Inter Fallback';src:local('Arial'),local('Liberation Sans'),local('Helvetica'),local('Roboto');
  size-adjust:107.4%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}

:root{
  /* --- Color de marca (del logo) --- */
  --sbz-navy:#0E094B;          /* marino SmartBiz: titulos, fondos oscuros, texto fuerte (18.1:1 sobre blanco) */
  --sbz-navy-900:#08052E;      /* pie / fondos muy oscuros */
  --sbz-navy-800:#16106A;      /* hover sobre marino */
  --sbz-navy-700:#241D86;
  --sbz-blue:#0889D1;          /* azul SmartBiz: acentos, iconos, bordes, fondos de boton GRANDE (3.8:1) */
  --sbz-blue-600:#0773B0;      /* azul accesible: enlaces y texto azul, botones con texto normal (5.1:1 AA) */
  --sbz-blue-700:#065D8F;      /* hover/activo del azul */
  --sbz-blue-300:#6CC0EE;      /* azul claro sobre marino (enlaces en pie oscuro) */
  --sbz-blue-100:#D3ECFA;
  --sbz-blue-50:#EEF7FD;       /* fondos de seccion suaves */
  /* --- Neutros (frios, armonizan con el marino) --- */
  --sbz-ink:#14132B;           /* texto principal */
  --sbz-text:#3B3D55;          /* texto de parrafo (10.6:1) */
  --sbz-muted:#5B5F7A;         /* texto secundario (6.2:1) */
  --sbz-border:#DDE1EC;
  --sbz-surface:#F5F7FB;       /* fondo alterno de seccion */
  --sbz-white:#FFFFFF;
  /* --- Estado --- */
  --sbz-success:#14855A; --sbz-success-bg:#E7F6EF;
  --sbz-warning:#B26A00; --sbz-warning-bg:#FFF4E0;
  --sbz-danger:#C62F3B;  --sbz-danger-bg:#FDECEE;
  --sbz-info:var(--sbz-blue-600); --sbz-info-bg:var(--sbz-blue-50);
  /* --- Degradados --- */
  --sbz-grad-hero:linear-gradient(135deg,#0E094B 0%,#16106A 55%,#0773B0 100%);
  --sbz-grad-accent:linear-gradient(90deg,#0889D1,#0E094B);
  /* --- Tipografia --- */
  --sbz-font-display:'Saira',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;  /* titulos, cifras, botones */
  --sbz-font-body:'Inter','Inter Fallback',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; /* texto */
  --sbz-fs-xs:.8125rem; --sbz-fs-sm:.9375rem; --sbz-fs-base:1rem; --sbz-fs-lg:1.125rem; --sbz-fs-xl:1.375rem;
  --sbz-fs-h3:clamp(1.25rem,1.1rem + .6vw,1.5rem);
  --sbz-fs-h2:clamp(1.6rem,1.3rem + 1.4vw,2.4rem);
  --sbz-fs-h1:clamp(2.1rem,1.6rem + 2.6vw,3.6rem);
  --sbz-lh-tight:1.12; --sbz-lh-body:1.6;
  /* --- Forma y espacio --- */
  --sbz-radius-sm:6px; --sbz-radius:10px; --sbz-radius-lg:16px; --sbz-radius-pill:999px;
  --sbz-shadow-sm:0 1px 2px rgba(14,9,75,.06),0 1px 3px rgba(14,9,75,.08);
  --sbz-shadow:0 6px 20px rgba(14,9,75,.10);
  --sbz-shadow-lg:0 18px 48px rgba(14,9,75,.16);
  --sbz-space-1:.25rem; --sbz-space-2:.5rem; --sbz-space-3:.75rem; --sbz-space-4:1rem; --sbz-space-5:1.5rem; --sbz-space-6:2rem; --sbz-space-7:3rem; --sbz-space-8:4.5rem;
  --sbz-container:1200px;
  --sbz-focus:0 0 0 3px rgba(8,137,209,.45);
  /* --- Logo (rutas versionadas: /uploads se sirve immutable) --- */
  --sbz-logo:url(/uploads/marca/v1/smartbiz-logo.svg);
  --sbz-logo-blanco:url(/uploads/marca/v1/smartbiz-logo-blanco.svg);
  --sbz-logo-compacto:url(/uploads/marca/v1/smartbiz-logo-compacto.svg);
  --sbz-isotipo:url(/uploads/marca/v1/smartbiz-isotipo.svg);
}

/* --- Utilidades opcionales (prefijo sbz-, no pisan Bootstrap ni el tema) --- */
.sbz-font-display{font-family:var(--sbz-font-display);font-stretch:87.5%;letter-spacing:-.005em}
.sbz-eyebrow{font-family:var(--sbz-font-display);font-weight:700;font-size:var(--sbz-fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--sbz-blue-600)}
.sbz-h1,.sbz-h2,.sbz-h3{font-family:var(--sbz-font-display);font-stretch:87.5%;font-weight:700;line-height:var(--sbz-lh-tight);color:var(--sbz-navy);margin:0 0 .5em}
.sbz-h1{font-size:var(--sbz-fs-h1);font-weight:800}.sbz-h2{font-size:var(--sbz-fs-h2)}.sbz-h3{font-size:var(--sbz-fs-h3)}
.sbz-on-dark .sbz-h1,.sbz-on-dark .sbz-h2,.sbz-on-dark .sbz-h3{color:#fff}
.sbz-on-dark .sbz-eyebrow{color:var(--sbz-blue-300)}
.sbz-text-blue{color:var(--sbz-blue-600)}.sbz-text-navy{color:var(--sbz-navy)}.sbz-text-muted{color:var(--sbz-muted)}
.sbz-bg-navy{background:var(--sbz-navy);color:#fff}.sbz-bg-soft{background:var(--sbz-blue-50)}.sbz-bg-surface{background:var(--sbz-surface)}.sbz-bg-hero{background:var(--sbz-grad-hero);color:#fff}
.sbz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding:.7em 1.4em;border-radius:var(--sbz-radius);border:2px solid transparent;
  font-family:var(--sbz-font-display);font-stretch:87.5%;font-weight:700;font-size:1rem;letter-spacing:.01em;line-height:1.1;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.sbz-btn:focus-visible{outline:none;box-shadow:var(--sbz-focus)}
.sbz-btn-primary{background:var(--sbz-blue-600);color:#fff}.sbz-btn-primary:hover{background:var(--sbz-blue-700);color:#fff}
.sbz-btn-navy{background:var(--sbz-navy);color:#fff}.sbz-btn-navy:hover{background:var(--sbz-navy-800);color:#fff}
.sbz-btn-outline{background:transparent;border-color:var(--sbz-navy);color:var(--sbz-navy)}.sbz-btn-outline:hover{background:var(--sbz-navy);color:#fff}
.sbz-on-dark .sbz-btn-outline{border-color:#fff;color:#fff}.sbz-on-dark .sbz-btn-outline:hover{background:#fff;color:var(--sbz-navy)}
.sbz-card{background:#fff;border:1px solid var(--sbz-border);border-radius:var(--sbz-radius-lg);box-shadow:var(--sbz-shadow-sm);padding:var(--sbz-space-5)}
.sbz-badge{display:inline-block;padding:.2em .7em;border-radius:var(--sbz-radius-pill);background:var(--sbz-blue-100);color:var(--sbz-navy);font-weight:600;font-size:var(--sbz-fs-xs)}
.sbz-logo{display:inline-block;width:180px;aspect-ratio:514/200;background:var(--sbz-logo) left center/contain no-repeat}
.sbz-logo-blanco{background-image:var(--sbz-logo-blanco)}
.sbz-logo-compacto{background-image:var(--sbz-logo-compacto)}