/* NEXA Brand v6 · Identidad del logo: azul NEXA + dorado.
   Capa final y reversible: se carga después de todas las hojas del workspace.
   Para volver al aspecto anterior basta con quitar el <link> a este archivo. */
:root{
  --nx-navy-950:#041233;--nx-navy-900:#061a4a;--nx-navy-800:#0a2366;--nx-navy-700:#002a80;
  --nx-blue-600:#00339a;--nx-blue-500:#1a4fc4;--nx-blue-400:#3f7be8;--nx-sky:#3fa9f5;
  --nx-blue-100:#e3ebfb;--nx-blue-50:#f2f6fd;
  --nx-gold-400:#ffd666;--nx-gold-500:#f8c030;--nx-gold-600:#e9a90f;--nx-gold-text:#8a5d00;--nx-gold-100:#fff4d1;
  --nx-ink:#0e1a3a;--nx-muted:#56627f;--nx-line:#e1e7f2;--nx-canvas:#f3f6fb;
  --nx-grad-brand:linear-gradient(135deg,#061a4a 0%,#00339a 58%,#1a4fc4 100%);
  --nx-grad-button:linear-gradient(135deg,#00339a 0%,#1a4fc4 100%);
  --nx-grad-gold:linear-gradient(135deg,#ffd666 0%,#f8c030 45%,#e9a90f 100%);
  --nx-nodes:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='300' viewBox='0 0 520 300'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.16' stroke-width='1.4'%3E%3Cpath d='M40 240 L150 150 L260 200 L360 90 L470 140'/%3E%3Cpath d='M150 150 L210 40 L360 90'/%3E%3Cpath d='M260 200 L330 270 L470 140'/%3E%3Cpath d='M40 240 L120 290'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.28'%3E%3Ccircle cx='40' cy='240' r='5'/%3E%3Ccircle cx='260' cy='200' r='6'/%3E%3Ccircle cx='210' cy='40' r='4'/%3E%3Ccircle cx='330' cy='270' r='4'/%3E%3C/g%3E%3Cg fill='%23f8c030' fill-opacity='.85'%3E%3Ccircle cx='150' cy='150' r='7'/%3E%3Ccircle cx='360' cy='90' r='8'/%3E%3Ccircle cx='470' cy='140' r='6'/%3E%3C/g%3E%3C/svg%3E");
  --nx-shadow-card:0 1px 2px rgba(6,26,74,.04),0 10px 30px rgba(6,26,74,.06);
  --nx-shadow-lift:0 18px 44px rgba(6,26,74,.12);
}

/* ---------- Lienzo ---------- */
html body.nexa-admin-shell:not(#nx-brand),
html body.nexa-panel-page:not(#nx-brand){
  background:radial-gradient(1100px 480px at 105% -8%,rgba(26,79,196,.10),transparent 62%),radial-gradient(800px 380px at -10% 0%,rgba(248,192,48,.07),transparent 60%),var(--nx-canvas)!important;
}
html body:not(#nx-brand) :is(.kicker,.mp-eyebrow,.eyebrow,.l3-eyebrow){color:var(--nx-gold-text)!important;letter-spacing:.14em}
html body:not(#nx-brand) :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(248,192,48,.75)!important;outline-offset:2px!important}
html body:not(#nx-brand) ::selection{background:rgba(248,192,48,.35)}

/* ---------- Barra lateral ---------- */
html body:not(#nx-brand) .nexa-sidebar{
  background:radial-gradient(260px 160px at 0% 0%,rgba(248,192,48,.12),transparent 70%),linear-gradient(180deg,#061a4a 0%,#0a2366 52%,#061d55 100%)!important;
  border-right:0!important;box-shadow:8px 0 30px rgba(6,26,74,.18)!important;color:#dbe4fa!important;
}
html body:not(#nx-brand) .nexa-sidebar :is(.nexa-sidebar-head,.nexa-sidebar-foot){border-color:rgba(255,255,255,.09)!important;background:transparent!important}
html body:not(#nx-brand) .nexa-sidebar-scroll{scrollbar-color:rgba(255,255,255,.18) transparent!important}
html body:not(#nx-brand) .nexa-sidebar :is(.nexa-nav-link,.nexa-sidebar-home){color:#c8d4f1!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:12px!important;transition:background .15s,color .15s}
html body:not(#nx-brand) .nexa-sidebar :is(.nexa-nav-link,.nexa-sidebar-home) .nexa-nav-icon{color:#8fa5d8!important}
html body:not(#nx-brand) .nexa-sidebar :is(.nexa-nav-link,.nexa-sidebar-home):hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
html body:not(#nx-brand) .nexa-sidebar :is(.nexa-nav-link,.nexa-sidebar-home):hover .nexa-nav-icon{color:#fff!important}
html body:not(#nx-brand) .nexa-sidebar :is(.nexa-nav-link,.nexa-sidebar-home)[aria-current="page"]{
  background:linear-gradient(90deg,rgba(248,192,48,.22) 0%,rgba(248,192,48,.05) 100%)!important;color:#fff!important;
  border-color:rgba(248,192,48,.28)!important;box-shadow:inset 3px 0 0 var(--nx-gold-500)!important;font-weight:700!important;
}
html body:not(#nx-brand) .nexa-sidebar :is(.nexa-nav-link,.nexa-sidebar-home)[aria-current="page"] .nexa-nav-icon{color:var(--nx-gold-500)!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-nav-group-toggle{color:#8ea2d4!important;background:transparent!important;border:0!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-nav-group-toggle:hover{color:#fff!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-nav-group-toggle .nexa-nav-icon{color:#6f88c4!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-nav-count{background:var(--nx-gold-500)!important;color:var(--nx-navy-900)!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-icon-button{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#dbe4fa!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-icon-button:hover{background:rgba(255,255,255,.12)!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-platform-link{background:rgba(248,192,48,.10)!important;border:1px solid rgba(248,192,48,.30)!important;color:var(--nx-gold-400)!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-platform-link .nexa-nav-icon{color:var(--nx-gold-400)!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-platform-link:hover{background:rgba(248,192,48,.18)!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-sidebar-logout{color:#ffb8ad!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-sidebar-logout .nexa-nav-icon{color:#ffb8ad!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-user-mini{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-user-meta strong{color:#fff!important}
html body:not(#nx-brand) .nexa-sidebar .nexa-user-meta span{color:#9fb1da!important}
html body:not(#nx-brand) .nexa-user-avatar{background:var(--nx-grad-gold)!important;color:var(--nx-navy-900)!important;font-weight:800!important}

/* ---------- Barra superior ---------- */
html body:not(#nx-brand) .nexa-shell-topbar{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--nx-line)!important;box-shadow:0 1px 0 rgba(255,255,255,.6)!important}
html body:not(#nx-brand) .nexa-page-context small{color:var(--nx-gold-text)!important;font-weight:800;letter-spacing:.14em}
html body:not(#nx-brand) .nexa-page-context strong{color:var(--nx-ink)!important}
html body:not(#nx-brand) .nexa-top-action{background:var(--nx-grad-gold)!important;color:var(--nx-navy-900)!important;border:0!important;box-shadow:0 10px 22px rgba(233,169,15,.30)!important;font-weight:800!important}
html body:not(#nx-brand) .nexa-top-action .nexa-top-icon{color:var(--nx-navy-900)!important}
html body:not(#nx-brand) .nexa-top-action:hover{filter:brightness(1.04);transform:translateY(-1px)}
html body:not(#nx-brand) .nexa-top-profile{background:var(--nx-grad-brand)!important;color:#fff!important;border:0!important}
html body:not(#nx-brand) .nexa-organization-switch{background:#fff!important;border:1px solid var(--nx-line)!important;color:var(--nx-ink)!important}
html body:not(#nx-brand) .nexa-organization-switch .nexa-top-icon{color:var(--nx-blue-600)!important}
html body:not(#nx-brand) .nexa-dropdown-menu{border:1px solid var(--nx-line)!important;box-shadow:var(--nx-shadow-lift)!important}
html body:not(#nx-brand) .nexa-dropdown-menu a:hover{background:var(--nx-blue-50)!important}

/* ---------- Botones ---------- */
html body:not(#nx-brand) :is(.mp-btn-primary,.btn:not(.btn-secondary):not(.btn2):not(.secondary):not(.danger):not(.ghost),.nxp-btn-primary){
  background:var(--nx-grad-button)!important;border:0!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,51,154,.22)!important;
}
html body:not(#nx-brand) :is(.mp-btn-primary,.btn:not(.btn-secondary):not(.btn2):not(.secondary):not(.danger):not(.ghost),.nxp-btn-primary):hover{filter:brightness(1.07);transform:translateY(-1px)}
html body:not(#nx-brand) :is(.mp-btn-secondary,.btn-secondary,.btn2,.ghost,.secondary.btn,.mp-back-button){background:#fff!important;border:1px solid #c9d6f2!important;color:var(--nx-blue-600)!important;box-shadow:none!important}
html body:not(#nx-brand) :is(.mp-btn-secondary,.btn-secondary,.btn2,.ghost,.secondary.btn,.mp-back-button):hover{background:var(--nx-blue-50)!important;border-color:var(--nx-blue-500)!important}

/* ---------- Tarjetas e indicadores ---------- */
html body:not(#nx-brand) :is(.card,.section,.nxp-surface,.nxp-metric,.nxp-mini-card,.nexa-quick-action,.nexa-quick-feature,.metric){border-color:var(--nx-line)!important}
html body:not(#nx-brand) :is(.nxp-metric,.metric,.v9-stat,.tk-kpi){position:relative;overflow:hidden;box-shadow:var(--nx-shadow-card)!important;transition:transform .15s,box-shadow .15s}
html body:not(#nx-brand) :is(.nxp-metric,.metric,.v9-stat,.tk-kpi)::before{content:""!important;position:absolute!important;left:0!important;top:0!important;right:0!important;height:4px!important;width:auto!important;background:var(--metric-accent,var(--nx-blue-600))!important;opacity:1!important}
html body:not(#nx-brand) a.nxp-metric:hover,html body:not(#nx-brand) .nxp-mini-card:hover,html body:not(#nx-brand) .nexa-quick-action:hover{transform:translateY(-2px);box-shadow:var(--nx-shadow-lift)!important}
html body:not(#nx-brand) .nxp-metric strong,html body:not(#nx-brand) .nxp-mini-card strong{color:var(--nx-navy-900)!important}
html body:not(#nx-brand) :is(.tk-chip,.pill){background:var(--nx-blue-50)!important;color:var(--nx-blue-600)!important;border:1px solid #d5e1f7!important}

/* Héroe del panel: la cabecera de bienvenida en azul NEXA con la red de nodos del logo */
html body:not(#nx-brand) .nxp-hero>.nxp-surface:first-child{background:#fff!important;overflow:hidden}
html body.nexa-admin-shell:not(#nx-brand) .nxp-hero .nxp-hero-main{
  background:linear-gradient(90deg,#061a4a 0%,rgba(6,26,74,.92) 38%,rgba(6,26,74,0) 72%),var(--nx-nodes) no-repeat right -70px center/500px auto,var(--nx-grad-brand)!important;
  color:#fff!important;border:0!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)!important;
}
html body.nexa-admin-shell:not(#nx-brand) .nxp-hero .nxp-hero-main :is(h1,h2,strong){color:#fff!important}
html body.nexa-admin-shell:not(#nx-brand) .nxp-hero .nxp-hero-main :is(p,.nxp-role,small){color:#d3defa!important}
html body.nexa-admin-shell:not(#nx-brand) .nxp-hero .nxp-hero-main .mp-eyebrow{color:var(--nx-gold-400)!important}
html body.nexa-admin-shell:not(#nx-brand) .nxp-hero .nxp-hero-main .tk-chip{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.20)!important}
html body.nexa-admin-shell:not(#nx-brand):not(#nx-gold) .nxp-hero .nxp-hero-main .mp-btn-secondary{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
html body.nexa-admin-shell:not(#nx-brand):not(#nx-gold) .nxp-hero .mp-btn-primary{background:var(--nx-grad-gold)!important;color:var(--nx-navy-900)!important;box-shadow:0 10px 22px rgba(233,169,15,.32)!important}
html body.nexa-admin-shell:not(#nx-brand) .nxp-hero .nxp-hero-main .v8-avatar{border-color:rgba(248,192,48,.75)!important;background:rgba(255,255,255,.10)!important;color:#fff!important}
html body.nexa-admin-shell:not(#nx-brand) .nxp-hero .nxp-mini-card span{color:var(--nx-gold-text)!important}

/* Biblioteca 360 y páginas de plataforma */
html body:not(#nx-brand) .l3-hero{
  background:linear-gradient(90deg,#061a4a 0%,rgba(6,26,74,.92) 38%,rgba(6,26,74,0) 72%),var(--nx-nodes) no-repeat right -60px center/500px auto,var(--nx-grad-brand)!important;border:0!important;
  box-shadow:0 22px 54px rgba(6,26,74,.24)!important;color:#fff;
}
html body:not(#nx-brand) .l3-hero::after{display:none!important}
html body:not(#nx-brand) .l3-hero :is(h1,h2){color:#fff!important}
html body:not(#nx-brand) .l3-hero p{color:#d3defa!important}
html body:not(#nx-brand) .l3-hero .l3-eyebrow{color:var(--nx-gold-400)!important}
html body:not(#nx-brand) .l3-hero a:not(.l3-btn){color:var(--nx-gold-400)!important}
html body:not(#nx-brand) .l3-tabs a[aria-current="page"]{background:var(--nx-grad-button)!important;color:#fff!important}
html body:not(#nx-brand) .l3-metric{position:relative;overflow:hidden;box-shadow:var(--nx-shadow-card)!important}
html body:not(#nx-brand) .l3-metric::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--nx-blue-600)}
html body:not(#nx-brand) .l3-metrics .l3-metric:nth-child(2)::before{background:var(--nx-sky)}
html body:not(#nx-brand) .l3-metrics .l3-metric:nth-child(3)::before{background:var(--nx-gold-500)}
html body:not(#nx-brand) .l3-metrics .l3-metric:nth-child(4)::before{background:#e8664a}
html body:not(#nx-brand) .l3-metric strong{color:var(--nx-navy-900)!important}
html body:not(#nx-brand) .l3-tool:hover{border-color:#b9cbef!important;box-shadow:var(--nx-shadow-lift)!important}

/* NEXA Platform (inicio de administración global) */
html body.nexa-platform-home:not(#nx-brand) .nxp-hero{position:relative;overflow:hidden;padding:30px 30px 28px;border-radius:24px;color:#fff;
  background:linear-gradient(90deg,#061a4a 0%,rgba(6,26,74,.92) 38%,rgba(6,26,74,0) 72%),var(--nx-nodes) no-repeat right -60px center/500px auto,var(--nx-grad-brand)!important;box-shadow:0 22px 54px rgba(6,26,74,.24)}
html body.nexa-platform-home:not(#nx-brand) .nxp-hero :is(h1,h2){color:#fff!important}
html body.nexa-platform-home:not(#nx-brand) .nxp-hero :is(p,.lead){color:#d3defa!important}
html body.nexa-platform-home:not(#nx-brand) .nxp-hero .nxp-kicker{color:var(--nx-gold-400)!important}
html body.nexa-platform-home:not(#nx-brand) .nxp-hero .nxp-context{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
html body.nexa-platform-home:not(#nx-brand) .nxp-hero .nxp-context *{color:#fff!important}
html body.nexa-platform-home:not(#nx-brand) .nxp-tool:not(.is-future){transition:transform .15s,box-shadow .15s,border-color .15s}
html body.nexa-platform-home:not(#nx-brand) .nxp-tool:not(.is-future):hover{transform:translateY(-2px);border-color:#b9cbef!important;box-shadow:var(--nx-shadow-lift)!important}
html body.nexa-platform-home:not(#nx-brand) .nxp-tool strong,html body.nexa-platform-home:not(#nx-brand) .nxp-tool h3{color:var(--nx-navy-900)!important}

/* Tablas */
html body:not(#nx-brand) th{background:var(--nx-blue-50)!important;color:#4a5878!important}
html body:not(#nx-brand) tbody tr:hover{background:#f7f9fe!important}

/* Entradas */
html body:not(#nx-brand) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):focus{border-color:var(--nx-blue-500)!important;box-shadow:0 0 0 4px rgba(26,79,196,.12)!important}
html body:not(#nx-brand) :is(input[type=checkbox],input[type=radio]){accent-color:var(--nx-blue-600)}

/* Banner técnico superior de páginas de plataforma */
html body:not(#nx-brand) .mp-env-banner{background:var(--nx-grad-brand)!important;color:#fff!important;border:0!important;letter-spacing:.14em}

/* Movimiento reducido */
@media (prefers-reduced-motion:reduce){html body:not(#nx-brand) *{transition:none!important;transform:none!important}}

/* Móvil: la barra lateral desplegada mantiene el azul */
@media (max-width:1040px){
  html body:not(#nx-brand) .nexa-sidebar{box-shadow:20px 0 60px rgba(4,18,51,.4)!important}
}

/* ---------- Ingreso profesional ---------- */
html body.nexa-login-page:not(#nx-brand){margin:0;min-height:100vh;background:var(--nx-canvas)!important}
.nx-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100vh}
.nx-login-side{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:44px clamp(28px,5vw,64px);color:#fff;
  background:linear-gradient(180deg,rgba(6,26,74,0) 40%,rgba(6,26,74,.6) 100%),var(--nx-nodes) no-repeat right -80px bottom 40px/560px auto,var(--nx-grad-brand)}
.nx-login-logo{width:170px;height:auto}
.nx-login-kicker{display:inline-block;color:var(--nx-gold-400);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
html body:not(#nx-brand) .nx-login-side h2{color:#fff!important;font-size:clamp(28px,3.2vw,42px);line-height:1.12;margin:14px 0 18px;max-width:520px}
.nx-login-side ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:460px}
.nx-login-side li{position:relative;padding-left:30px;color:#d6e0fb;font-size:16px;line-height:1.5}
.nx-login-side li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--nx-grad-gold);box-shadow:0 0 0 4px rgba(248,192,48,.18)}
.nx-login-side small{color:#9fb1da}
.nx-login-main{align-self:center;width:min(460px,calc(100% - 40px));margin:40px auto;padding:34px;border:1px solid var(--nx-line);border-radius:24px;background:#fff;box-shadow:var(--nx-shadow-lift)}
.nx-login-logo-mobile{display:none;width:140px;margin-bottom:18px}
html body:not(#nx-brand) .nx-login-main h1{font-size:clamp(28px,4vw,36px);margin:10px 0 8px;color:var(--nx-ink)}
.nx-login-main .lead{color:var(--nx-muted);line-height:1.6;margin:0 0 18px}
.nx-login-form{display:grid;gap:14px}
.nx-login-form .field{display:grid;gap:6px}
.nx-login-form label{font-weight:700;color:#26324f}
.nx-login-form input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #cfd8ea;border-radius:12px;font:inherit;background:#fff;color:var(--nx-ink)}
html body:not(#nx-brand) .nx-login-submit{width:100%;min-height:52px;font-size:16px;margin-top:4px}
.nx-login-help{display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--nx-line)}
.nx-login-help a{color:var(--nx-blue-600);font-weight:600;text-decoration:none;font-size:14.5px}
.nx-login-help a:hover{text-decoration:underline}
.nx-login-legal{margin:16px 0 0;color:var(--nx-muted);font-size:12.5px}
.nx-login-legal a{color:inherit}
@media(max-width:900px){
  .nx-login{grid-template-columns:1fr}
  .nx-login-side{display:none}
  .nx-login-logo-mobile{display:block}
  .nx-login-main{margin:28px auto;padding:26px 20px}
}

/* ---------- Dashboard · Biblioteca 360 y primeros pasos ---------- */
.nx360w{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;margin:16px 0}
.nx360w:not(:has(.nx360w-steps)){grid-template-columns:1fr}
.nx360w-main,.nx360w-steps{border:1px solid var(--nx-line);border-radius:22px;background:#fff;box-shadow:var(--nx-shadow-card);padding:22px}
.nx360w-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
html body:not(#nx-brand) .nx360w-head h2{margin:6px 0 6px;font-size:clamp(22px,2.4vw,28px);color:var(--nx-ink)!important}
.nx360w-head p{margin:0;max-width:620px;color:var(--nx-muted);line-height:1.6}
.nx360w-actions{display:flex;gap:10px;flex-wrap:wrap}
html body:not(#nx-brand):not(#nx-gold) .nx360w-gold{background:var(--nx-grad-gold)!important;color:var(--nx-navy-900)!important;box-shadow:0 10px 22px rgba(233,169,15,.28)!important}
.nx360w-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.nx360w-kpis a{position:relative;overflow:hidden;display:grid;gap:2px;padding:16px 16px 14px;border:1px solid var(--nx-line);border-radius:16px;text-decoration:none;background:linear-gradient(180deg,#fff,#fafbfe);transition:transform .15s,box-shadow .15s}
.nx360w-kpis a::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--k)}
.nx360w-kpis a:hover{transform:translateY(-2px);box-shadow:var(--nx-shadow-lift)}
.nx360w-kpis span{font-size:13px;font-weight:700;color:var(--nx-muted)}
html body:not(#nx-brand) .nx360w-kpis strong{font-size:30px;line-height:1.1;color:var(--nx-navy-900)!important}
.nx360w-kpis small{font-size:12.5px;color:#7a86a3}
.nx360w-steps-head{display:flex;justify-content:space-between;align-items:center}
.nx360w-steps-head strong{color:var(--nx-ink);font-size:17px}
.nx360w-steps-head span{font-size:13px;font-weight:800;color:var(--nx-gold-text);background:var(--nx-gold-100);padding:3px 10px;border-radius:999px}
.nx360w-bar{height:8px;border-radius:999px;background:#edf1f8;margin:12px 0 10px;overflow:hidden}
.nx360w-bar i{display:block;height:100%;border-radius:inherit;background:var(--nx-grad-gold)}
.nx360w-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.nx360w-steps li a{display:flex;gap:10px;align-items:flex-start;padding:9px 8px;border-radius:12px;text-decoration:none;color:inherit}
.nx360w-steps li a:hover{background:var(--nx-blue-50)}
.nx360w-check{flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:50%;border:2px solid #c9d6f2;color:#fff;font-size:13px;font-weight:900}
.nx360w-steps li.is-done .nx360w-check{background:var(--nx-blue-600);border-color:var(--nx-blue-600)}
.nx360w-steps li strong{display:block;font-size:14.5px;color:var(--nx-ink)}
.nx360w-steps li.is-done strong{color:#7a86a3;text-decoration:line-through;text-decoration-color:rgba(122,134,163,.5)}
.nx360w-steps li small{display:block;font-size:12.5px;color:var(--nx-muted);line-height:1.45}
@media(max-width:1100px){.nx360w{grid-template-columns:1fr}.nx360w-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}