:root{
  --brand-primary:#203b5e; /* azul Aholtek (aprox) */
  --brand-secondary:#6f7b88; /* gris */
  --brand-light:#f4f6f8;
}
*{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
.navbar .btn-primary{border-radius:12px}
.btn{border-radius:12px}
.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary)}
.btn-outline-primary{color:var(--brand-primary);border-color:var(--brand-primary)}
.btn-outline-primary:hover{background:var(--brand-primary);color:#fff}
.brand-text{color:var(--brand-primary)}
.hero{background:linear-gradient(180deg,#ffffff, var(--brand-light));}
.text-gradient{background:linear-gradient(90deg,var(--brand-primary), var(--brand-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
.kpi{border:1px solid #e7ebf0;border-radius:12px;padding:12px}
.kpi-value{display:block;font-weight:700;font-size:1.25rem}
.kpi-label{display:block;color:#6c757d}
.service-card{border:1px solid #e7ebf0;border-radius:16px}
.bg-gradient-primary{background:linear-gradient(135deg,var(--brand-primary), #2e527f)}
.navbar-brand .logo-brand{
  height: 50px;   /* antes eran ~40px -> 50% */
  width: auto;    /* preserva el ratio */
}
footer{background:#fff}
