/* Portal de clientes SmartBiz (/clients) — ajustes de marca del módulo ayuda.
   Se carga DESPUÉS de marca.css y sbz-site.css en app_customers_head. */

body.customers { background: var(--sbz-surface, #F5F7FB); }
body.customers h1, body.customers h2, body.customers h3 { font-family: var(--sbz-font-body, Inter, system-ui, sans-serif); font-stretch: normal; }

/* Barra superior */
.navbar-premium > .container { padding-left: 24px; padding-right: 24px; }
.navbar-premium .navbar-brand img { max-height: 40px !important; width: auto; }
/* Por debajo de 48px la guía de marca pide el logo compacto (sin lema) */
.navbar-premium .navbar-brand img[src*="smartbiz-logo"] { content: url("/uploads/marca/v1/smartbiz-logo-compacto.svg"); height: 34px; max-height: 34px !important; }
.navbar-premium .nav-link-premium { color: var(--sbz-ink, #14132B) !important; }
.navbar-premium .nav-link-premium:hover, .navbar-premium .nav-link-premium:focus { color: var(--sbz-blue-600, #0773B0) !important; }
.navbar-premium .nav-link-premium i { color: var(--sbz-blue, #0889D1); }

/* Botones primarios del portal con el azul accesible de la marca */
body.customers .btn-primary,
body.customers .btn-info { background-color: var(--sbz-blue-600, #0773B0) !important; border-color: var(--sbz-blue-600, #0773B0) !important; color: #fff !important; }
body.customers .btn-primary:hover,
body.customers .btn-info:hover { background-color: var(--sbz-blue-700, #065D8F) !important; border-color: var(--sbz-blue-700, #065D8F) !important; }
body.customers a:not(.btn):not(.nav-link-premium):not(.dropdown-item) { color: var(--sbz-blue-600, #0773B0); }

/* La banda comercial "¿Listo para…?" del sitio no aplica a quien ya es cliente */
body.customers .sbz-prefooter { display: none !important; }
body.customers footer.sbz-footer { margin-top: 48px; height: auto !important; position: static !important; bottom: auto !important; }

/* Dos burbujas de chat (chat con el equipo + chat del sitio): apiladas, no encimadas */
body.customers .ch_pointer-main { bottom: 108px !important; right: 22px !important; }

/* Acceso al portal */
body.customers_login { background: var(--sbz-surface, #F5F7FB) !important; }
body.customers_login .company-logo img { max-width: 220px !important; }
body.customers_login .ay-login-head { text-align: center; margin: -8px 0 26px; }
body.customers_login .ay-login-head h1 { font-family: var(--sbz-font-display, Saira, Inter, sans-serif); font-stretch: 87.5%; font-size: 28px; font-weight: 800; color: var(--sbz-navy, #0E094B); margin: 0 0 6px; letter-spacing: -.01em; }
body.customers_login .ay-login-head p { color: var(--sbz-muted, #5B5F7A); margin: 0; font-size: 15px; }
body.customers_login .btn-primary { background-color: var(--sbz-blue-600, #0773B0) !important; box-shadow: 0 4px 10px -2px rgba(7, 115, 176, .35) !important; }
body.customers_login .btn-primary:hover { background-color: var(--sbz-blue-700, #065D8F) !important; }
body.customers_login .ay-login-foot { text-align: center; color: var(--sbz-muted, #5B5F7A); font-size: 14px; margin: 22px 0 0; }
body.customers_login .ay-login-foot a { color: var(--sbz-blue-600, #0773B0); font-weight: 600; }

@media (max-width: 767px) {
    .navbar-premium > .container { padding-left: 16px; padding-right: 16px; }
    body.customers_login .login-box-container { padding: 28px 22px !important; }
    body.customers_login .ay-login-head h1 { font-size: 24px; }
}