/* smart BI — tema gris + naranja
   Instalar DESPUES de la hoja de estilos actual del sitio.
   No cambia layout, ni HTML de contenido, ni imagenes: solo color, logo y tipografia. */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;800;900&family=Newsreader:ital,wght@0,400;1,400&display=swap');

:root{
  --sb-ink:       #2B2B2B;
  --sb-header:    #1C1C1C;
  --sb-accent:    #3D3D3D;
  --sb-card-2:    #6E6E6A;
  --sb-surface-2: #DFDDD8;
  --sb-paper:     #F2F1EE;
  --sb-insight:   #E4633C;
  --sb-text:  #4A4A46;
  --sb-muted: #8A867E;
}

/* ---------- Tipografia ---------- */
body, button, input, select, textarea{
  font-family: Archivo, system-ui, -apple-system, sans-serif;
  color: var(--sb-text);
}
h1,h2,h3,h4{ font-family: Archivo, sans-serif; font-weight:800; letter-spacing:-0.03em; color: var(--sb-ink); }
h1{ line-height:1.06; }
.sb-lede{ font-family: Newsreader, Georgia, serif; font-style:italic; font-weight:400; line-height:1.45; }

/* ---------- Logo ---------- */
.sb-logo{ display:flex; align-items:center; gap:13px; text-decoration:none; }
.sb-logo__mark{ height:31px; width:auto; display:block; }
.sb-logo__text{ font-family:Archivo, sans-serif; font-weight:500; font-size:26px;
  letter-spacing:normal; word-spacing:-0.055em; color:#FFFFFF; white-space:nowrap; }
.sb-logo__bi{ font-weight:500; color:var(--sb-insight); }
.sb-logo--on-light .sb-logo__text{ color:var(--sb-ink); }
@media (max-width:768px){
  .sb-logo__mark{ height:26px; }
  .sb-logo__text{ font-size:20px; }
}

/* ---------- Superficies ---------- */
.sb-header{ background: var(--sb-header); }
.sb-hero__panel{ background: var(--sb-ink); color:#fff; }
.sb-quote{ background: var(--sb-accent); color:#fff; }
.sb-section{ background: var(--sb-paper); }
.sb-section--alt{ background: var(--sb-surface-2); }

/* ---------- Cards de cursos: tres niveles, nunca tres veces el mismo ---------- */
.sb-card:nth-child(1){ background: var(--sb-ink);        color:#fff; }
.sb-card:nth-child(2){ background: var(--sb-card-2);     color:#fff; }
.sb-card:nth-child(3){ background: var(--sb-surface-2);  color: var(--sb-ink); }

/* ---------- Botones ---------- */
.btn-primary{ background: var(--sb-accent); color:#fff; border:0; font-weight:600; }
.btn-primary:hover{ background: #2B2B2B; }
.btn-meeting{ background: var(--sb-insight); color:#fff; border:0; font-weight:600; }
.btn-meeting:hover{ background:#C9502B; }
.btn-ghost{ background:transparent; color: var(--sb-accent); border:1.5px solid var(--sb-accent); font-weight:600; }

/* ---------- Links ---------- */
a{ color: var(--sb-accent); }
a:hover{ color: var(--sb-ink); }

/* ---------- Badges de Microsoft: NO recolorear ---------- */
.sb-badge{ background: var(--sb-surface-2); padding:7px 12px; display:inline-flex; align-items:center; }
.sb-badge img{ filter:none !important; opacity:1 !important; }