:root{
  --primary:#0b3d91 !important;
  --primary2:#072b67 !important;
  --primary-2:#da530d !important;
  --sidebar:#0b3d91 !important;
  --sidebar-grad-1:#0b3d91 !important;
  --sidebar-grad-2:#072b67 !important;
  --brand-link:#0b3d91;
  --brand-link-hover:#072b67;
  --focus-ring:rgba(11,61,145,.18);
}

html{scroll-behavior:smooth}

a:not(.btn):not(.pubBtn):not(.sideNav__item):not(.appHeader__actions a):not(.mc .btn):not(.btn){color:var(--brand-link)}
a:not(.btn):not(.pubBtn):not(.sideNav__item):not(.appHeader__actions a):hover{color:var(--brand-link-hover)}

.btn.primary,
button.btn.primary,
input.btn.primary,
.pubBtn.primary,
.mc .btn.primary,
.appHeader__actions #btn_create,
.appHeader__actions #btn_create.btn,
.toolbar .btn.primary,
.formactions .btn.primary{
  background:linear-gradient(135deg,var(--primary2),var(--primary)) !important;
  border-color:var(--primary) !important;
  color:#fff !important;
}

.btn.primary:hover,
button.btn.primary:hover,
input.btn.primary:hover,
.pubBtn.primary:hover,
.mc .btn.primary:hover,
.appHeader__actions #btn_create:hover,
.toolbar .btn.primary:hover,
.formactions .btn.primary:hover{
  filter:none !important;
  background:linear-gradient(135deg,var(--primary2),var(--primary2)) !important;
  border-color:var(--primary2) !important;
}

.btn:focus-visible,
.pubBtn:focus-visible,
input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 4px var(--focus-ring) !important;
}

.appHeader,
.pubHeader,
body.mc header{border-bottom:none!important}

body.mc{
  --mc-bg:#f4f7fd;
  --mc-surface:#ffffff;
  --mc-text:#0f172a;
  --mc-muted:#64748b;
  --mc-accent:#da530d;
  --mc-accent2:#0b3d91;
  --mc-border:rgba(15,23,42,.12);
  --mc-shadow:0 16px 32px rgba(15,23,42,.08);
  background:
    radial-gradient(1000px 560px at 16% -10%, rgba(11,61,145,.14), transparent 62%),
    radial-gradient(760px 480px at 92% 0%, rgba(218,83,13,.10), transparent 58%),
    var(--mc-bg) !important;
  color:var(--mc-text) !important;
}

body.mc header{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:saturate(160%) blur(10px);
}

body.mc .brand-mark,
body.mc .btn.primary{background:linear-gradient(135deg,var(--mc-accent2),var(--mc-accent)) !important}

body.mc .navlinks a,
body.mc .footgrid a,
body.mc .breadcrumbs,
body.mc .breadcrumbs a,
body.mc .muted,
body.mc p.lead,
body.mc .stat span,
body.mc .feature p,
body.mc .faq p,
body.mc .kicker,
body.mc .ocBrowserMeta,
body.mc .pill,
body.mc ul.mc-list,
body.mc label,
body.mc .ocIndexItem p,
body.mc a.modulecard span{color:var(--mc-muted) !important}

body.mc .navlinks a:hover,
body.mc .footgrid a:hover,
body.mc .breadcrumbs a:hover,
body.mc a.modulecard:hover,
body.mc a.cardlink:hover{color:var(--mc-text) !important}

body.mc .card,
body.mc .feature,
body.mc .faq details,
body.mc .stat,
body.mc .ocIndexItem,
body.mc .hero-card,
body.mc a.modulecard,
body.mc a.cardlink{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88)) !important;
  border-color:var(--mc-border) !important;
  box-shadow:var(--mc-shadow) !important;
}

body.mc .ocSearch,
body.mc .ocSelect,
body.mc input,
body.mc select,
body.mc textarea{
  background:#fff !important;
  color:var(--mc-text) !important;
  border-color:rgba(15,23,42,.14) !important;
}

body.mc .ocSearch:focus,
body.mc input:focus,
body.mc select:focus,
body.mc textarea:focus{
  border-color:rgba(11,61,145,.42) !important;
  box-shadow:0 0 0 4px rgba(11,61,145,.10) !important;
}

.formStatus,
[data-form-status]{display:block;margin-top:10px;font-size:13px;line-height:1.45}

.pubNav a.active,
.pubNav a:hover,
nav a.active,
nav a:hover{color:var(--primary) !important}

.sideNav,
body.ui-pro .sideNav{background:#003f5d !important;background-image:none !important}

/* Quitar solo la línea de texto bajo el nombre/logo en la cabecera */
.pubHeader .tag,
.appHeader .appSubtitle,
.sideNav__slogan,
.brandSplit.brandSplit--slogan{display:none!important;}

.pubHeader .pubBrand>div,
.appHeader__brand>div{gap:0!important;}

/* Ajuste visible solicitado: mover el bloque del logo lateral ~10px a la izquierda */
.sideNav__brand{padding-left:0!important;margin-left:-10px!important;}
.sideNav__logo,.logo365Sidebar{margin-left:0!important;}