/* =====================================================================================================
   ARIA · Tema «nuevo» — base (layout + componentes globales).            Agente TEMA-BASE · 2026-09-30
   Se carga SOLO cuando <html data-aria-tema="nuevo"> (cookie aria_tema). Todo selector va bajo
   [data-aria-tema="nuevo"]: con el tema clásico esta hoja ni se descarga.
   Tokens documentados en /root/corte/rediseno/TOKENS.md — los demás módulos solo usan --n-*.
   Identidad: «Azul ARIA y turquesa» (2026-10-01, manual 47) — primario #2563eb, acento turquesa #14b8a6, neutros pizarra.
   (Antes «Petróleo y oro»: verde petróleo + acento dorado; respaldo en /root/RESPALDO-ARIA-20261001-agente-color/.)
   ===================================================================================================== */

@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url(../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url(../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------------------------------------------------------------- 1. TOKENS (claro) */
[data-aria-tema="nuevo"]{
  --n-bg:#f3f6fb; --n-bg-2:#e8eef7; --n-surface:#ffffff; --n-surface-2:#f7f9fd;
  --n-border:#dde4ef; --n-border-2:#c2cddd;
  --n-text:#0f172a; --n-text-2:#334155; --n-muted:#586a82;
  --n-primary:#2563eb; --n-primary-h:#1d4ed8; --n-primary-2:#dbeafe; --n-on-primary:#ffffff;
  --n-accent:#14b8a6; --n-accent-text:#0f766e;
  --n-grad:linear-gradient(135deg,#2563eb 0%,#1d4ed8 60%,#0f766e 135%);
  --n-success:#067650; --n-success-2:#e3f6ee;
  --n-warning:#8f5600; --n-warning-2:#fff3d6;
  --n-danger:#c01934; --n-danger-2:#fde8ec;
  --n-info:#01659c; --n-info-2:#e1f2fc;
  --n-radius:14px; --n-radius-sm:9px;
  --n-shadow:0 1px 2px rgba(15,23,42,.05),0 4px 16px rgba(15,23,42,.06);
  --n-shadow-lg:0 2px 6px rgba(15,23,42,.06),0 24px 56px rgba(15,23,42,.16);
  --n-glass:rgba(255,255,255,.72);
  --n-font:"Plus Jakarta Sans","Inter","Segoe UI",Roboto,system-ui,-apple-system,sans-serif;
  --n-font-num:"Inter","Plus Jakarta Sans",system-ui,sans-serif;
  --n-ring:0 0 0 3px rgba(37,99,235,.28);
  --n-zebra:rgba(37,99,235,.045); --n-row-hover:#e6eefc;
  --n-ease:cubic-bezier(.2,.8,.2,1); --n-dur:.18s;
  --n-aurora:radial-gradient(1100px 620px at -5% -15%,rgba(37,99,235,.13),transparent 60%),radial-gradient(900px 540px at 105% -10%,rgba(20,184,166,.10),transparent 60%),radial-gradient(900px 700px at 60% 125%,rgba(37,99,235,.08),transparent 60%);
  color-scheme:light;
}
/* ---------------------------------------------------------------- 1b. TOKENS (oscuro de verdad: azul tinta, no gris invertido) */
[data-aria-tema="nuevo"][data-bs-theme="dark"]{
  --n-bg:#0a1020; --n-bg-2:#0e1628; --n-surface:#121c31; --n-surface-2:#18243d;
  --n-border:#24324d; --n-border-2:#34466a;
  --n-text:#e6edf7; --n-text-2:#b6c3d6; --n-muted:#8d9bb3;
  --n-primary:#60a5fa; --n-primary-h:#93c5fd; --n-primary-2:rgba(96,165,250,.16); --n-on-primary:#0b1220;
  --n-accent:#2dd4bf; --n-accent-text:#2dd4bf;
  --n-grad:linear-gradient(135deg,#2563eb 0%,#1d4ed8 60%,#0f766e 135%);
  --n-success:#34d399; --n-success-2:rgba(52,211,153,.14);
  --n-warning:#fbbf24; --n-warning-2:rgba(251,191,36,.14);
  --n-danger:#fb7185; --n-danger-2:rgba(251,113,133,.15);
  --n-info:#38bdf8; --n-info-2:rgba(56,189,248,.14);
  --n-shadow:0 1px 2px rgba(0,0,0,.35),0 6px 20px rgba(0,0,0,.25);
  --n-shadow-lg:0 2px 8px rgba(0,0,0,.4),0 28px 64px rgba(0,0,0,.5);
  --n-glass:rgba(18,28,49,.72);
  --n-ring:0 0 0 3px rgba(96,165,250,.35);
  --n-zebra:rgba(255,255,255,.028); --n-row-hover:rgba(96,165,250,.13);
  --n-aurora:radial-gradient(1100px 620px at -5% -15%,rgba(37,99,235,.22),transparent 60%),radial-gradient(900px 540px at 105% -10%,rgba(20,184,166,.10),transparent 60%),radial-gradient(900px 700px at 60% 125%,rgba(37,99,235,.12),transparent 60%);
  color-scheme:dark;
}
@media (prefers-reduced-motion:reduce){[data-aria-tema="nuevo"]{--n-dur:0s}}

/* ---------------------------------------------------------------- 2. Variables del clásico y de Bootstrap → tokens
   (así las pantallas que usan var(--tarjeta), var(--linea)… adoptan el tema sin tocarlas) */
:root[data-aria-tema="nuevo"]{
  --texto:var(--n-text); --suave:var(--n-muted); --fondo:var(--n-bg); --tarjeta:var(--n-surface); --cabeza-panel:var(--n-bg-2);
  --linea:var(--n-border); --linea2:var(--n-border-2); --borde-campo:var(--n-border-2); --cabecera:var(--n-glass); --tinta:var(--n-text);
  --sombra-panel:var(--n-shadow); --oro:#2563eb; --oro-osc:var(--n-primary); --turquesa:var(--n-accent); --turquesa-osc:var(--n-accent-text);
  --rojo:var(--n-danger); --verde:var(--n-success); --azul:var(--n-info); --cian:var(--n-info); --morado:#6d28d9;
  --bs-body-font-family:var(--n-font); --bs-body-font-size:13.5px; --bs-body-line-height:1.5;
  --bs-body-color:var(--n-text); --bs-body-bg:var(--n-bg); --bs-emphasis-color:var(--n-text); --bs-heading-color:var(--n-text);
  --bs-secondary-color:var(--n-muted); --bs-secondary-bg:var(--n-bg-2); --bs-tertiary-bg:var(--n-surface-2); --bs-tertiary-color:var(--n-muted);
  --bs-primary:#2563eb; --bs-primary-rgb:37,99,235; --bs-link-color:var(--n-primary); --bs-link-color-rgb:37,99,235; --bs-link-hover-color:var(--n-primary-h); --bs-link-hover-color-rgb:29,78,216;
  --bs-border-color:var(--n-border); --bs-border-color-translucent:var(--n-border); --bs-border-radius:var(--n-radius-sm); --bs-border-radius-lg:var(--n-radius);
  --bs-focus-ring-color:rgba(37,99,235,.28); --bs-highlight-bg:var(--n-warning-2);
}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"]{ --bs-primary:#60a5fa; --bs-primary-rgb:96,165,250; --bs-link-color-rgb:96,165,250; --bs-link-hover-color-rgb:147,197,253; --bs-focus-ring-color:rgba(96,165,250,.35); --morado:#a78bfa }

/* ---------------------------------------------------------------- 3. Base */
:root[data-aria-tema="nuevo"],:root[data-aria-tema="nuevo"] body{font-size:13.5px}
:root[data-aria-tema="nuevo"] body{font-family:var(--n-font);line-height:1.5;color:var(--n-text);background-color:var(--n-bg);background-image:var(--n-aurora);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:.07em}
:root[data-aria-tema="nuevo"] input,:root[data-aria-tema="nuevo"] textarea,:root[data-aria-tema="nuevo"] select,:root[data-aria-tema="nuevo"] button,:root[data-aria-tema="nuevo"] input::placeholder,:root[data-aria-tema="nuevo"] textarea::placeholder{word-spacing:.07em}
:root[data-aria-tema="nuevo"] ::selection{background:rgba(37,99,235,.22)}
:root[data-aria-tema="nuevo"] h1,:root[data-aria-tema="nuevo"] h2,:root[data-aria-tema="nuevo"] h3,:root[data-aria-tema="nuevo"] h4,:root[data-aria-tema="nuevo"] h5,:root[data-aria-tema="nuevo"] h6{color:var(--n-text);font-weight:700;letter-spacing:-.01em}
:root[data-aria-tema="nuevo"] h5,:root[data-aria-tema="nuevo"] .h5{font-size:15px}
:root[data-aria-tema="nuevo"] h6,:root[data-aria-tema="nuevo"] .h6{font-size:13.5px}
:root[data-aria-tema="nuevo"] .small,:root[data-aria-tema="nuevo"] small{font-size:11.5px}
:root[data-aria-tema="nuevo"] .text-muted{color:var(--n-muted)!important}
:root[data-aria-tema="nuevo"] .text-primary{color:var(--n-primary)!important}
:root[data-aria-tema="nuevo"] .text-success{color:var(--n-success)!important}
:root[data-aria-tema="nuevo"] .text-danger{color:var(--n-danger)!important}
:root[data-aria-tema="nuevo"] .text-warning{color:var(--n-warning)!important}
:root[data-aria-tema="nuevo"] .text-info{color:var(--n-info)!important}
:root[data-aria-tema="nuevo"] hr{border-color:var(--n-border);opacity:1}
:root[data-aria-tema="nuevo"] code{color:var(--n-primary);background:var(--n-primary-2);padding:1px 5px;border-radius:5px;font-size:.92em}
:root[data-aria-tema="nuevo"] kbd{background:var(--n-surface);color:var(--n-text-2);border:1px solid var(--n-border-2);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:11px;font-family:var(--n-font)}
:root[data-aria-tema="nuevo"] .n-num,:root[data-aria-tema="nuevo"] .table td,:root[data-aria-tema="nuevo"] .table th{font-variant-numeric:tabular-nums}
:root[data-aria-tema="nuevo"] .n-num{font-family:var(--n-font-num)}
:root[data-aria-tema="nuevo"] :focus-visible{outline:2px solid var(--n-primary);outline-offset:2px}
:root[data-aria-tema="nuevo"] *{scrollbar-width:thin;scrollbar-color:var(--n-border-2) transparent}
:root[data-aria-tema="nuevo"] ::-webkit-scrollbar{width:10px;height:10px}
:root[data-aria-tema="nuevo"] ::-webkit-scrollbar-thumb{background:var(--n-border-2);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
:root[data-aria-tema="nuevo"] ::-webkit-scrollbar-track{background:transparent}

/* Pantalla de carga: aurora en vez de negro */
:root[data-aria-tema="nuevo"] #aria-carga{background:var(--n-bg);background-image:var(--n-aurora)}
:root[data-aria-tema="nuevo"] #aria-carga img{border-radius:28%;box-shadow:0 0 0 1px var(--n-border),0 18px 50px rgba(37,99,235,.35)}
:root[data-aria-tema="nuevo"] #aria-carga .barra{background:var(--n-border)}
:root[data-aria-tema="nuevo"] #aria-carga .barra i{background:var(--n-grad)}

/* ---------------------------------------------------------------- 4. Layout: menú lateral flotante de vidrio + barra superior flotante */
/* Barra superior: vidrio en un ::before (si el vidrio estuviera en la barra, el logo fijo quedaría atrapado dentro). */
:root[data-aria-tema="nuevo"] .aria-cabecera{top:12px;left:276px;right:12px;height:56px;padding:0 8px 0 10px;gap:8px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:left .2s var(--n-ease)}
:root[data-aria-tema="nuevo"] .aria-cabecera::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--n-radius);background:var(--n-glass);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid var(--n-border);box-shadow:var(--n-shadow)}
/* El logo se sienta arriba del menú lateral, con la marca ARIA en degradado */
:root[data-aria-tema="nuevo"] .aria-logo{position:fixed;top:12px;left:12px;width:252px;height:64px;z-index:1031;padding:0 18px;gap:12px;background:none;border-radius:var(--n-radius) var(--n-radius) 0 0;transition:width .2s var(--n-ease)}
:root[data-aria-tema="nuevo"] .aria-logo img{width:36px;height:36px;border-radius:11px;box-shadow:0 0 0 1px var(--n-border),0 6px 16px rgba(37,99,235,.25)}
:root[data-aria-tema="nuevo"] .aria-logo::after{content:"ARIA";font-size:19px;font-weight:800;letter-spacing:.22em;background:var(--n-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-aria-tema="nuevo"] .aria-hamburguesa span{background:var(--n-text)}
/* Buscador tipo «comando» (Ctrl+K) */
:root[data-aria-tema="nuevo"] .aria-buscar{order:0;margin:0 auto 0 0;width:min(460px,42vw);height:40px;padding:0 6px 0 4px;border-radius:12px;background:var(--n-surface-2);border:1px solid var(--n-border);box-shadow:none;transition:border-color var(--n-dur),box-shadow var(--n-dur),background var(--n-dur)}
:root[data-aria-tema="nuevo"] .aria-buscar:focus-within{background:var(--n-surface);border-color:var(--n-primary);box-shadow:var(--n-ring)}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .aria-buscar{background:var(--n-surface-2)}
:root[data-aria-tema="nuevo"] .aria-buscar button{order:-1;width:32px;height:32px;background:transparent;color:var(--n-muted);font-size:13px;border-radius:9px}
:root[data-aria-tema="nuevo"] .aria-buscar button:hover{color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .aria-buscar input{height:38px;padding:0 6px;font-size:13px;color:var(--n-text)}
:root[data-aria-tema="nuevo"] .aria-buscar input::placeholder{color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .aria-buscar::after{content:"Ctrl K";flex:0 0 auto;padding:2px 7px;border:1px solid var(--n-border-2);border-bottom-width:2px;border-radius:6px;background:var(--n-surface);color:var(--n-muted);font-size:10.5px;font-weight:600;letter-spacing:.02em;line-height:16px;pointer-events:none}
:root[data-aria-tema="nuevo"] .aria-buscar:focus-within::after{opacity:0}
:root[data-aria-tema="nuevo"] .aria-sugerencias{border-radius:12px;border-color:var(--n-border);background:var(--n-surface);box-shadow:var(--n-shadow-lg);padding:4px}
:root[data-aria-tema="nuevo"] .aria-sugerencias a{border:0;border-radius:8px;padding:8px 12px;font-size:13px;color:var(--n-text)}
:root[data-aria-tema="nuevo"] .aria-sugerencias a small{color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .aria-sugerencias a:hover,:root[data-aria-tema="nuevo"] .aria-sugerencias a.activa{background:var(--n-primary-2)}
:root[data-aria-tema="nuevo"] .aria-sugerencias .estado{background:var(--n-bg-2);color:var(--n-text-2)}
:root[data-aria-tema="nuevo"] .aria-sugerencias .estado-activo{background:var(--n-success-2);color:var(--n-success)}
:root[data-aria-tema="nuevo"] .aria-sugerencias .estado-suspendido{background:var(--n-danger-2);color:var(--n-danger)}
/* Atajos de la derecha: botones redondos y limpios */
:root[data-aria-tema="nuevo"] .aria-atajos{gap:2px;margin-left:auto}
:root[data-aria-tema="nuevo"] .aria-atajos > a,:root[data-aria-tema="nuevo"] .aria-atajos > .aria-soporte > a,:root[data-aria-tema="nuevo"] .aria-atajos > .dropdown > a:not(.dropdown-toggle){width:38px;height:38px;margin:0;padding:0;justify-content:center;border-radius:11px;color:var(--n-text-2);font-size:16px;transition:background var(--n-dur),color var(--n-dur)}
:root[data-aria-tema="nuevo"] .aria-atajos > a .fa-bell{font-size:16px}
:root[data-aria-tema="nuevo"] .aria-atajos > a:hover,:root[data-aria-tema="nuevo"] .aria-atajos > .aria-soporte > a:hover,:root[data-aria-tema="nuevo"] .aria-atajos > .dropdown > a:hover{background:var(--n-primary-2);color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .aria-atajos > a .aria-contador,:root[data-aria-tema="nuevo"] .aria-atajos > .aria-soporte > a .aria-contador{top:2px;right:0;height:16px;min-width:16px;padding:0 4px;font-size:9.5px;line-height:16px;box-shadow:0 0 0 2px var(--n-surface)}
:root[data-aria-tema="nuevo"] .aria-usuario > a{height:40px;margin:0 0 0 4px;padding:0 10px 0 4px;gap:8px;border-radius:12px;color:var(--n-text);font-weight:600;font-size:12.5px}
:root[data-aria-tema="nuevo"] .aria-usuario > a:hover{background:var(--n-primary-2);color:var(--n-text)}
:root[data-aria-tema="nuevo"] .aria-usuario .dropdown-toggle::after{border-top-color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .aria-usuario [data-vista].dropdown-item{font-weight:500}
:root[data-aria-tema="nuevo"][data-vista="auto"] .aria-usuario [data-vista="auto"],:root[data-aria-tema="nuevo"][data-vista="movil"] .aria-usuario [data-vista="movil"],:root[data-aria-tema="nuevo"][data-vista="escritorio"] .aria-usuario [data-vista="escritorio"]{background:var(--n-primary-2);color:var(--n-primary);font-weight:600}
:root[data-aria-tema="nuevo"] .aria-usuario a[href*="/tema/"]{font-weight:600;color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .aria-avatar{background:hsl(var(--tono,240) 62% 52%);box-shadow:0 0 0 2px var(--n-surface),0 0 0 3.5px rgba(20,184,166,.6);font-weight:700}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .aria-avatar{background:hsl(var(--tono,240) 55% 45%)}

/* Menú lateral */
:root[data-aria-tema="nuevo"] .aria-lateral{top:12px;left:12px;bottom:12px;width:252px;padding-top:66px;border-radius:calc(var(--n-radius) + 4px);background:var(--n-glass);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--n-border);box-shadow:var(--n-shadow-lg);transition:width .2s var(--n-ease),transform .25s var(--n-ease)}
:root[data-aria-tema="nuevo"] .aria-lateral::before{content:"";position:absolute;left:18px;right:18px;top:65px;height:1px;background:linear-gradient(90deg,transparent,var(--n-border-2),transparent)}
:root[data-aria-tema="nuevo"] .aria-menu-scroll{order:1;padding-top:4px;scrollbar-color:var(--n-border-2) transparent}
:root[data-aria-tema="nuevo"] .aria-perfil{order:2;display:flex;align-items:center;gap:10px;min-height:0;margin:6px 10px 0;padding:10px 12px;border-radius:12px;background:var(--n-surface-2);border:1px solid var(--n-border)}
:root[data-aria-tema="nuevo"] .aria-perfil .aria-avatar{width:32px;height:32px;margin:0;font-size:12px}
:root[data-aria-tema="nuevo"] .aria-perfil .nombre{min-width:0;color:var(--n-text);font-size:13px;font-weight:700;line-height:18px;letter-spacing:0}
:root[data-aria-tema="nuevo"] .aria-perfil .nombre small{color:var(--n-muted);font-size:11px;font-weight:500;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-aria-tema="nuevo"] .aria-lateral-pie{order:3;padding:8px 10px 10px}
:root[data-aria-tema="nuevo"] .aria-lateral-pie a{height:30px;border-radius:9px;border:1px dashed var(--n-border-2);background:transparent;color:var(--n-muted);font-size:13px}
:root[data-aria-tema="nuevo"] .aria-lateral-pie a:hover{background:var(--n-primary-2);color:var(--n-primary);border-style:solid}
:root[data-aria-tema="nuevo"] .aria-menu{padding:0 0 10px}
:root[data-aria-tema="nuevo"] .aria-menu-titulo{padding:12px 22px 6px;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .aria-menu-titulo::before{display:none}
:root[data-aria-tema="nuevo"] .aria-menu > li > a{height:38px;margin:1px 10px;padding:0 10px;gap:10px;border-radius:10px;color:var(--n-text-2);font-size:13px;font-weight:500;line-height:20px;transition:background var(--n-dur),color var(--n-dur)}
:root[data-aria-tema="nuevo"] .aria-menu > li > a:hover{background:var(--n-primary-2);color:var(--n-text)}
:root[data-aria-tema="nuevo"] .aria-menu > li > a > i{flex:0 0 22px;width:22px;height:22px;border-radius:7px;background:transparent;color:var(--n-muted);font-size:14px;box-shadow:none;transition:color var(--n-dur)}
:root[data-aria-tema="nuevo"] .aria-menu > li > a:hover > i{color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .aria-menu > li > a .flecha{width:6px;height:6px;border-color:var(--n-muted);margin-right:4px}
/* opción activa: píldora con el degradado de marca */
:root[data-aria-tema="nuevo"] .aria-menu > li.activo:not(.grupo) > a{background:var(--n-grad);color:#fff;font-weight:600;box-shadow:0 8px 20px -6px rgba(37,99,235,.55)}
:root[data-aria-tema="nuevo"] .aria-menu > li.activo:not(.grupo) > a > i{background:transparent;color:#fff;box-shadow:none}
/* grupo abierto que contiene la activa: solo se tiñe */
:root[data-aria-tema="nuevo"] .aria-menu > li.grupo.activo > a{background:transparent;color:var(--n-text);font-weight:700;box-shadow:none}
:root[data-aria-tema="nuevo"] .aria-menu > li.grupo.activo > a > i{background:transparent;color:var(--n-primary);box-shadow:none}
:root[data-aria-tema="nuevo"] .aria-menu > li.grupo.abierto > a{color:var(--n-text)}
:root[data-aria-tema="nuevo"] .aria-menu .sub{margin:2px 0 6px 31px;border-left:1.5px solid var(--n-border)}
:root[data-aria-tema="nuevo"] .aria-menu .sub li::before{display:none}
:root[data-aria-tema="nuevo"] .aria-menu .sub a{position:relative;margin:1px 10px 1px 8px;padding:6px 10px;border-radius:8px;color:var(--n-text-2);font-size:12.5px;line-height:18px;transition:background var(--n-dur),color var(--n-dur)}
:root[data-aria-tema="nuevo"] .aria-menu .sub a:hover{color:var(--n-text);background:var(--n-primary-2)}
:root[data-aria-tema="nuevo"] .aria-menu .sub a small{color:var(--n-muted);font-size:10.5px}
:root[data-aria-tema="nuevo"] .aria-menu .sub a i{color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .aria-menu .sub li.activo a{background:var(--n-primary-2);color:var(--n-primary);font-weight:700}
:root[data-aria-tema="nuevo"] .aria-menu .sub li.activo a::before{content:"";position:absolute;left:-10px;top:7px;bottom:7px;width:3px;border-radius:3px;background:var(--n-grad)}
:root[data-aria-tema="nuevo"] .aria-contador{background:var(--n-danger);color:#fff;height:18px;font-size:10.5px;font-weight:700}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .aria-contador{color:#1a0710}
/* menú minimizado */
:root[data-aria-tema="nuevo"] body.lateral-mini .aria-lateral{width:72px}
:root[data-aria-tema="nuevo"] body.lateral-mini .aria-logo{width:72px;padding:0;justify-content:center}
:root[data-aria-tema="nuevo"] body.lateral-mini .aria-logo::after{display:none}
:root[data-aria-tema="nuevo"] body.lateral-mini .aria-cabecera{left:96px}
:root[data-aria-tema="nuevo"] body.lateral-mini .aria-contenido{margin-left:84px}
:root[data-aria-tema="nuevo"] body.lateral-mini .aria-menu > li > a{justify-content:center;padding:0}
:root[data-aria-tema="nuevo"] body.lateral-mini .aria-perfil{justify-content:center;padding:8px;margin:6px 8px 0}
:root[data-aria-tema="nuevo"] body.lateral-mini .aria-lateral::before{left:10px;right:10px}

/* Contenido */
:root[data-aria-tema="nuevo"] .aria-contenido{margin-left:264px;padding:84px 24px 28px 24px;animation:n-entrar .35s var(--n-ease) both}
@keyframes n-entrar{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
:root[data-aria-tema="nuevo"] .aria-titulo{align-items:center;margin:4px 0 16px;min-height:0}
:root[data-aria-tema="nuevo"] .aria-titulo h1{padding:0;font-size:24px;font-weight:800;line-height:32px;letter-spacing:-.025em;color:var(--n-text)}
:root[data-aria-tema="nuevo"] .aria-titulo h1::after{display:none}
:root[data-aria-tema="nuevo"] .aria-titulo h1 small{font-size:13px;font-weight:500;color:var(--n-muted);margin-left:6px;letter-spacing:0}
:root[data-aria-tema="nuevo"] .aria-migas{height:auto;padding:0;background:transparent;border:0;box-shadow:none;font-size:12px;color:var(--n-muted);margin-bottom:0}
:root[data-aria-tema="nuevo"] .aria-migas li+li::before{content:"›";padding:0 8px;color:var(--n-border-2);font-size:14px}
:root[data-aria-tema="nuevo"] .aria-migas a{color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .aria-migas a:hover{color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .aria-migas li:last-child{color:var(--n-text);font-weight:600}
:root[data-aria-tema="nuevo"] .breadcrumb{--bs-breadcrumb-divider:"›";--bs-breadcrumb-divider-color:var(--n-border-2);--bs-breadcrumb-item-active-color:var(--n-text);font-size:12px}
:root[data-aria-tema="nuevo"] .breadcrumb a{color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .breadcrumb a:hover{color:var(--n-primary)}

/* Botones flotantes (apariencia, copiloto) */
:root[data-aria-tema="nuevo"] .aria-engrane{right:12px;top:auto;bottom:96px;width:40px;height:40px;border-radius:12px;background:var(--n-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--n-border);color:var(--n-text-2);font-size:16px;box-shadow:var(--n-shadow)}
:root[data-aria-tema="nuevo"] .aria-engrane:hover{color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .aria-engrane i{transition:transform .4s var(--n-ease)}
:root[data-aria-tema="nuevo"] .aria-engrane:hover i{transform:rotate(60deg)}
:root[data-aria-tema="nuevo"] .aria-apariencia{top:auto;bottom:96px;right:-260px;width:220px;border-radius:var(--n-radius);background:var(--n-surface);border:1px solid var(--n-border);box-shadow:var(--n-shadow-lg)}
:root[data-aria-tema="nuevo"] .aria-apariencia.abierto{right:62px}
:root[data-aria-tema="nuevo"] .aria-copiloto{background:var(--n-grad);box-shadow:0 12px 30px -6px rgba(37,99,235,.6)}
:root[data-aria-tema="nuevo"] .aria-copiloto:hover{transform:translateY(-2px);transition:transform var(--n-dur) var(--n-ease)}

/* ---------------------------------------------------------------- 5. Tarjetas y paneles (sin el «borde de color arriba» de los paneles AdminLTE) */
:root[data-aria-tema="nuevo"] .aria-tarjeta,:root[data-aria-tema="nuevo"] .panel-aria{background:var(--n-surface);border:1px solid var(--n-border);border-radius:var(--n-radius);box-shadow:var(--n-shadow)}
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza{min-height:52px;padding:12px 18px;background:transparent;border-bottom:1px solid var(--n-border);border-radius:var(--n-radius) var(--n-radius) 0 0}
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza h4,:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .titulo{font-size:14px;font-weight:700;letter-spacing:-.005em;line-height:20px;color:var(--n-text)}
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza h4::before,:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .titulo::before{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--n-grad);box-shadow:0 0 0 3px var(--n-primary-2)}
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .herramientas a,:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .herramientas button{width:28px;height:28px;border-radius:8px;border:1px solid var(--n-border);background:var(--n-surface);color:var(--n-muted);font-size:11px;box-shadow:none}
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .herramientas a:hover,:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .herramientas button:hover{color:var(--n-primary);background:var(--n-primary-2)}
:root[data-aria-tema="nuevo"] .panel-aria > .cuerpo{padding:18px}
:root[data-aria-tema="nuevo"] .panel-aria.colapsado > .cabeza{border-radius:var(--n-radius)}
:root[data-aria-tema="nuevo"] .panel-aria.expandido{inset:84px 24px 24px 24px;box-shadow:var(--n-shadow-lg)}
:root[data-aria-tema="nuevo"] .card{--bs-card-bg:var(--n-surface);--bs-card-border-color:var(--n-border);--bs-card-border-radius:var(--n-radius);--bs-card-inner-border-radius:calc(var(--n-radius) - 1px);--bs-card-cap-bg:transparent;--bs-card-cap-padding-y:12px;--bs-card-cap-padding-x:18px;--bs-card-color:var(--n-text);box-shadow:var(--n-shadow)}
:root[data-aria-tema="nuevo"] .card-header{font-size:14px;font-weight:700;letter-spacing:-.005em;padding:12px 18px;border-bottom-color:var(--n-border)}
:root[data-aria-tema="nuevo"] .card-footer{background:var(--n-surface-2);border-top-color:var(--n-border)}
:root[data-aria-tema="nuevo"] .n-card{background:var(--n-surface);border:1px solid var(--n-border);border-radius:var(--n-radius);box-shadow:var(--n-shadow);padding:18px}
:root[data-aria-tema="nuevo"] .n-glass{background:var(--n-glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--n-border);border-radius:var(--n-radius)}

/* ---------------------------------------------------------------- 6. Tablas: aireadas, encabezado fijo, fila con hover */
:root[data-aria-tema="nuevo"] .table{--bs-table-bg:transparent;--bs-table-color:var(--n-text);--bs-table-striped-bg:transparent;--bs-table-striped-color:var(--n-text);--bs-table-hover-bg:var(--n-primary-2);--bs-table-hover-color:var(--n-text);--bs-table-active-bg:var(--n-primary-2);--bs-table-border-color:var(--n-border);font-size:13px;line-height:1.45}
:root[data-aria-tema="nuevo"] .table-responsive,:root[data-aria-tema="nuevo"] .tabla-aria{background:var(--n-surface);border:1px solid var(--n-border);border-radius:var(--n-radius);box-shadow:var(--n-shadow)}
:root[data-aria-tema="nuevo"] .table > thead{position:sticky;top:0;z-index:3;background:var(--n-surface)}
:root[data-aria-tema="nuevo"] .table > thead > tr > th{background:var(--n-bg-2);background-image:none;padding:10px 12px;font-size:11px;font-weight:700;line-height:15px;letter-spacing:.05em;text-transform:uppercase;color:var(--n-text-2);border-bottom:1px solid var(--n-border-2)}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .table > thead > tr > th{background:var(--n-surface-2)}
:root[data-aria-tema="nuevo"] .table > thead > tr > th a{color:var(--n-text-2)}
:root[data-aria-tema="nuevo"] .table > thead > tr.filtros > th,:root[data-aria-tema="nuevo"] tr.filtro-columna th{background:var(--n-surface)!important;padding:6px 8px!important}
:root[data-aria-tema="nuevo"] .table > thead > tr.filtros input,:root[data-aria-tema="nuevo"] tr.filtro-columna input{height:30px;border-radius:8px;font-size:12px;padding:3px 9px;border:1px solid var(--n-border-2);background:var(--n-surface);color:var(--n-text)}
:root[data-aria-tema="nuevo"] .table > thead > tr.filtros input:focus,:root[data-aria-tema="nuevo"] tr.filtro-columna input:focus{outline:0;border-color:var(--n-primary);box-shadow:var(--n-ring)}
:root[data-aria-tema="nuevo"] tr.filtro-columna input.con-valor{border-color:var(--n-primary);background:var(--n-primary-2)}
:root[data-aria-tema="nuevo"] th.orden-th:hover{background:var(--n-primary-2)!important;color:var(--n-primary)}
:root[data-aria-tema="nuevo"] th.orden-th .orden-flecha{color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .table > tbody > tr > td{padding:9px 12px;height:44px;border-top:1px solid var(--n-border)}
:root[data-aria-tema="nuevo"] .table > tbody > tr:first-child > td{border-top:0}
:root[data-aria-tema="nuevo"] .table > tbody > tr:nth-of-type(odd) > td{background:transparent}
:root[data-aria-tema="nuevo"] .table > tbody > tr > td{transition:background-color .12s}
:root[data-aria-tema="nuevo"] .table > tbody > tr > td > a:not(.btn){color:var(--n-text);font-weight:600}
:root[data-aria-tema="nuevo"] .table > tbody > tr > td > a:not(.btn):hover{color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .table td.nombre,:root[data-aria-tema="nuevo"] .table td .nombre{font-weight:600}
:root[data-aria-tema="nuevo"] .table tfoot td,:root[data-aria-tema="nuevo"] .table tfoot th{border-top:1px solid var(--n-border-2);background:var(--n-surface-2);padding:10px 12px}
:root[data-aria-tema="nuevo"] .table-sm > :not(caption) > * > *{padding:6px 10px}
:root[data-aria-tema="nuevo"] .table.tabla-oscura > thead > tr > th,:root[data-aria-tema="nuevo"] .tabla-oscura > thead > tr > th{background:var(--n-bg-2);color:var(--n-muted);border-right:0;padding:10px 12px;font-size:10.5px}
:root[data-aria-tema="nuevo"] .tabla-info,:root[data-aria-tema="nuevo"] nav[role="navigation"] p.small{color:var(--n-muted);font-weight:500}
/* Encabezado fijo de verdad: en escritorio la tabla del contenido se desplaza dentro de su caja */
@media (min-width:992px){
  :root[data-aria-tema="nuevo"] .aria-contenido .table-responsive{max-height:calc(100vh - 150px)}
  :root[data-aria-tema="nuevo"] .modal .table-responsive{max-height:none}
}
/* Botones de acción en las filas: cuadrados fantasma, el color lo da el ícono */
:root[data-aria-tema="nuevo"] .table td .btn,:root[data-aria-tema="nuevo"] .btn-icono{width:28px;height:28px;border-radius:8px;font-size:11.5px;line-height:26px;--bs-btn-bg:var(--n-surface);--bs-btn-color:var(--n-text-2);--bs-btn-border-color:var(--n-border);--bs-btn-hover-bg:var(--n-primary-2);--bs-btn-hover-color:var(--n-primary);--bs-btn-hover-border-color:var(--n-primary-2);--bs-btn-active-bg:var(--n-primary-2);--bs-btn-active-color:var(--n-primary);background-image:none;box-shadow:none;filter:none;transform:none}
:root[data-aria-tema="nuevo"] .table td .btn.btn-texto{width:auto;padding:0 10px}
:root[data-aria-tema="nuevo"] .table td .btn-primary,:root[data-aria-tema="nuevo"] .table td .btn-success,:root[data-aria-tema="nuevo"] .table td .btn-info,:root[data-aria-tema="nuevo"] .table td .btn-oro{--bs-btn-color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .table td .btn-danger,:root[data-aria-tema="nuevo"] .table td .btn-outline-danger{--bs-btn-color:var(--n-danger);--bs-btn-hover-bg:var(--n-danger-2);--bs-btn-hover-color:var(--n-danger);--bs-btn-hover-border-color:var(--n-danger-2)}
:root[data-aria-tema="nuevo"] .table td .btn-warning{--bs-btn-color:var(--n-warning);--bs-btn-hover-bg:var(--n-warning-2);--bs-btn-hover-color:var(--n-warning);--bs-btn-hover-border-color:var(--n-warning-2)}
:root[data-aria-tema="nuevo"] .table td .btn-verde{--bs-btn-color:var(--n-success);--bs-btn-hover-bg:var(--n-success-2);--bs-btn-hover-color:var(--n-success)}

/* ---------------------------------------------------------------- 7. Botones: jerarquía clara */
:root[data-aria-tema="nuevo"] .btn{--bs-btn-font-size:13px;--bs-btn-font-weight:600;--bs-btn-border-radius:var(--n-radius-sm);--bs-btn-padding-y:7px;--bs-btn-padding-x:14px;--bs-btn-focus-box-shadow:var(--n-ring);letter-spacing:0;gap:6px;transition:background-color var(--n-dur),border-color var(--n-dur),box-shadow var(--n-dur),transform var(--n-dur) var(--n-ease),color var(--n-dur)}
:root[data-aria-tema="nuevo"] .btn:focus-visible{box-shadow:var(--n-ring);outline:0}
:root[data-aria-tema="nuevo"] .btn:active{transform:translateY(1px)}
:root[data-aria-tema="nuevo"] .btn-lg{--bs-btn-font-size:14.5px;--bs-btn-padding-y:10px;--bs-btn-padding-x:20px;--bs-btn-border-radius:11px}
:root[data-aria-tema="nuevo"] .btn-sm{--bs-btn-font-size:12px;--bs-btn-padding-y:4px;--bs-btn-padding-x:10px;--bs-btn-border-radius:8px}
:root[data-aria-tema="nuevo"] .btn-xs{--bs-btn-font-size:11px;--bs-btn-padding-y:1px;--bs-btn-padding-x:7px;--bs-btn-border-radius:7px}
/* Principal (primary, y success/info que el panel usa como acción principal): petróleo con brillo */
:root[data-aria-tema="nuevo"] .btn-primary,:root[data-aria-tema="nuevo"] .btn-oro,:root[data-aria-tema="nuevo"] .btn-success,:root[data-aria-tema="nuevo"] .btn-info,:root[data-aria-tema="nuevo"] .btn-azul{--bs-btn-color:var(--n-on-primary);--bs-btn-bg:var(--n-primary);--bs-btn-border-color:var(--n-primary);--bs-btn-hover-color:var(--n-on-primary);--bs-btn-hover-bg:var(--n-primary-h);--bs-btn-hover-border-color:var(--n-primary-h);--bs-btn-active-color:var(--n-on-primary);--bs-btn-active-bg:var(--n-primary-h);--bs-btn-active-border-color:var(--n-primary-h);--bs-btn-disabled-color:var(--n-on-primary);--bs-btn-disabled-bg:var(--n-primary);--bs-btn-disabled-border-color:var(--n-primary);background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0));box-shadow:0 1px 2px rgba(15,23,42,.12),0 6px 16px -6px rgba(37,99,235,.6)}
:root[data-aria-tema="nuevo"] .btn-primary:hover,:root[data-aria-tema="nuevo"] .btn-oro:hover,:root[data-aria-tema="nuevo"] .btn-success:hover,:root[data-aria-tema="nuevo"] .btn-info:hover,:root[data-aria-tema="nuevo"] .btn-azul:hover{box-shadow:0 1px 2px rgba(15,23,42,.12),0 10px 22px -8px rgba(37,99,235,.7);transform:translateY(-1px)}
/* Oscuro (manual 47): el primario de textos/enlaces es #60a5fa, pero los botones siguen Azul ARIA #2563eb con texto blanco (contraste 5,2:1). */
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] :is(.btn-primary,.btn-oro,.btn-success,.btn-info,.btn-azul){--bs-btn-color:#fff;--bs-btn-bg:#2563eb;--bs-btn-border-color:#2563eb;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#1d4ed8;--bs-btn-hover-border-color:#1d4ed8;--bs-btn-active-color:#fff;--bs-btn-active-bg:#1e40af;--bs-btn-active-border-color:#1e40af;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#2563eb;--bs-btn-disabled-border-color:#2563eb}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .panel-aria > .cabeza .herramientas .btn:is(.btn-primary,.btn-success,.btn-info,.btn-oro,.btn-azul){background:#2563eb;border-color:#2563eb;color:#fff}
:root[data-aria-tema="nuevo"] .btn-azul{min-width:96px;height:38px}
/* Secundarios: superficie con borde */
:root[data-aria-tema="nuevo"] .btn-outline-primary,:root[data-aria-tema="nuevo"] .btn-outline-secondary,:root[data-aria-tema="nuevo"] .btn-light,:root[data-aria-tema="nuevo"] .btn-default,:root[data-aria-tema="nuevo"] .btn-white,:root[data-aria-tema="nuevo"] .btn-secondary{--bs-btn-color:var(--n-text);--bs-btn-bg:var(--n-surface);--bs-btn-border-color:var(--n-border-2);--bs-btn-hover-color:var(--n-primary);--bs-btn-hover-bg:var(--n-primary-2);--bs-btn-hover-border-color:var(--n-primary);--bs-btn-active-color:var(--n-primary);--bs-btn-active-bg:var(--n-primary-2);--bs-btn-active-border-color:var(--n-primary);--bs-btn-disabled-color:var(--n-muted);--bs-btn-disabled-bg:var(--n-surface-2);--bs-btn-disabled-border-color:var(--n-border);box-shadow:0 1px 2px rgba(15,23,42,.05)}
:root[data-aria-tema="nuevo"] .btn-outline-primary{--bs-btn-color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .btn-check:checked + .btn-outline-primary,:root[data-aria-tema="nuevo"] .btn-check:checked + .btn-outline-secondary,:root[data-aria-tema="nuevo"] .btn-check:checked + .btn-default{background:var(--n-primary-2);color:var(--n-primary);border-color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .btn-link{--bs-btn-color:var(--n-primary);--bs-btn-hover-color:var(--n-primary-h);box-shadow:none}
/* Peligro y aviso: planos, sin degradado */
:root[data-aria-tema="nuevo"] .btn-danger,:root[data-aria-tema="nuevo"] .btn-warning{border:1px solid transparent;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);background-image:none;filter:none}
:root[data-aria-tema="nuevo"] .btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#d21f3c;--bs-btn-border-color:#d21f3c;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#b81732;--bs-btn-hover-border-color:#b81732;--bs-btn-active-bg:#a3122b;--bs-btn-active-color:#fff;--bs-btn-disabled-bg:#d21f3c;--bs-btn-disabled-color:#fff;box-shadow:0 6px 16px -8px rgba(210,31,60,.7)}
:root[data-aria-tema="nuevo"] .btn-warning{--bs-btn-color:#241900;--bs-btn-bg:#f5b400;--bs-btn-border-color:#f5b400;--bs-btn-hover-color:#241900;--bs-btn-hover-bg:#e3a700;--bs-btn-hover-border-color:#e3a700;--bs-btn-active-bg:#d29a00;--bs-btn-active-color:#241900;--bs-btn-disabled-bg:#f5b400;--bs-btn-disabled-color:#241900;box-shadow:0 6px 16px -8px rgba(245,180,0,.8)}
:root[data-aria-tema="nuevo"] .btn-danger:hover,:root[data-aria-tema="nuevo"] .btn-warning:hover{filter:none;transform:translateY(-1px)}
:root[data-aria-tema="nuevo"] .btn-outline-danger{--bs-btn-color:var(--n-danger);--bs-btn-bg:transparent;--bs-btn-border-color:var(--n-danger);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#d21f3c;--bs-btn-hover-border-color:#d21f3c}
:root[data-aria-tema="nuevo"] .btn-outline-success{--bs-btn-color:var(--n-success);--bs-btn-border-color:var(--n-success);--bs-btn-hover-bg:var(--n-success);--bs-btn-hover-border-color:var(--n-success);--bs-btn-hover-color:#fff}
:root[data-aria-tema="nuevo"] .btn-outline-warning{--bs-btn-color:var(--n-warning);--bs-btn-border-color:var(--n-warning);--bs-btn-hover-bg:#f5b400;--bs-btn-hover-border-color:#f5b400;--bs-btn-hover-color:#241900}
:root[data-aria-tema="nuevo"] .btn-outline-info{--bs-btn-color:var(--n-info);--bs-btn-border-color:var(--n-info);--bs-btn-hover-bg:var(--n-info);--bs-btn-hover-border-color:var(--n-info);--bs-btn-hover-color:#fff}
:root[data-aria-tema="nuevo"] .btn-verde{--bs-btn-bg:#0b8a5f;--bs-btn-border-color:#0b8a5f;--bs-btn-hover-bg:#08744f;--bs-btn-hover-border-color:#08744f}
:root[data-aria-tema="nuevo"] .btn-dark{--bs-btn-bg:var(--n-text);--bs-btn-border-color:var(--n-text);--bs-btn-color:var(--n-surface)}
:root[data-aria-tema="nuevo"] .btn-barra{--bs-btn-bg:var(--n-surface);height:38px;min-width:38px;box-shadow:var(--n-shadow)}
:root[data-aria-tema="nuevo"] .btn-group > .btn{box-shadow:none}
:root[data-aria-tema="nuevo"] .btn-group > .btn:hover,:root[data-aria-tema="nuevo"] .btn-group > .btn:active{transform:none}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .btn-danger{--bs-btn-bg:#e11d48;--bs-btn-border-color:#e11d48}

/* ---------------------------------------------------------------- 8. Formularios: campos grandes y foco visible */
:root[data-aria-tema="nuevo"] .form-control,:root[data-aria-tema="nuevo"] .form-select{font-size:13px;line-height:20px;min-height:38px;padding:8px 12px;border:1px solid var(--n-border-2);border-radius:var(--n-radius-sm);background-color:var(--n-surface);color:var(--n-text);transition:border-color var(--n-dur),box-shadow var(--n-dur)}
:root[data-aria-tema="nuevo"] .form-select{padding-right:34px}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .form-control,:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .form-select{background-color:var(--n-surface-2)}
:root[data-aria-tema="nuevo"] .form-control:hover,:root[data-aria-tema="nuevo"] .form-select:hover{border-color:color-mix(in srgb,var(--n-primary) 40%,var(--n-border-2))}
:root[data-aria-tema="nuevo"] .form-control:focus,:root[data-aria-tema="nuevo"] .form-select:focus{border-color:var(--n-primary);box-shadow:var(--n-ring);background-color:var(--n-surface)}
:root[data-aria-tema="nuevo"] .form-control::placeholder{color:var(--n-muted);opacity:.85}
:root[data-aria-tema="nuevo"] .form-control:disabled,:root[data-aria-tema="nuevo"] .form-control[readonly],:root[data-aria-tema="nuevo"] .form-select:disabled{background-color:var(--n-bg-2);color:var(--n-text-2)}
:root[data-aria-tema="nuevo"] .form-control-lg,:root[data-aria-tema="nuevo"] .form-select-lg{font-size:15px;min-height:46px;border-radius:11px}
:root[data-aria-tema="nuevo"] .form-control-sm,:root[data-aria-tema="nuevo"] .form-select-sm{min-height:30px;font-size:12px;padding:4px 10px;border-radius:8px;line-height:18px}
:root[data-aria-tema="nuevo"] .form-label,:root[data-aria-tema="nuevo"] label{font-size:12.5px;font-weight:600;color:var(--n-text-2);margin-bottom:5px}
:root[data-aria-tema="nuevo"] .form-text{font-size:11.5px;color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .input-group-text{font-size:13px;border-color:var(--n-border-2);background:var(--n-bg-2);color:var(--n-text-2);border-radius:var(--n-radius-sm)}
:root[data-aria-tema="nuevo"] .form-check-input{border-color:var(--n-border-2);background-color:var(--n-surface)}
:root[data-aria-tema="nuevo"] .form-check-input:focus{box-shadow:var(--n-ring);border-color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .form-check-input:checked{background-color:var(--n-primary);border-color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .form-switch .form-check-input{width:42px;height:22px;border-radius:999px}
:root[data-aria-tema="nuevo"] .form-switch .form-check-input:checked{background-color:var(--n-primary);border-color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .buscar-redondo{height:38px;border-radius:11px}
:root[data-aria-tema="nuevo"] .is-invalid,:root[data-aria-tema="nuevo"] .form-control.is-invalid{border-color:var(--n-danger)}
:root[data-aria-tema="nuevo"] .invalid-feedback{color:var(--n-danger)}
:root[data-aria-tema="nuevo"] .is-valid,:root[data-aria-tema="nuevo"] .form-control.is-valid{border-color:var(--n-success)}
:root[data-aria-tema="nuevo"] fieldset legend{font-size:13px;font-weight:700;color:var(--n-text)}

/* Combos con buscador (partials/combo-buscar) */
:root[data-aria-tema="nuevo"] .aria-combo-lista{padding:4px;font-size:13px;border-radius:12px;background:var(--n-surface);border:1px solid var(--n-border);box-shadow:var(--n-shadow-lg)!important}
:root[data-aria-tema="nuevo"] .aria-combo-lista .list-group-item{border:0;border-radius:8px!important;margin:1px 0;padding:7px 10px;background:transparent;color:var(--n-text)}
:root[data-aria-tema="nuevo"] .aria-combo-lista .list-group-item-action:hover{background:var(--n-primary-2);color:var(--n-text)}
:root[data-aria-tema="nuevo"] .aria-combo-lista .list-group-item.active{background:var(--n-primary);color:var(--n-on-primary)}
:root[data-aria-tema="nuevo"] .aria-combo-lista .aria-combo-actual{color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .aria-combo-lista .list-group-item.active.aria-combo-actual{color:var(--n-on-primary)}
:root[data-aria-tema="nuevo"] .aria-combo-lista .aria-combo-mas,:root[data-aria-tema="nuevo"] .aria-combo-lista .aria-combo-vacio{color:var(--n-muted)}

/* ---------------------------------------------------------------- 9. Etiquetas de estado: píldoras suaves */
:root[data-aria-tema="nuevo"] .badge,:root[data-aria-tema="nuevo"] .label{border-radius:999px;padding:.32em .75em;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1.2;border:1px solid transparent}
:root[data-aria-tema="nuevo"] .table .label,:root[data-aria-tema="nuevo"] .table .badge{font-size:10.5px;padding:.3em .7em;letter-spacing:.01em}
:root[data-aria-tema="nuevo"] .badge.bg-success,:root[data-aria-tema="nuevo"] .badge.text-bg-success,:root[data-aria-tema="nuevo"] .label-success,:root[data-aria-tema="nuevo"] .label-green,:root[data-aria-tema="nuevo"] .n-chip.n-ok{background-color:var(--n-success-2)!important;color:var(--n-success)!important;border-color:color-mix(in srgb,var(--n-success) 22%,transparent)}
:root[data-aria-tema="nuevo"] .badge.bg-danger,:root[data-aria-tema="nuevo"] .badge.text-bg-danger,:root[data-aria-tema="nuevo"] .label-danger,:root[data-aria-tema="nuevo"] .n-chip.n-bad{background-color:var(--n-danger-2)!important;color:var(--n-danger)!important;border-color:color-mix(in srgb,var(--n-danger) 22%,transparent)}
:root[data-aria-tema="nuevo"] .badge.bg-warning,:root[data-aria-tema="nuevo"] .badge.text-bg-warning,:root[data-aria-tema="nuevo"] .label-warning,:root[data-aria-tema="nuevo"] .label-yellow,:root[data-aria-tema="nuevo"] .n-chip.n-warn{background-color:var(--n-warning-2)!important;color:var(--n-warning)!important;border-color:color-mix(in srgb,var(--n-warning) 25%,transparent)}
:root[data-aria-tema="nuevo"] .badge.bg-info,:root[data-aria-tema="nuevo"] .badge.text-bg-info,:root[data-aria-tema="nuevo"] .label-info,:root[data-aria-tema="nuevo"] .label-aqua,:root[data-aria-tema="nuevo"] .n-chip.n-info{background-color:var(--n-info-2)!important;color:var(--n-info)!important;border-color:color-mix(in srgb,var(--n-info) 22%,transparent)}
:root[data-aria-tema="nuevo"] .badge.bg-primary,:root[data-aria-tema="nuevo"] .badge.text-bg-primary,:root[data-aria-tema="nuevo"] .label-primary,:root[data-aria-tema="nuevo"] .label-purple{background-color:var(--n-primary-2)!important;color:var(--n-primary)!important;border-color:color-mix(in srgb,var(--n-primary) 22%,transparent)}
:root[data-aria-tema="nuevo"] .badge.bg-secondary,:root[data-aria-tema="nuevo"] .badge.text-bg-secondary,:root[data-aria-tema="nuevo"] .label-default,:root[data-aria-tema="nuevo"] .badge.bg-light,:root[data-aria-tema="nuevo"] .n-chip.n-mute{background-color:var(--n-bg-2)!important;color:var(--n-text-2)!important;border-color:var(--n-border)}
/* Negro (ANULADO, «ONU caída»): píldora neutra suave, no negra sólida (cansa en jornadas largas) */
:root[data-aria-tema="nuevo"] .badge.bg-dark,:root[data-aria-tema="nuevo"] .text-bg-dark:is(.badge,.label,span),:root[data-aria-tema="nuevo"] .label-inverse,:root[data-aria-tema="nuevo"] .label.bg-dark{background-color:var(--n-bg-2)!important;color:var(--n-text-2)!important;border-color:var(--n-border-2)!important}
:root[data-aria-tema="nuevo"] .label-lime{background-color:var(--n-success-2)!important;color:var(--n-success)!important}
:root[data-aria-tema="nuevo"] .n-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600;border:1px solid transparent}
:root[data-aria-tema="nuevo"] .n-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
/* Fondos sólidos (no etiquetas) con los colores del tema */
:root[data-aria-tema="nuevo"] .bg-success:not(.badge){background-color:var(--n-success)!important}
:root[data-aria-tema="nuevo"] .bg-danger:not(.badge){background-color:var(--n-danger)!important}
:root[data-aria-tema="nuevo"] .bg-warning:not(.badge){background-color:#f5b400!important;color:#241900!important}
:root[data-aria-tema="nuevo"] .bg-info:not(.badge){background-color:var(--n-info)!important}
:root[data-aria-tema="nuevo"] .bg-primary:not(.badge){background-color:var(--n-primary)!important}
:root[data-aria-tema="nuevo"] .text-bg-light,:root[data-aria-tema="nuevo"] .bg-light{background-color:var(--n-bg-2)!important;color:var(--n-text)!important}
:root[data-aria-tema="nuevo"] .bg-white,:root[data-aria-tema="nuevo"] .bg-body{background-color:var(--n-surface)!important}
:root[data-aria-tema="nuevo"] .bg-body-tertiary,:root[data-aria-tema="nuevo"] .bg-body-secondary{background-color:var(--n-surface-2)!important}

/* ---------------------------------------------------------------- 10. Alertas, toasts, progreso */
:root[data-aria-tema="nuevo"] .alert{--bs-alert-padding-y:12px;--bs-alert-padding-x:16px;border-radius:12px;font-size:13px;border:1px solid var(--n-border);background:var(--n-surface);color:var(--n-text);box-shadow:var(--n-shadow)}
:root[data-aria-tema="nuevo"] .alert-success{background:var(--n-success-2);border-color:color-mix(in srgb,var(--n-success) 28%,transparent);color:var(--n-text);--bs-alert-link-color:var(--n-success)}
:root[data-aria-tema="nuevo"] .alert-danger{background:var(--n-danger-2);border-color:color-mix(in srgb,var(--n-danger) 28%,transparent);color:var(--n-text);--bs-alert-link-color:var(--n-danger)}
:root[data-aria-tema="nuevo"] .alert-warning{background:var(--n-warning-2);border-color:color-mix(in srgb,var(--n-warning) 30%,transparent);color:var(--n-text);--bs-alert-link-color:var(--n-warning)}
:root[data-aria-tema="nuevo"] .alert-info,:root[data-aria-tema="nuevo"] .alert-primary{background:var(--n-info-2);border-color:color-mix(in srgb,var(--n-info) 28%,transparent);color:var(--n-text);--bs-alert-link-color:var(--n-info)}
:root[data-aria-tema="nuevo"] .alert-secondary,:root[data-aria-tema="nuevo"] .alert-light{background:var(--n-surface-2);border-color:var(--n-border);color:var(--n-text)}
:root[data-aria-tema="nuevo"] .alert-success > i:first-child,:root[data-aria-tema="nuevo"] .alert-success > .fa:first-child,:root[data-aria-tema="nuevo"] .alert-success > .fas:first-child{color:var(--n-success)}
:root[data-aria-tema="nuevo"] .alert-danger > i:first-child,:root[data-aria-tema="nuevo"] .alert-danger > .fa:first-child,:root[data-aria-tema="nuevo"] .alert-danger > .fas:first-child{color:var(--n-danger)}
:root[data-aria-tema="nuevo"] .alert-warning > i:first-child,:root[data-aria-tema="nuevo"] .alert-warning > .fa:first-child,:root[data-aria-tema="nuevo"] .alert-warning > .fas:first-child{color:var(--n-warning)}
:root[data-aria-tema="nuevo"] .alert-info > i:first-child,:root[data-aria-tema="nuevo"] .alert-info > .fa:first-child,:root[data-aria-tema="nuevo"] .alert-info > .fas:first-child{color:var(--n-info)}
:root[data-aria-tema="nuevo"] .aria-contenido > .alert{animation:n-entrar .35s var(--n-ease) both}
:root[data-aria-tema="nuevo"] .toast{--bs-toast-bg:var(--n-glass);--bs-toast-border-color:var(--n-border);--bs-toast-border-radius:12px;--bs-toast-box-shadow:var(--n-shadow-lg);--bs-toast-header-bg:transparent;--bs-toast-header-color:var(--n-text);--bs-toast-color:var(--n-text);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);font-size:13px}
:root[data-aria-tema="nuevo"] .toast.showing,:root[data-aria-tema="nuevo"] .toast.show{animation:n-toast .28s var(--n-ease) both}
@keyframes n-toast{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
:root[data-aria-tema="nuevo"] .progress{height:8px;border-radius:999px;background:var(--n-bg-2)}
:root[data-aria-tema="nuevo"] .progress-bar{background:var(--n-grad);border-radius:999px}
:root[data-aria-tema="nuevo"] .progress-bar.bg-success{background:var(--n-success)!important}
:root[data-aria-tema="nuevo"] .progress-bar.bg-danger{background:var(--n-danger)!important}
:root[data-aria-tema="nuevo"] .progress-bar.bg-warning{background:#f5b400!important}
:root[data-aria-tema="nuevo"] .spinner-border{color:var(--n-primary)}

/* ---------------------------------------------------------------- 11. Ventanas (modales) y menús desplegables */
:root[data-aria-tema="nuevo"] .modal{--bs-modal-bg:var(--n-surface);--bs-modal-color:var(--n-text);--bs-modal-border-color:var(--n-border);--bs-modal-border-radius:18px;--bs-modal-inner-border-radius:17px;--bs-modal-header-border-color:var(--n-border);--bs-modal-footer-border-color:var(--n-border);--bs-modal-header-padding:16px 22px;--bs-modal-padding:20px 22px}
:root[data-aria-tema="nuevo"] .modal-content{border-radius:18px;border:1px solid var(--n-border);box-shadow:var(--n-shadow-lg);background:var(--n-surface)}
:root[data-aria-tema="nuevo"] .modal-header{background:transparent;border-bottom:1px solid var(--n-border);border-radius:18px 18px 0 0;padding:16px 22px}
:root[data-aria-tema="nuevo"] .modal-title{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--n-text)}
:root[data-aria-tema="nuevo"] .modal-footer{background:var(--n-surface-2);border-top:1px solid var(--n-border);padding:12px 18px}
:root[data-aria-tema="nuevo"] .modal-backdrop{--bs-backdrop-bg:#020617;--bs-backdrop-opacity:.42}
:root[data-aria-tema="nuevo"] .modal-backdrop.show{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
:root[data-aria-tema="nuevo"] .modal.fade .modal-dialog{transform:translateY(10px) scale(.98);transition:transform .22s var(--n-ease),opacity .22s}
:root[data-aria-tema="nuevo"] .modal.show .modal-dialog{transform:none}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}
:root[data-aria-tema="nuevo"] .dropdown-menu{--bs-dropdown-bg:var(--n-surface);--bs-dropdown-color:var(--n-text);--bs-dropdown-border-color:var(--n-border);--bs-dropdown-border-radius:12px;--bs-dropdown-link-color:var(--n-text);--bs-dropdown-link-hover-bg:var(--n-primary-2);--bs-dropdown-link-hover-color:var(--n-text);--bs-dropdown-link-active-bg:var(--n-primary);--bs-dropdown-link-active-color:var(--n-on-primary);--bs-dropdown-divider-bg:var(--n-border);--bs-dropdown-header-color:var(--n-muted);font-size:13px;padding:6px;border:1px solid var(--n-border);box-shadow:var(--n-shadow-lg)}
:root[data-aria-tema="nuevo"] .dropdown-menu.show{animation:n-caer .16s var(--n-ease) both}
@keyframes n-caer{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
:root[data-aria-tema="nuevo"] .dropdown-item{border-radius:8px;padding:7px 12px}
:root[data-aria-tema="nuevo"] .dropdown-item i{color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .dropdown-item:hover i,:root[data-aria-tema="nuevo"] .dropdown-item:focus i{color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .dropdown-header{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px 4px}
:root[data-aria-tema="nuevo"] .dropdown-divider{margin:5px 4px}
:root[data-aria-tema="nuevo"] .aria-usuario .dropdown-menu{min-width:230px;border-radius:14px}
:root[data-aria-tema="nuevo"] .aria-usuario .dropdown-item{padding:8px 12px}
:root[data-aria-tema="nuevo"] .list-group{--bs-list-group-bg:var(--n-surface);--bs-list-group-color:var(--n-text);--bs-list-group-border-color:var(--n-border);--bs-list-group-border-radius:12px;--bs-list-group-action-hover-bg:var(--n-primary-2);--bs-list-group-action-hover-color:var(--n-text);--bs-list-group-active-bg:var(--n-primary);--bs-list-group-active-border-color:var(--n-primary);--bs-list-group-active-color:var(--n-on-primary);font-size:13px}
:root[data-aria-tema="nuevo"] .popover{--bs-popover-bg:var(--n-surface);--bs-popover-border-color:var(--n-border);--bs-popover-border-radius:12px;--bs-popover-box-shadow:var(--n-shadow-lg);--bs-popover-header-bg:var(--n-surface-2)}
:root[data-aria-tema="nuevo"] .tooltip{--bs-tooltip-bg:#0f172a;--bs-tooltip-border-radius:8px;--bs-tooltip-font-size:12px}
:root[data-aria-tema="nuevo"] .aria-tip{background:var(--n-info-2);color:var(--n-info)}
:root[data-aria-tema="nuevo"] .aria-tip:hover::after,:root[data-aria-tema="nuevo"] .aria-tip:focus::after{background:#0f172a;border-radius:10px;box-shadow:var(--n-shadow-lg)}
:root[data-aria-tema="nuevo"] .aria-tip:hover::before,:root[data-aria-tema="nuevo"] .aria-tip:focus::before{border-top-color:#0f172a}
:root[data-aria-tema="nuevo"] .aria-tip:focus{outline-color:var(--n-primary)}

/* ---------------------------------------------------------------- 12. Pestañas, píldoras, paginación */
:root[data-aria-tema="nuevo"] .nav-tabs{--bs-nav-tabs-border-color:var(--n-border);--bs-nav-tabs-link-active-bg:transparent;--bs-nav-tabs-link-active-color:var(--n-primary);gap:2px;padding:0 4px;background:transparent;border-radius:0;border-bottom:1px solid var(--n-border);font-size:13px}
:root[data-aria-tema="nuevo"] .nav-tabs .nav-link{position:relative;margin:0;padding:10px 14px;border:0!important;border-radius:9px 9px 0 0;background:transparent;color:var(--n-muted);font-weight:600;transition:color var(--n-dur),background var(--n-dur)}
:root[data-aria-tema="nuevo"] .nav-tabs .nav-link:hover{background:var(--n-primary-2);color:var(--n-text)}
:root[data-aria-tema="nuevo"] .nav-tabs .nav-link.active,:root[data-aria-tema="nuevo"] .nav-tabs .nav-item.show .nav-link{background:transparent;color:var(--n-primary);box-shadow:none}
:root[data-aria-tema="nuevo"] .nav-tabs .nav-link.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2.5px;border-radius:3px 3px 0 0;background:var(--n-grad)}
:root[data-aria-tema="nuevo"] .nav-tabs .nav-link i{color:inherit;opacity:.85}
:root[data-aria-tema="nuevo"] .nav-pills{--bs-nav-pills-border-radius:999px;--bs-nav-pills-link-active-bg:var(--n-primary);--bs-nav-pills-link-active-color:var(--n-on-primary);gap:4px}
:root[data-aria-tema="nuevo"] .nav-pills .nav-link{border-radius:999px;color:var(--n-text-2);font-weight:600;font-size:12.5px;padding:6px 14px}
:root[data-aria-tema="nuevo"] .nav-pills .nav-link:hover{background:var(--n-primary-2);color:var(--n-text)}
:root[data-aria-tema="nuevo"] .nav-pills .nav-link.active{background:var(--n-primary);color:var(--n-on-primary);box-shadow:0 6px 14px -6px rgba(37,99,235,.6)}
:root[data-aria-tema="nuevo"] .tab-content{color:var(--n-text)}
:root[data-aria-tema="nuevo"] .pagination{gap:6px;--bs-pagination-font-size:12.5px}
:root[data-aria-tema="nuevo"] .pagination .page-link{min-width:36px;height:36px;padding:0 11px;border:1px solid var(--n-border);border-radius:10px!important;background:var(--n-surface);color:var(--n-text-2);font-weight:600;box-shadow:none;transition:background var(--n-dur),color var(--n-dur),border-color var(--n-dur)}
:root[data-aria-tema="nuevo"] .pagination .page-link:hover{background:var(--n-primary-2);color:var(--n-primary);border-color:var(--n-primary-2)}
:root[data-aria-tema="nuevo"] .pagination .page-link:focus{box-shadow:var(--n-ring)}
:root[data-aria-tema="nuevo"] .pagination .page-item.active .page-link{background:var(--n-grad);border-color:transparent;color:#fff;box-shadow:0 6px 14px -6px rgba(37,99,235,.6)}
:root[data-aria-tema="nuevo"] .pagination .page-item.disabled .page-link{opacity:.55;background:var(--n-surface-2)}
:root[data-aria-tema="nuevo"] .accordion{--bs-accordion-bg:var(--n-surface);--bs-accordion-border-color:var(--n-border);--bs-accordion-border-radius:12px;--bs-accordion-inner-border-radius:11px;--bs-accordion-active-bg:var(--n-primary-2);--bs-accordion-active-color:var(--n-primary);--bs-accordion-btn-focus-box-shadow:var(--n-ring)}

/* ---------------------------------------------------------------- 13. Pantallas angostas (≤ 991 px) */
@media (max-width:991px){
  :root[data-aria-tema="nuevo"] .aria-cabecera{top:8px;left:8px;right:8px;height:52px;padding:0 4px;gap:4px}
  :root[data-aria-tema="nuevo"] body.lateral-mini .aria-cabecera{left:8px}
  :root[data-aria-tema="nuevo"] .aria-logo{position:static;width:auto;height:52px;padding:0 4px;order:-2}
  :root[data-aria-tema="nuevo"] .aria-logo::after{display:none}
  :root[data-aria-tema="nuevo"] .aria-logo img{width:32px;height:32px}
  :root[data-aria-tema="nuevo"] .aria-hamburguesa{order:-1;margin:0;padding:8px 6px;border-radius:10px}
  :root[data-aria-tema="nuevo"] .aria-buscar{flex:1;width:auto;min-width:0;margin:0 2px;height:38px}
  :root[data-aria-tema="nuevo"] .aria-buscar::after{display:none}
  :root[data-aria-tema="nuevo"] .aria-atajos{flex:0 1 auto;min-width:0}
  :root[data-aria-tema="nuevo"] .aria-atajos > a,:root[data-aria-tema="nuevo"] .aria-atajos > .aria-soporte > a{width:34px;height:36px;font-size:15px}
  :root[data-aria-tema="nuevo"] .aria-usuario > a{padding:0 2px;margin:0}
  :root[data-aria-tema="nuevo"] .aria-lateral,:root[data-aria-tema="nuevo"] body.lateral-mini .aria-lateral{top:68px;left:8px;bottom:8px;width:min(300px,calc(100vw - 16px));padding-top:4px;transform:translateX(calc(-100% - 20px))}
  :root[data-aria-tema="nuevo"] .aria-lateral::before{display:none}
  :root[data-aria-tema="nuevo"] body.lateral-abierto .aria-lateral{transform:none}
  :root[data-aria-tema="nuevo"] body.lateral-abierto .aria-fondo-movil{inset:0;background:rgba(2,6,23,.40);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
  :root[data-aria-tema="nuevo"] .aria-contenido,:root[data-aria-tema="nuevo"] body.lateral-mini .aria-contenido{margin-left:0;padding:72px 10px 16px}
  :root[data-aria-tema="nuevo"] .aria-titulo h1{font-size:20px;line-height:28px}
  :root[data-aria-tema="nuevo"] .aria-engrane{bottom:88px;right:8px}
}
@media (max-width:575px){
  /* Teléfono: el buscador baja a su propia fila para que los atajos no se monten encima */
  :root[data-aria-tema="nuevo"] .aria-cabecera{height:auto;flex-wrap:wrap;padding:6px;row-gap:6px}
  :root[data-aria-tema="nuevo"] .aria-logo{height:40px}
  :root[data-aria-tema="nuevo"] .aria-buscar{order:10;flex:1 0 100%;margin:0}
  :root[data-aria-tema="nuevo"] .aria-atajos{margin-left:auto}
  :root[data-aria-tema="nuevo"] .aria-lateral,:root[data-aria-tema="nuevo"] body.lateral-mini .aria-lateral{top:112px}
  :root[data-aria-tema="nuevo"] .aria-contenido,:root[data-aria-tema="nuevo"] body.lateral-mini .aria-contenido{padding-top:116px}
}
@media (max-width:420px){
  :root[data-aria-tema="nuevo"] .aria-atajos > a,:root[data-aria-tema="nuevo"] .aria-atajos > .aria-soporte > a{width:30px}
  :root[data-aria-tema="nuevo"] .aria-avatar{width:26px;height:26px;font-size:10.5px}
  :root[data-aria-tema="nuevo"] .aria-buscar button{width:26px}
}
:root[data-aria-tema="nuevo"][data-vista="movil"] .aria-contenido{max-width:480px;margin-left:auto;margin-right:auto}

/* ---------------------------------------------------------------- 14. Movimiento reducido e impresión */
@media (prefers-reduced-motion:reduce){
  :root[data-aria-tema="nuevo"] *,:root[data-aria-tema="nuevo"] *::before,:root[data-aria-tema="nuevo"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  :root[data-aria-tema="nuevo"] .btn:hover,:root[data-aria-tema="nuevo"] .btn:active{transform:none!important}
}
@media print{
  :root[data-aria-tema="nuevo"] body{background:#fff;background-image:none}
  :root[data-aria-tema="nuevo"] .aria-contenido{margin:0;padding:0;animation:none}
  :root[data-aria-tema="nuevo"] .table > thead{position:static}
  :root[data-aria-tema="nuevo"] .table-responsive{max-height:none!important;box-shadow:none}
}

/* ---------------------------------------------------------------- 15. Entrada (layouts/simple: login, licencia, restablecer) */
:root[data-aria-tema="nuevo"] body:has(> .acceso){color:var(--n-text);background:var(--n-bg);font-family:var(--n-font)}
:root[data-aria-tema="nuevo"] .fondo{background:radial-gradient(700px 520px at 12% 8%,rgba(37,99,235,.28),transparent 60%),radial-gradient(640px 520px at 92% 88%,rgba(20,184,166,.24),transparent 60%),radial-gradient(900px 700px at 60% 30%,rgba(37,99,235,.16),transparent 62%),linear-gradient(160deg,#f5f8fd 0%,#edf2fa 55%,#e6edf7 100%);animation:n-aurora 40s ease-in-out infinite alternate}
:root[data-aria-tema="nuevo"] .fondo::after{opacity:.5;background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
@keyframes n-aurora{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.08) translate(-1.5%,1%)}}
:root[data-aria-tema="nuevo"] .acceso{width:380px}
:root[data-aria-tema="nuevo"] .acceso.ancha{width:480px}
:root[data-aria-tema="nuevo"] .acceso-cabeza,:root[data-aria-tema="nuevo"] .acceso.panel-login .acceso-cabeza{justify-content:center;margin-left:0;padding:0 0 22px;gap:0}
:root[data-aria-tema="nuevo"] .acceso-candado{display:none}
:root[data-aria-tema="nuevo"] .acceso-logo,:root[data-aria-tema="nuevo"] .acceso.panel-login .acceso-logo{display:flex;align-items:center;gap:14px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;line-height:normal}
:root[data-aria-tema="nuevo"] .acceso-logo img,:root[data-aria-tema="nuevo"] .acceso.panel-login .acceso-logo img{width:64px;height:64px;border-radius:20px;box-shadow:0 0 0 1px rgba(37,99,235,.15),0 16px 40px -8px rgba(37,99,235,.5)}
:root[data-aria-tema="nuevo"] .acceso-logo span,:root[data-aria-tema="nuevo"] .acceso.panel-login .acceso-logo span{display:block}
:root[data-aria-tema="nuevo"] .acceso-logo b{font-size:26px;letter-spacing:.24em;line-height:30px;background:var(--n-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-aria-tema="nuevo"] .acceso-logo small{color:var(--n-muted);font-size:12px;font-weight:500}
:root[data-aria-tema="nuevo"] .acceso-tarjeta,:root[data-aria-tema="nuevo"] .panel-login .acceso-tarjeta{padding:30px 30px 26px;border-radius:22px;background:rgba(255,255,255,.78);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(37,99,235,.08),0 30px 80px -20px rgba(15,60,55,.30)}
:root[data-aria-tema="nuevo"] .acceso-tarjeta h6,:root[data-aria-tema="nuevo"] .acceso-tarjeta label,:root[data-aria-tema="nuevo"] .acceso-tarjeta .form-label{color:var(--n-text-2)}
:root[data-aria-tema="nuevo"] .acceso-tarjeta .text-muted,:root[data-aria-tema="nuevo"] .acceso-tarjeta .form-text{color:var(--n-muted)!important}
:root[data-aria-tema="nuevo"] .acceso-tarjeta a{color:var(--n-primary);font-weight:600}
:root[data-aria-tema="nuevo"] .acceso-tarjeta .form-control,:root[data-aria-tema="nuevo"] .panel-login .acceso-tarjeta .form-control{height:46px;font-size:14px;border-radius:11px;background:#fff;border:1px solid var(--n-border-2);color:var(--n-text)}
:root[data-aria-tema="nuevo"] .acceso-tarjeta .form-control::placeholder{color:var(--n-muted)}
:root[data-aria-tema="nuevo"] .acceso-tarjeta .form-control:focus{border-color:var(--n-primary);box-shadow:var(--n-ring);background:#fff}
:root[data-aria-tema="nuevo"] .acceso-tarjeta .form-control.form-control-sm,:root[data-aria-tema="nuevo"] .acceso-tarjeta .row .form-control{height:40px;font-size:13px}
:root[data-aria-tema="nuevo"] .acceso-tarjeta .btn-lg,:root[data-aria-tema="nuevo"] .panel-login .acceso-tarjeta .btn-lg{height:48px;border-radius:12px;font-size:15px;border:0;background:var(--n-grad);color:#fff;box-shadow:0 14px 30px -10px rgba(37,99,235,.7)}
:root[data-aria-tema="nuevo"] .acceso-tarjeta .btn-lg:hover{filter:brightness(1.06);transform:translateY(-1px)}
:root[data-aria-tema="nuevo"] .acceso-tarjeta .form-check-input{background-color:#fff;border-color:var(--n-border-2)}
:root[data-aria-tema="nuevo"] .acceso-tarjeta .form-check-input:checked{background-color:var(--n-primary);border-color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .acceso-pie,:root[data-aria-tema="nuevo"] .panel-login .acceso-pie{color:var(--n-muted);font-size:12px;text-align:center}
:root[data-aria-tema="nuevo"] .panel-login .acceso-pie a,:root[data-aria-tema="nuevo"] .acceso-pie a{color:var(--n-primary)}
:root[data-aria-tema="nuevo"] .acceso .alert{font-size:12.5px;border-radius:11px}
:root[data-aria-tema="nuevo"] .acceso ~ .modal .modal-header{background:transparent}
@media (max-width:420px){:root[data-aria-tema="nuevo"] .acceso-tarjeta,:root[data-aria-tema="nuevo"] .panel-login .acceso-tarjeta{padding:24px 18px 20px}}

/* ---------------------------------------------------------------- 16. Lectura cómoda en jornadas largas (revisión 2026-10-01)
   Filas alternas: se cuentan SOLO las filas de datos visibles. Muchos listados (clientes, facturas…) intercalan una
   <tr class="fila-detalle d-none"> después de cada fila; con nth-of-type la cebra caía siempre en esas filas ocultas. */
:root[data-aria-tema="nuevo"] .table > tbody > tr:nth-child(even of :not(.fila-detalle,.filtros,.filtro-columna,.d-none,[hidden],[style*="display: none"],[style*="display:none"])) > td{background-color:var(--n-zebra)}
:root[data-aria-tema="nuevo"] .table > tbody > tr:not(.fila-detalle,.filtros,.filtro-columna):hover > td{background-color:var(--n-row-hover)}
:root[data-aria-tema="nuevo"] .table > tbody > tr:not(.fila-detalle,.filtros,.filtro-columna):hover > td:first-child{box-shadow:inset 3px 0 0 var(--n-primary)}
/* Ícono de ayuda (ⓘ): se dibuja la «i» con SVG; el carácter ⓘ no existe en muchas fuentes y salía como cuadro vacío */
:root[data-aria-tema="nuevo"] .aria-tip{width:16px;height:16px;color:transparent;background:var(--n-info-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='4.6' r='1.25' fill='%2301659c'/%3E%3Crect x='6.9' y='6.8' width='2.2' height='5.6' rx='1.1' fill='%2301659c'/%3E%3C/svg%3E") center/16px 16px no-repeat;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--n-info) 30%,transparent)}
:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .aria-tip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='4.6' r='1.25' fill='%2338bdf8'/%3E%3Crect x='6.9' y='6.8' width='2.2' height='5.6' rx='1.1' fill='%2338bdf8'/%3E%3C/svg%3E")}
:root[data-aria-tema="nuevo"] .aria-tip:hover::after,:root[data-aria-tema="nuevo"] .aria-tip:focus::after{color:#fff}
/* Foco de teclado bien visible en campos y enlaces de tabla */
:root[data-aria-tema="nuevo"] .form-control:focus-visible,:root[data-aria-tema="nuevo"] .form-select:focus-visible{outline:0}
:root[data-aria-tema="nuevo"] .table a:focus-visible,:root[data-aria-tema="nuevo"] .aria-menu a:focus-visible{outline:2px solid var(--n-primary);outline-offset:1px;border-radius:6px}

/* ---------------------------------------------------------------- 17. Cierre del rediseño (2026-10-01, agente TEMA-CIERRE)
   Pedidos de REVISOR-PANTALLAS y REVISOR-RED (/root/corte/rediseno/PEDIDOS.md). */
/* 17.1 Globo de ARIA + engranaje: más compactos, translúcidos en reposo y, en escritorio, un carril libre a la derecha
   para que no tapen la última columna (acciones, «Empleado», fachadas). Reemplaza el carril propio de Inicio. */
:root[data-aria-tema="nuevo"] .aria-copiloto{right:14px;bottom:14px;width:48px;height:48px;padding:2px;opacity:.82;transition:opacity var(--n-dur),transform var(--n-dur) var(--n-ease)}
:root[data-aria-tema="nuevo"] .aria-copiloto:hover,:root[data-aria-tema="nuevo"] .aria-copiloto:focus-visible{opacity:1}
:root[data-aria-tema="nuevo"] .aria-engrane{right:20px;bottom:72px;width:36px;height:36px;font-size:15px;opacity:.82;transition:opacity var(--n-dur)}
:root[data-aria-tema="nuevo"] .aria-engrane:hover,:root[data-aria-tema="nuevo"] .aria-engrane:focus-visible{opacity:1}
:root[data-aria-tema="nuevo"] .aria-apariencia{bottom:72px}
:root[data-aria-tema="nuevo"] .aria-apariencia.abierto{right:66px}
@media (min-width:992px){
  :root[data-aria-tema="nuevo"] .aria-contenido{padding-right:72px}
  :root[data-aria-tema="nuevo"] .aria-contenido .tablero{padding-right:0}
  :root[data-aria-tema="nuevo"] .panel-aria.expandido{right:72px}
}
@media (max-width:991px){
  :root[data-aria-tema="nuevo"] .aria-copiloto{right:10px;bottom:10px;width:44px;height:44px}
  :root[data-aria-tema="nuevo"] .aria-engrane{right:14px;bottom:62px;width:34px;height:34px}
  :root[data-aria-tema="nuevo"] .aria-apariencia{bottom:62px}
  :root[data-aria-tema="nuevo"] .aria-contenido,:root[data-aria-tema="nuevo"] body.lateral-mini .aria-contenido{padding-bottom:72px}
}
/* 17.2 Títulos: Plus Jakarta Sans trae un espacio muy angosto (0,18 em) y en negrita parece pegado
   («Resumendel sistema»). El word-spacing del body se hereda en px calculado a 13,5 px; en títulos se recalcula. */
:root[data-aria-tema="nuevo"] :is(h1,h2,h3,h4,h5,h6,.titulo,.card-header,.modal-title,legend,.aria-titulo){word-spacing:.1em}
/* 17.3 Dorado viejo de aria.css: foco de campos y botón del buscador de la cabecera (cualquier estado) */
:root[data-aria-tema="nuevo"] .aria-buscar,:root[data-aria-tema="nuevo"][data-bs-theme="dark"] .aria-buscar{border-color:var(--n-border)}
:root[data-aria-tema="nuevo"] .aria-buscar button:is(:hover,:focus,:focus-visible,:active){background:var(--n-primary-2);color:var(--n-primary);outline:0;box-shadow:none}
:root[data-aria-tema="nuevo"] :is(.form-control,.form-select,.buscar-redondo,input,textarea,select):focus{border-color:var(--n-primary)}
:root[data-aria-tema="nuevo"] :is(.form-control,.form-select,.buscar-redondo):focus{box-shadow:var(--n-ring)}
:root[data-aria-tema="nuevo"] .aria-buscar input:focus{box-shadow:none}
:root[data-aria-tema="nuevo"] .aria-tip:focus{outline-color:var(--n-primary)}
/* 17.4 Botones con texto en la cabecera de paneles: no forzarlos al cuadrado de 28 px de los iconos */
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .herramientas .btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:28px;height:28px;padding:0 10px;gap:6px;font-size:12px;font-weight:600;white-space:nowrap}
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .herramientas .btn:is(.btn-primary,.btn-success,.btn-info,.btn-oro,.btn-azul){background:var(--n-primary);border-color:var(--n-primary);color:var(--n-on-primary)}
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .herramientas .btn:is(.btn-primary,.btn-success,.btn-info,.btn-oro,.btn-azul):hover{background:var(--n-primary-h);border-color:var(--n-primary-h);color:var(--n-on-primary)}
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .herramientas .btn.btn-danger{background:var(--n-danger);border-color:var(--n-danger);color:#fff}
:root[data-aria-tema="nuevo"] .panel-aria > .cabeza .herramientas form{display:flex}
/* 17.5 Interruptores: el switch del tema mide 42 px; el hueco de Bootstrap (2,5 em) era menor y el texto quedaba pegado */
:root[data-aria-tema="nuevo"] .form-switch:not(.form-check-reverse){padding-left:52px}
:root[data-aria-tema="nuevo"] .form-switch:not(.form-check-reverse) .form-check-input{margin-left:-52px}
:root[data-aria-tema="nuevo"] .form-switch .form-check-input ~ :is(small,span,.form-check-label){vertical-align:middle;line-height:22px}
/* 17.6 Paginación activa: sin el borde dorado que algunas vistas fijan con !important (.b2-pie) */
:root[data-aria-tema="nuevo"] .pagination .page-item.active .page-link{border-color:transparent!important}
/* 17.7 Teléfono: la barra de las tablas (buscador + exportar/columnas) baja de línea en vez de salirse de la tarjeta */
@media (max-width:575px){
  :root[data-aria-tema="nuevo"] :is(.panel-aria,.aria-tarjeta) [class$="-barra"],:root[data-aria-tema="nuevo"] :is(.panel-aria,.aria-tarjeta) [class*="-barra "]{flex-wrap:wrap;min-width:0;max-width:100%}
  :root[data-aria-tema="nuevo"] :is(.panel-aria,.aria-tarjeta) .derecha{flex-wrap:wrap;min-width:0;max-width:100%;margin-left:0;width:100%}
  :root[data-aria-tema="nuevo"] :is(.panel-aria,.aria-tarjeta) .derecha > :is(input,.buscar-redondo,.form-control){flex:1 1 120px;width:auto;min-width:0}
  :root[data-aria-tema="nuevo"] :is(.panel-aria,.aria-tarjeta) .derecha > :is(.btn,form){flex:0 0 auto}
  :root[data-aria-tema="nuevo"] :is(.panel-aria,.aria-tarjeta) .derecha .aria-exportar{flex-wrap:wrap;margin-left:auto}
}