/* ============================================================================
   Comerciala — paleta oficial del logo
   ============================================================================ */
:root {
  --brand-navy: #1a2a5e;
  --brand-navy-dark: #0f1838;
  --brand-navy-light: #2d3f7a;
  --brand-orange: #f47b20;
  --brand-orange-light: #ff9b4d;
  --brand-orange-dark: #d96810;
  --brand-green: #4caf50;
  --brand-green-dark: #388e3c;
  --brand-bg: #fafafa;
  --brand-text: #1a1a1a;
  --brand-text-soft: #545454;
  --brand-border: #e8e8e8;
  --brand-tagline: "Vende más. Gestiona mejor. Crece sin límites.";
}

/* Logo + brand inline */
.brand-logo {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  text-decoration: none;
  color: var(--brand-navy);
  font-weight: 900;
  letter-spacing: -1px;
}
.brand-logo img {
  height: 36px;
  width: auto;
  display: block;
}
.brand-logo .brand-text {
  font-size: 1.4rem;
  background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-orange) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brand-logo .brand-text-plain {
  font-size: 1.4rem;
  color: var(--brand-navy);
}