/* ATULADO · Panel de crédito v3 (14/10/2026) — estilo Cosmos corporativo
   Entorno oscuro azul ATULADO con fondo geométrico suave; superficies que suben de
   luminosidad según su elevación (Material dark theme); titulares en mayúsculas;
   naranja solo para la acción principal; sin sombras en tarjetas. */
:root{
--a-navy:#00264D;--a-orange:#FF6E05;--a-orange-h:#E86200;--a-orange-soft:rgba(255,110,5,.15);--a-yellow:#FFCC00;
--a-title:#FFFFFF;--a-ink:#E8EEF9;--a-muted:#A9B8D3;--a-soft:#7F93B5;
--a-s0:#000C1F;--a-s1:rgba(10,30,63,.90);--a-s2:#0F2A55;--a-s3:#15345F;--a-campo:#061632;--a-drawer:#04112A;
--a-line:rgba(255,255,255,.08);--a-line2:rgba(255,255,255,.16);--a-line3:rgba(255,255,255,.28);
--a-ok:#4FD18B;--a-ok-solid:#1E9E66;--a-ok-soft:rgba(79,209,139,.13);--a-ok-txt:#A7F0C8;
--a-warn:#FFC94D;--a-warn-soft:rgba(255,201,77,.13);--a-warn-txt:#FFE3A1;
--a-bad:#FF7B6B;--a-bad-soft:rgba(255,123,107,.13);--a-bad-txt:#FFC1B8;
--a-info:#7FB2FF;--a-info-soft:rgba(127,178,255,.13);--a-info-txt:#C9DDFF;
--a-radius:16px;--a-r-btn:12px;}
*{box-sizing:border-box;}
html,body{margin:0;}
html{background:radial-gradient(1300px 760px at 95% -15%,rgba(245,130,31,.08),transparent 60%),linear-gradient(180deg,#002350 0%,#001834 40%,#000C1F 100%);background-attachment:fixed;min-height:100%;scrollbar-color:rgba(185,199,224,.25) transparent;}
body.a2{background:transparent;color:var(--a-ink);font:500 14px/1.5 'Nunito',system-ui,sans-serif;letter-spacing:.012em;visibility:hidden;color-scheme:dark;-webkit-font-smoothing:antialiased;}
body.a2.listo{visibility:visible;}
#fondo-geo{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;}
::selection{background:rgba(255,110,5,.55);color:#fff;}
.a2 :focus-visible{outline:2px solid var(--a-orange);outline-offset:2px;}
.a2 button,.a2 input,.a2 select,.a2 textarea{font-family:inherit;}
.a2 a{color:var(--a-info);}
.a2 select option{background:#0A1E3F;color:#fff;}

/* ---------- Estructura ---------- */
.a2-app{position:relative;z-index:1;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;}
.a2-side{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,rgba(0,32,66,.80) 0%,rgba(0,10,26,.86) 100%);border-right:1px solid var(--a-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--a-muted);display:flex;flex-direction:column;padding:18px 14px;gap:6px;}
.a2-logo{display:flex;align-items:center;gap:10px;padding:4px 6px 18px;border-bottom:1px solid var(--a-line);margin-bottom:10px;}
.a2-logo span.placa{width:86px;flex:0 0 86px;height:46px;border-radius:12px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.a2-logo img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.35);}
.a2-logo b{display:block;color:#fff;font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.a2-logo small{display:block;color:var(--a-soft);font-size:11.5px;}
.a2-nav{display:flex;flex-direction:column;gap:3px;}
.a2-nav button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:none;border-radius:12px;background:transparent;color:var(--a-muted);font-weight:700;font-size:14px;cursor:pointer;text-align:left;transition:background .15s,color .15s;}
.a2-nav button:hover{background:rgba(255,255,255,.06);color:#fff;}
.a2-nav button.activo{background:rgba(255,110,5,.14);color:#fff;box-shadow:inset 3px 0 0 var(--a-orange);}
.a2-nav .ico{width:20px;text-align:center;opacity:.9;}
.a2-nav .cnt{margin-left:auto;min-width:22px;padding:1px 7px;border-radius:104px;background:var(--a-orange);color:#fff;font-size:11.5px;font-weight:900;text-align:center;}
.a2-side-pie{margin-top:auto;padding-top:12px;border-top:1px solid var(--a-line);font-size:12px;}
.a2-side-pie .modo{display:block;margin-bottom:10px;padding:9px 11px;border-radius:12px;background:rgba(255,204,0,.10);border:1px solid rgba(255,204,0,.25);color:var(--a-yellow);font-weight:800;line-height:1.35;}
.a2-side-pie button{width:100%;padding:10px;border-radius:12px;border:1px solid var(--a-line2);background:transparent;color:var(--a-muted);font-weight:800;cursor:pointer;}
.a2-side-pie button:hover{background:#fff;color:var(--a-navy);border-color:#fff;}
.a2-main{min-width:0;padding:26px 30px 64px;}
@media (max-width:900px){
.a2-app{grid-template-columns:1fr;}
.a2-side{position:sticky;z-index:30;height:auto;flex-direction:row;align-items:center;padding:8px 10px;gap:8px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--a-line);}
.a2-logo{border:none;padding:0;margin:0;}
.a2-logo div{display:none;}
.a2-nav{flex-direction:row;}
.a2-nav button{white-space:nowrap;padding:8px 10px;font-size:13px;}
.a2-nav button.activo{box-shadow:inset 0 -3px 0 var(--a-orange);}
.a2-side-pie{margin:0 0 0 auto;padding:0;border:none;display:flex;gap:6px;}
.a2-side-pie .modo{display:none;}
.a2-main{padding:18px 14px 90px;}
}

/* ---------- Encabezados de página ---------- */
.a2-pagina{display:none;}
.a2-pagina.activa{display:block;animation:a2entra .3s ease both;}
@keyframes a2entra{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.a2-titulo{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;}
.a2-titulo h1{margin:0;font-size:clamp(26px,3vw,34px);font-weight:900;color:var(--a-title);letter-spacing:-.01em;text-transform:uppercase;line-height:1;}
.a2-titulo p{margin:6px 0 0;color:var(--a-muted);font-size:13.5px;}
.a2-titulo .acciones{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;}
.a2-aviso{display:flex;gap:10px;align-items:flex-start;padding:9px 14px;border-radius:12px;margin-bottom:16px;font-size:12.5px;line-height:1.45;background:var(--a-warn-soft);color:var(--a-warn-txt);border:1px solid rgba(255,201,77,.28);}
.a2-aviso a{color:#fff;}

/* ---------- Botones ---------- */
.b{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 15px;border-radius:var(--a-r-btn);border:1px solid var(--a-line2);background:rgba(255,255,255,.03);color:var(--a-ink);font-weight:800;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;}
.b:hover{border-color:var(--a-line3);background:rgba(255,255,255,.08);color:#fff;}
.b.pri{background:var(--a-orange);border-color:var(--a-orange);color:#fff;}
.b.pri:hover{background:var(--a-orange-h);border-color:var(--a-orange-h);}
.b.ok{background:var(--a-ok-solid);border-color:var(--a-ok-solid);color:#fff;}
.b.ok:hover{background:#178A57;}
.b.mal{background:transparent;border-color:rgba(255,123,107,.5);color:#FF9B8E;}
.b.mal:hover{background:var(--a-bad-soft);color:#fff;}
.b.nav{background:#fff;border-color:#fff;color:var(--a-navy);}
.b.nav:hover{background:#E9EEF8;color:var(--a-navy);}
.b.min{min-height:30px;padding:0 10px;font-size:12px;border-radius:10px;}
.b:disabled{opacity:.4;cursor:not-allowed;}
select.b{appearance:auto;padding:0 10px;}

/* ---------- Tarjetas y métricas ---------- */
.c{background:var(--a-s1);border:1px solid var(--a-line);border-radius:var(--a-radius);}
.c-pad{padding:20px;}
.c h3{margin:0 0 4px;font-size:13.5px;font-weight:900;color:var(--a-title);text-transform:uppercase;letter-spacing:.05em;}
.c .sub{margin:0 0 14px;color:var(--a-muted);font-size:12.5px;}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
.kpi{position:relative;overflow:hidden;padding:16px 18px;cursor:pointer;transition:border-color .15s,transform .15s,background .15s;text-align:left;width:100%;color:var(--a-ink);font:inherit;}
.kpi::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border:1px solid rgba(255,255,255,.07);border-radius:18px;transform:rotate(30deg);}
.kpi:hover{border-color:var(--a-line3);transform:translateY(-1px);background:rgba(15,42,85,.92);}
.kpi .l{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;color:var(--a-muted);text-transform:uppercase;letter-spacing:.07em;}
.kpi .l i{width:8px;height:8px;border-radius:50%;display:inline-block;}
.kpi .n{display:block;margin-top:8px;font-size:34px;font-weight:900;color:var(--a-title);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
.kpi small{display:block;margin-top:6px;color:var(--a-soft);font-size:12px;}

/* ---------- Pestañas de cola ---------- */
.colas{display:flex;gap:4px;border-bottom:1px solid var(--a-line);margin-bottom:12px;overflow-x:auto;scrollbar-width:none;}
.colas::-webkit-scrollbar{display:none;}
.colas button{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:12px 12px;border:none;background:none;color:var(--a-muted);font-weight:800;font-size:13.5px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;}
.colas button:hover{color:#fff;}
.colas button.activo{color:#fff;border-bottom-color:var(--a-orange);}
.colas .cnt{padding:0 8px;border-radius:104px;background:rgba(255,255,255,.08);color:var(--a-muted);font-size:11.5px;line-height:20px;}
.colas button.activo .cnt{background:var(--a-orange-soft);color:#FFB27A;}
.ayuda-cola{margin:-2px 0 12px;color:var(--a-soft);font-size:12.5px;}

/* ---------- Filtros ---------- */
.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;}
.filtros input,.filtros select{height:40px;padding:0 12px;border:1px solid var(--a-line2);border-radius:var(--a-r-btn);background:var(--a-campo);color:var(--a-ink);font-size:13px;min-width:0;}
.filtros input::placeholder{color:var(--a-soft);}
.filtros input[type=search]{flex:1 1 240px;}
.filtros select{flex:0 1 190px;}
.filtros input[type=date]{flex:0 1 150px;}
@media (max-width:1100px){.filtros input[type=date]{flex:1 1 130px;}}
.filtros label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--a-muted);white-space:nowrap;}
.filtros input:focus,.filtros select:focus{outline:none;border-color:var(--a-orange);box-shadow:0 0 0 3px rgba(255,110,5,.2);}

/* ---------- Tabla ---------- */
.tabla-wrap{overflow-x:auto;}
table.t{width:100%;border-collapse:collapse;font-size:13px;}
table.t th{position:sticky;top:0;background:#0C2347;text-align:left;padding:11px 9px;font-size:10.5px;font-weight:900;color:var(--a-soft);text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--a-line2);white-space:nowrap;}
table.t td{padding:11px 9px;border-bottom:1px solid var(--a-line);vertical-align:middle;}
table.t td:nth-child(3){max-width:260px;}
table.t tbody tr{cursor:pointer;transition:background .12s;}
table.t tbody tr:hover{background:rgba(255,255,255,.04);}
table.t tbody tr.sel{background:rgba(255,110,5,.09);}
table.t td.chk,table.t th.chk{width:36px;padding-right:0;}
table.t input[type=checkbox]{width:16px;height:16px;accent-color:var(--a-orange);cursor:pointer;}
.t-rad{font-weight:900;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.01em;}
.t-mini{display:block;color:var(--a-soft);font-size:11.5px;font-weight:600;white-space:nowrap;}
.t-nom{font-weight:800;color:var(--a-ink);max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.t-num{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;}
.vacio{padding:50px 16px;text-align:center;color:var(--a-muted);}
.vacio b{display:block;color:#fff;font-size:15px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em;}
.pag{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;color:var(--a-muted);font-size:12.5px;}

/* ---------- Etiquetas (píldoras 104px) ---------- */
.p{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:104px;font-size:11.5px;font-weight:800;white-space:nowrap;background:rgba(255,255,255,.08);color:var(--a-muted);border:1px solid transparent;}
.p.ok{background:var(--a-ok-soft);color:var(--a-ok);border-color:rgba(79,209,139,.22);}
.p.warn{background:var(--a-warn-soft);color:var(--a-warn);border-color:rgba(255,201,77,.22);}
.p.bad{background:var(--a-bad-soft);color:var(--a-bad);border-color:rgba(255,123,107,.22);}
.p.info{background:var(--a-info-soft);color:var(--a-info);border-color:rgba(127,178,255,.22);}
.p.nav{background:#fff;color:var(--a-navy);}
.p.prueba{background:rgba(255,110,5,.16);color:#FFB27A;font-size:10px;letter-spacing:.06em;padding:2px 7px;}
.punto{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px;}
.punto.v{background:var(--a-ok);} .punto.a{background:var(--a-warn);} .punto.r{background:var(--a-bad);}
.pend{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:104px;background:var(--a-warn-soft);color:var(--a-warn);font-weight:900;font-size:12px;}
.pend.ok{background:var(--a-ok-soft);color:var(--a-ok);}

/* ---------- Barra de acciones masivas ---------- */
.masiva{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:40;display:none;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100% - 24px);padding:10px 12px;border-radius:16px;background:rgba(15,42,85,.96);border:1px solid rgba(255,110,5,.45);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.masiva.ver{display:flex;}
.masiva .txt{font-weight:800;font-size:13px;padding:0 6px;}
.masiva .b{min-height:34px;}

/* ---------- Expediente (panel lateral) ---------- */
.capa{position:fixed;inset:0;z-index:50;background:rgba(0,6,16,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:none;}
.capa.ver{display:block;}
.exp{position:fixed;top:0;right:0;bottom:0;z-index:51;width:min(1080px,100%);background:var(--a-drawer);border-left:1px solid var(--a-line2);transform:translateX(102%);transition:transform .25s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;color:var(--a-ink);}
.exp.ver{transform:none;}
.exp-head{background:linear-gradient(135deg,#0B3A75 0%,#06244C 60%,#04112A 100%);border-bottom:1px solid var(--a-line2);padding:16px 22px;display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;}
.exp-head .cerrar{width:38px;height:38px;border-radius:12px;border:1px solid var(--a-line2);background:rgba(255,255,255,.05);cursor:pointer;font-size:18px;color:#fff;flex:0 0 38px;}
.exp-head .cerrar:hover{background:#fff;color:var(--a-navy);}
.exp-id{flex:1;min-width:220px;}
.exp-id h2{margin:0;font-size:22px;font-weight:900;color:#fff;line-height:1.1;overflow-wrap:anywhere;text-transform:uppercase;letter-spacing:-.01em;}
.exp-id .meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:7px;color:var(--a-muted);font-size:12.5px;align-items:center;}
.exp-acc{display:flex;gap:6px;flex-wrap:wrap;}
.exp-body{flex:1;overflow:auto;padding:20px 22px 44px;}
.exp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start;}
@media (max-width:980px){.exp-grid{grid-template-columns:1fr;}}
.exp .c{background:#0A1E3F;}
.reco{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border-radius:var(--a-radius);margin-bottom:14px;border:1px solid;}
.reco .ico{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;color:#04112A;}
.reco b{display:block;font-size:15px;text-transform:uppercase;letter-spacing:.02em;}
.reco p{margin:3px 0 0;font-size:13px;line-height:1.5;}
.reco.ok{background:var(--a-ok-soft);border-color:rgba(79,209,139,.35);color:var(--a-ok-txt);} .reco.ok .ico{background:var(--a-ok);}
.reco.warn{background:var(--a-warn-soft);border-color:rgba(255,201,77,.35);color:var(--a-warn-txt);} .reco.warn .ico{background:var(--a-warn);}
.reco.bad{background:var(--a-bad-soft);border-color:rgba(255,123,107,.35);color:var(--a-bad-txt);} .reco.bad .ico{background:var(--a-bad);}
.reco.info{background:var(--a-info-soft);border-color:rgba(127,178,255,.35);color:var(--a-info-txt);} .reco.info .ico{background:var(--a-info);}
.reco b{color:#fff;}

.tabs{display:flex;gap:2px;border-bottom:1px solid var(--a-line);margin:0 0 14px;overflow-x:auto;scrollbar-width:none;}
.tabs::-webkit-scrollbar{display:none;}
.tabs button{flex:0 0 auto;padding:10px 13px;border:none;background:none;color:var(--a-muted);font-weight:800;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;}
.tabs button:hover{color:#fff;}
.tabs button.activo{color:#fff;border-bottom-color:var(--a-orange);}
.tab{display:none;} .tab.activo{display:block;}

.metricas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;}
@media (max-width:620px){.metricas{grid-template-columns:repeat(2,minmax(0,1fr));}}
.metrica{padding:13px 15px;min-width:0;}
.metrica span{display:block;font-size:10.5px;font-weight:800;color:var(--a-muted);text-transform:uppercase;letter-spacing:.08em;}
.metrica b{display:block;margin-top:5px;font-size:19px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.metrica small{display:block;color:var(--a-soft);font-size:11.5px;margin-top:2px;}
.metrica.ok b{color:var(--a-ok);} .metrica.bad b{color:var(--a-bad);} .metrica.warn b{color:var(--a-warn);}

.barra-desc{margin:4px 0 2px;}
.barra-desc .riel{position:relative;height:10px;border-radius:10px;background:rgba(255,255,255,.08);overflow:visible;}
.barra-desc .riel i{position:absolute;left:0;top:0;bottom:0;border-radius:10px;}
.barra-desc .riel em{position:absolute;top:-4px;bottom:-4px;width:2px;background:#fff;left:50%;}
.barra-desc .eje{display:flex;justify-content:space-between;font-size:11px;color:var(--a-soft);margin-top:5px;}

.bloque{margin-bottom:14px;}
.bloque h4{margin:0 0 9px;font-size:11.5px;font-weight:900;color:var(--a-muted);text-transform:uppercase;letter-spacing:.09em;}
.lista{list-style:none;margin:0;padding:0;}
.lista li{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--a-line);font-size:13px;line-height:1.5;}
.lista li:last-child{border-bottom:none;}
.lista .i{flex:0 0 22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;margin-top:1px;}
.lista .i.ok{background:var(--a-ok-soft);color:var(--a-ok);} .lista .i.bad{background:var(--a-bad-soft);color:var(--a-bad);} .lista .i.warn{background:var(--a-warn-soft);color:var(--a-warn);} .lista .i.info{background:var(--a-info-soft);color:var(--a-info);}
dl.datos{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:7px 14px;margin:0;font-size:13px;}
dl.datos dt{color:var(--a-muted);}
dl.datos dd{margin:0;font-weight:700;min-width:0;overflow-wrap:anywhere;color:#fff;}

table.desp{width:100%;border-collapse:collapse;font-size:12.5px;min-width:520px;}
table.desp th{text-align:right;padding:8px 10px;font-size:10.5px;color:var(--a-soft);font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--a-line2);white-space:nowrap;}
table.desp th:first-child,table.desp td:first-child{text-align:left;}
table.desp td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--a-line);font-variant-numeric:tabular-nums;}
table.desp td:first-child{color:var(--a-muted);font-weight:700;}
table.desp tr.tot td{font-weight:900;color:#fff;border-top:1px solid var(--a-line3);}
table.desp td.prom{background:rgba(255,255,255,.04);font-weight:800;color:#fff;}
table.desp tr.sep td{background:rgba(255,255,255,.05);color:#fff;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}

.docs-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;}
@media (max-width:760px){.docs-grid{grid-template-columns:1fr;}}
.docs-lista button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 11px;border:1px solid var(--a-line);background:rgba(255,255,255,.03);border-radius:12px;margin-bottom:6px;cursor:pointer;font-weight:700;font-size:12.5px;color:var(--a-ink);text-align:left;}
.docs-lista button:hover{border-color:var(--a-line3);}
.docs-lista button.activo{border-color:var(--a-orange);background:var(--a-orange-soft);color:#fff;}
.visor{min-height:520px;border:1px solid var(--a-line2);border-radius:16px;background:#E9EEF6;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#3A4A63;}
.visor iframe{width:100%;height:620px;border:none;}
.visor img{max-width:100%;max-height:620px;display:block;}

.linea-t{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--a-line2);}
.linea-t li{position:relative;padding:0 0 15px 14px;font-size:13px;}
.linea-t li::before{content:'';position:absolute;left:-21px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--a-drawer);border:2px solid var(--a-orange);}
.linea-t li b{color:#fff;}
.linea-t li small{display:block;color:var(--a-soft);font-size:11.5px;}

/* Panel de acción (derecha) */
.accion{position:sticky;top:0;}
.accion .c{padding:18px;background:linear-gradient(180deg,#0F2A55 0%,#0A1E3F 100%);border-color:var(--a-line2);}
.pasos-a{display:flex;gap:6px;margin:2px 0 14px;}
.pasos-a span{flex:1;height:5px;border-radius:5px;background:rgba(255,255,255,.10);}
.pasos-a span.h{background:var(--a-ok);} .pasos-a span.a{background:var(--a-orange);}
.accion h3{margin:0 0 4px;}
.accion .que{margin:0 0 12px;color:var(--a-muted);font-size:12.5px;line-height:1.5;}
.campo{margin-bottom:11px;}
.campo label{display:block;margin-bottom:5px;font-size:11.5px;font-weight:800;color:var(--a-muted);text-transform:uppercase;letter-spacing:.06em;}
.campo .ayuda{display:block;margin-bottom:6px;color:var(--a-soft);font-size:11.5px;line-height:1.45;}
.campo input,.campo select,.campo textarea{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--a-line2);border-radius:var(--a-r-btn);background:var(--a-campo);color:var(--a-ink);font-size:13px;}
.campo input::placeholder,.campo textarea::placeholder{color:var(--a-soft);}
.campo textarea{min-height:76px;resize:vertical;}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--a-orange);box-shadow:0 0 0 3px rgba(255,110,5,.2);}
.campo.chk label{display:flex;gap:8px;align-items:flex-start;font-weight:700;line-height:1.45;text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--a-ink);}
.campo.chk input{width:16px;min-height:16px;height:16px;margin-top:2px;accent-color:var(--a-orange);flex:0 0 16px;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.msg{margin-top:8px;font-size:12.5px;font-weight:800;}
.msg.err{color:var(--a-bad);} .msg.ok{color:var(--a-ok);}
.sep{height:1px;background:var(--a-line);margin:14px 0;}
.tip{padding:11px 13px;border-radius:12px;background:var(--a-info-soft);border:1px solid rgba(127,178,255,.22);color:var(--a-info-txt);font-size:12.5px;line-height:1.5;margin-bottom:10px;}
.tip b{color:#fff;}
.tip ul{margin:4px 0 0;padding-left:16px;}
details summary{color:var(--a-muted);}

/* ---------- Tablero ---------- */
.graf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.graf-grid .ancha{grid-column:1 / -1;}
@media (max-width:900px){.graf-grid{grid-template-columns:1fr;}}
.graf{position:relative;height:270px;}
.graf.baja{height:230px;}

/* ---------- Insumos y guía ---------- */
.ins-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
@media (max-width:900px){.ins-grid{grid-template-columns:1fr;}}
.ins-grid .c .b{margin:4px 6px 0 0;}
.estado-l{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--a-line);font-size:13px;}
.estado-l:last-child{border-bottom:none;}
.estado-l b{margin-left:auto;text-align:right;color:#fff;}
.guia{max-width:920px;}
.guia h2{margin:26px 0 10px;font-size:18px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-.01em;}
.guia h2:first-child{margin-top:4px;}
.guia p,.guia li{font-size:13.5px;line-height:1.65;color:var(--a-ink);}
.guia b,.guia strong{color:#fff;}
.guia table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0 12px;border:1px solid var(--a-line);border-radius:12px;overflow:hidden;}
.guia th{background:#0F2A55;color:#fff;text-align:left;padding:9px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;}
.guia td{padding:9px 11px;border-bottom:1px solid var(--a-line);vertical-align:top;}

.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--a-orange);border-radius:50%;animation:giro .8s linear infinite;vertical-align:-2px;}
@keyframes giro{to{transform:rotate(360deg);}}
.toast{position:fixed;right:18px;top:18px;z-index:80;max-width:360px;padding:13px 16px;border-radius:12px;background:#fff;color:var(--a-navy);font-weight:800;font-size:13px;display:none;border-left:4px solid var(--a-orange);}
.toast.ver{display:block;animation:a2entra .25s ease both;}

/* Pantallas medianas: menú solo con íconos para dar espacio a la bandeja */
@media (min-width:901px) and (max-width:1320px){
.a2-app{grid-template-columns:76px minmax(0,1fr);}
.a2-side{padding:14px 10px;align-items:center;}
.a2-logo{padding:0 0 12px;}
.a2-logo div{display:none;}
.a2-logo span.placa{width:50px;flex:0 0 50px;}
.a2-logo img{transform:scale(1.9);object-position:22% 50%;}
.a2-nav button{font-size:0;justify-content:center;padding:12px 0;position:relative;}
.a2-nav .ico{font-size:17px;width:auto;}
.a2-nav .cnt{position:absolute;top:2px;right:2px;font-size:10px;min-width:18px;padding:0 4px;}
.a2-side-pie .modo{font-size:0;padding:6px;text-align:center;}
.a2-side-pie .modo::before{content:'🧪';font-size:16px;}
.a2-side-pie button{font-size:0;padding:8px 0;}
.a2-side-pie button::before{content:'⎋';font-size:16px;}
.a2-main{padding:22px 24px 64px;}
}
@media (prefers-reduced-motion:reduce){.a2 *{animation:none !important;transition:none !important;}}

/* Impresión: vuelve a papel blanco */
@media print{
html{background:#fff !important;}
#fondo-geo,.a2-side,.masiva,.exp,.capa,.a2-titulo .acciones{display:none !important;}
.a2-app{display:block;}
body.a2{--a-title:#00264D;--a-ink:#152238;--a-muted:#5E6E86;--a-soft:#8A98AE;--a-line:#E3E8F0;--a-line2:#D5DDE8;--a-s1:#fff;color:#152238;background:#fff;}
.c{background:#fff;border-color:#E3E8F0;}
.guia h2,.guia b,.guia strong,.a2-titulo h1{color:#00264D;}
.guia th{background:#00264D;}
}

/* ---------- Lote 2 · paso 8: vista dividida del expediente (documento al lado de los datos) ---------- */
.exp.dividida{width:100%;}
.exp-split{display:grid;grid-template-columns:minmax(0,var(--ancho-doc,50%)) 14px minmax(0,1fr);padding:0;overflow:hidden;min-height:0;}
.exp-split .doc-panel{display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 0 14px 18px;}
.exp-split .exp-datos{overflow:auto;min-width:0;min-height:0;padding:20px 22px 44px 6px;container-type:inline-size;}
.doc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.doc-chips button{padding:6px 11px;border:1px solid var(--a-line);background:rgba(255,255,255,.03);border-radius:104px;cursor:pointer;font-weight:700;font-size:12px;color:var(--a-ink);}
.doc-chips button:hover{border-color:var(--a-line3);}
.doc-chips button.activo{border-color:var(--a-orange);background:var(--a-orange-soft);color:var(--a-ink);}
.doc-pos{align-self:center;font-size:12px;font-weight:800;color:var(--a-muted);min-width:46px;text-align:center;}
.doc-panel .visor{flex:1;min-height:0;align-items:stretch;}
.doc-panel .visor-lienzo{height:100%;}
.doc-panel .visor iframe{height:100%;min-height:0;}
.doc-panel .visor img{max-height:100%;margin:auto;object-fit:contain;}
.doc-panel .vacio{margin-top:40px;}
.divisor{position:relative;cursor:col-resize;touch-action:none;outline:none;}
.divisor::before{content:'';position:absolute;top:14px;bottom:14px;left:5px;width:4px;border-radius:4px;background:var(--a-line2);transition:background .15s;}
.divisor:hover::before,.divisor:focus-visible::before,.arrastrando .divisor::before{background:var(--a-orange);}
.arrastrando{cursor:col-resize;user-select:none;}
.arrastrando iframe,.arrastrando img{pointer-events:none;}
.exp-split .docs-lista{max-width:420px;}
@container (max-width:760px){.exp-grid{grid-template-columns:1fr;}}
@media (max-width:1099px){#xDiv{display:none;}}
html[data-tema=claro] .doc-chips button{background:#fff;}
html[data-tema=claro] .doc-chips button.activo{color:#00264D;}

/* ---------- Lote 3: indicadores SARC (barras de magnitud, un solo tono) ---------- */
.sarc .kpi{cursor:default;}
.sarc .kpi:hover{transform:none;}
.sarc-barras{display:flex;flex-direction:column;gap:8px;}
.sarc-fila{display:grid;grid-template-columns:minmax(90px,38%) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12.5px;}
.sarc-fila .et{color:var(--a-ink);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sarc-fila .riel{height:10px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden;}
.sarc-fila .riel i{display:block;height:100%;border-radius:0 4px 4px 0;background:#5B95F0;min-width:2px;}
.sarc-fila .va{color:var(--a-muted);font-variant-numeric:tabular-nums;white-space:nowrap;}
.sarc-fila:hover .riel i{background:#7FB2FF;}
html[data-tema=claro] .sarc-fila .riel{background:#EEF2F7;}
html[data-tema=claro] .sarc-fila .riel i{background:#00264D;}
@media (max-width:620px){.sarc-fila{grid-template-columns:1fr auto;}.sarc-fila .riel{grid-column:1 / -1;grid-row:2;}}
.sarc .a2-titulo .acciones input[type=date]{background:transparent;border:0;color:inherit;font:inherit;}
/* Insumos en pantallas angostas: una tabla ancha no debe ensanchar la página (se desplaza dentro de su tarjeta) */
.ins-grid>*{min-width:0;}
@media (max-width:900px){.ins-grid{grid-template-columns:minmax(0,1fr);}}
.ins-grid summary,.ins-grid .t-mini{white-space:normal;}
.ins-grid .tip,.ins-grid .t-mini,.ins-grid code{overflow-wrap:anywhere;}
.sarc .graf-grid>*{min-width:0;}
@media (max-width:900px){.sarc .graf-grid{grid-template-columns:minmax(0,1fr);}}
@media (max-width:620px){.sarc .metricas{grid-template-columns:minmax(0,1fr);}}
/* Lote 3: página Retención */
#pag-retencion .ins-grid{margin-top:4px;}
#pag-retencion .a2-aviso{margin-bottom:14px;}
/* Diálogos del panel: fondo sólido y lo de atrás oscurecido (antes se transparentaba) */
dialog.c{background:var(--a-drawer);color:var(--a-ink);border:1px solid var(--a-line2) !important;}
dialog::backdrop{background:rgba(0,6,16,.62);}

/* =====================================================================
   v4 (14/10/2026) · Jerarquía visual: menú agrupado, encabezados con
   sobretítulo, alertas compactas, salud del sistema y secciones con
   pestañas en Insumos. Solo presentación: ningún id ni flujo cambia.
   ===================================================================== */
/* Menú lateral agrupado */
.a2-nav{gap:2px;}
.a2-nav .grupo{padding:14px 12px 5px;font-size:10.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--a-soft);}
.a2-nav .grupo:first-child{padding-top:2px;}
.a2-nav .ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;opacity:.85;}
.a2-nav .ico svg{display:block;}
.a2-nav button.activo .ico{opacity:1;color:var(--a-orange);}
@media (min-width:901px) and (max-width:1320px){.a2-nav .grupo{font-size:0;padding:0;height:1px;margin:8px 12px;background:var(--a-line);}.a2-nav .grupo:first-child{display:none;}}
@media (max-width:900px){.a2-nav .grupo{display:none !important;}}

/* Encabezado de página: sobretítulo, título y descripción */
.a2-titulo{padding-bottom:18px;border-bottom:1px solid var(--a-line);margin-bottom:22px;}
.a2-titulo .kicker{display:block;margin-bottom:7px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--a-orange);}
.a2-titulo h1{font-size:clamp(22px,2.4vw,28px);line-height:1.1;letter-spacing:.01em;}
.a2-titulo p{max-width:780px;line-height:1.5;}
html[data-tema=claro] .a2-titulo .kicker{color:#B84E00;}

/* Alertas de la bandeja: una por fila, con severidad y acción */
.alertas{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.alerta{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;border-radius:12px;border:1px solid var(--a-line);border-left:4px solid var(--a-info);background:var(--a-info-soft);}
.alerta.bad{border-left-color:var(--a-bad);background:var(--a-bad-soft);}
.alerta.warn{border-left-color:var(--a-warn);background:var(--a-warn-soft);}
.alerta>i{display:none;}
.alerta .tx{flex:1;min-width:0;font-size:12.5px;line-height:1.45;}
.alerta .tx b{display:block;color:var(--a-title);font-size:13px;font-weight:900;}
.alerta .tx span{color:var(--a-muted);}
.alerta .b{flex:0 0 auto;}
@media (max-width:620px){.alerta{flex-wrap:wrap;}.alerta .b{margin-left:auto;}}

/* Salud del sistema (Insumos) */
.salud{margin-bottom:18px;}
.salud-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.salud-cab>b{font-size:11.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--a-muted);}
.salud-cab>span{display:flex;gap:6px;flex-wrap:wrap;}
.salud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;}
.salud-t{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:3px;min-width:0;padding:14px 14px 12px;border-radius:14px;border:1px solid var(--a-line);background:var(--a-s1);color:var(--a-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s;}
.salud-t::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--a-line2);}
.salud-t:hover{border-color:var(--a-line3);transform:translateY(-1px);}
.salud-t .et{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:900;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;color:var(--a-muted);}
.salud-t .et i{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:var(--a-soft);}
.salud-t b{font-size:16px;font-weight:900;color:var(--a-title);line-height:1.2;overflow-wrap:anywhere;}
.salud-t small{font-size:11.5px;color:var(--a-soft);line-height:1.35;}
.salud-t.ok::before,.salud-t.ok .et i{background:var(--a-ok);}
.salud-t.warn::before,.salud-t.warn .et i{background:var(--a-warn);}
.salud-t.bad::before,.salud-t.bad .et i{background:var(--a-bad);}
.salud-t.warn b{color:var(--a-warn);} .salud-t.bad b{color:var(--a-bad);}
@media (max-width:620px){.salud-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Secciones de Insumos con pestañas segmentadas */
.seg{display:flex;gap:4px;padding:4px;margin-bottom:20px;border-radius:14px;background:var(--a-s1);border:1px solid var(--a-line);overflow-x:auto;scrollbar-width:none;}
.seg::-webkit-scrollbar{display:none;}
.seg button{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:0;border-radius:10px;background:transparent;color:var(--a-muted);font:inherit;font-weight:800;font-size:13px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s;}
.seg button:hover{color:var(--a-title);background:rgba(255,255,255,.04);}
.seg button.activo{color:var(--a-title);background:var(--a-orange-soft);box-shadow:inset 0 0 0 1px rgba(255,110,5,.45);}
.seg button .ico{display:inline-flex;width:18px;height:18px;}
.seg button.activo .ico{color:var(--a-orange);}
.ins-sec{display:none;}
.ins-sec.activa{display:block;animation:a2entra .25s ease both;}
.sec-cab{margin-bottom:14px;}
.sec-cab h2{margin:0;font-size:15px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--a-title);}
.sec-cab p{margin:4px 0 0;max-width:780px;color:var(--a-muted);font-size:13px;line-height:1.5;}

/* Cada tarjeta con su alto natural (sin huecos al lado de una tarjeta larga) */
.ins-sec .ins-grid{align-items:start;}
/* Encabezado de tarjeta: ícono, título y una línea clara */
.c-cab{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;}
.c-cab>div{min-width:0;}
.c-cab h3{margin:2px 0 4px;}
.c-cab .sub{margin:0;line-height:1.5;}
.ico-chip{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--a-info-soft);color:var(--a-info);border:1px solid rgba(127,178,255,.22);}
.tarjeta{scroll-margin-top:20px;}
.tarjeta.ancha{grid-column:1 / -1;}
.tarjeta.resalte{animation:a2resalte 1.8s ease;}
@keyframes a2resalte{0%,35%{border-color:var(--a-orange);box-shadow:0 0 0 4px rgba(255,110,5,.22);}100%{box-shadow:0 0 0 0 rgba(255,110,5,0);}}
@media print{.salud,.seg{display:none !important;}.ins-sec{display:block !important;}}

/* =====================================================================
   v4 · Barra lateral con lenguaje DESIGN 3 (app tipo Discord, acento ATULADO)
   Entorno azul profundo, categorías en mayúsculas pequeñas, opción activa con
   superficie clara + indicador en el borde + ícono naranja (texto oscuro sobre
   naranja), y panel de usuario abajo con avatar e iconos. Sin sombras.
   ===================================================================== */
.a2-app{grid-template-columns:256px minmax(0,1fr);}
.a2-side{padding:16px 12px 0;gap:0;background:linear-gradient(180deg,#001A38 0%,#000E24 55%,#000A1A 100%);border-right:1px solid rgba(255,255,255,.06);backdrop-filter:none;-webkit-backdrop-filter:none;color:#B9C7E0;}
/* Marca */
.a2-logo{flex-direction:column;align-items:stretch;gap:10px;padding:0 0 14px;margin:0 0 4px;border-bottom:1px solid rgba(255,255,255,.07);}
.a2-logo span.placa{display:block;width:100%;flex:none;height:64px;border-radius:16px;background:#fff;overflow:hidden;}
.a2-logo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none;}
.a2-logo .marca{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;}
.a2-logo .marca b{display:block;margin:0;font-size:11px;font-weight:900;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;color:#B9C7E0;}
.a2-logo .marca .modo{display:inline-flex;align-items:center;gap:6px;margin:0;padding:3px 9px;border-radius:104px;background:rgba(255,204,0,.12);border:1px solid rgba(255,204,0,.35);color:#FFCC00;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;line-height:1.4;}
.a2-logo .marca .modo::before{content:'';width:6px;height:6px;border-radius:50%;background:#FFCC00;}
.a2-logo .marca .modo[hidden]{display:none;}
/* Navegación */
.a2-nav{flex:1;min-height:0;overflow-y:auto;margin:0 -12px;padding:2px 12px 10px;gap:2px;scrollbar-width:thin;scrollbar-color:rgba(185,199,224,.18) transparent;}
.a2-nav .grupo{padding:16px 10px 6px;font-size:10.5px;font-weight:900;letter-spacing:.14em;color:#7F93B5;}
.a2-nav .grupo:first-child{padding-top:10px;}
.a2-nav button{position:relative;gap:11px;min-height:42px;padding:6px 10px 6px 6px;border-radius:12px;color:#B9C7E0;font-size:14px;font-weight:700;letter-spacing:.012em;}
.a2-nav .ico{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:rgba(255,255,255,.04);color:#B9C7E0;opacity:1;transition:background .15s,color .15s;}
.a2-nav .ico svg{width:17px;height:17px;}
.a2-nav button:hover{background:rgba(255,255,255,.05);color:#fff;}
.a2-nav button:hover .ico{background:rgba(255,255,255,.08);color:#fff;}
.a2-nav button.activo{background:rgba(255,255,255,.09);color:#fff;box-shadow:none;}
.a2-nav button.activo .ico{background:var(--a-orange);color:#000A1A;}
.a2-nav button.activo::before{content:'';position:absolute;left:-12px;top:50%;width:4px;height:22px;transform:translateY(-50%);border-radius:0 4px 4px 0;background:#fff;}
.a2-nav .cnt{min-width:22px;padding:1px 7px;line-height:18px;}
/* Panel de usuario */
.a2 .a2-side-pie{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 -12px;padding:12px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,6,16,.55);font-size:12px;}
.a2 .a2-side-pie .yo{flex:0 0 100%;display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 4px;}
.a2-side-pie .avatar{position:relative;flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFCC00 0%,#FF6E05 100%);color:#000A1A;font-weight:900;font-size:13px;letter-spacing:.02em;}
.a2-side-pie .avatar i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#4FD18B;border:2.5px solid #000A1A;}
.a2-side-pie .quien{display:flex;flex-direction:column;min-width:0;line-height:1.25;}
.a2-side-pie .quien b{color:#fff;font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.a2-side-pie .quien small{color:#7F93B5;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.a2 .a2-side-pie .ib,.a2 .a2-side-pie .tema-btn{flex:1 1 0;min-width:0;width:auto;height:34px;min-height:0;margin:0;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#B9C7E0;font:inherit;font-size:11.5px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.a2 .a2-side-pie .ib:hover,.a2 .a2-side-pie .tema-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#fff;}
.a2 .a2-side-pie #btnSalir:hover{background:rgba(255,123,107,.14);border-color:rgba(255,123,107,.4);color:#FFC1B8;}
.a2 .a2-side-pie .ib svg{width:16px;height:16px;flex:0 0 16px;}
.a2 .a2-side-pie .tema-btn .txt{display:none;}
.a2 .a2-side-pie .tema-btn .ico{font-size:15px;line-height:1;}
.a2 .a2-side-pie .ib::before,.a2 .a2-side-pie .tema-btn::before{content:none;}
.a2 .a2-side-pie .tema-btn::after{content:'Tema';}
.a2 .a2-side-pie #btnMiClave::after{content:'Clave';}
.a2 .a2-side-pie #btnSalir::after{content:'Salir';}
/* Pantallas medianas: solo íconos */
@media (min-width:901px) and (max-width:1320px){
.a2-app{grid-template-columns:76px minmax(0,1fr);}
.a2-side{padding:14px 10px 0;align-items:stretch;}
.a2-logo{padding-bottom:12px;align-items:center;}
.a2-logo span.placa{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;}
.a2-logo span.placa img{display:none;}
.a2-logo span.placa::after{content:'A';font-size:28px;font-weight:900;line-height:1;color:#FF6E05;}
.a2-nav .grupo{font-size:0;padding:0;height:1px;margin:8px 8px;background:rgba(255,255,255,.08);}
.a2-nav .grupo:first-child{display:none;}
.a2-logo .marca{justify-content:center;padding:0;}
.a2-logo .marca b{display:none;}
.a2-logo .marca .modo{font-size:0;padding:5px;gap:0;}
.a2-nav{margin:0 -10px;padding:2px 10px 10px;}
.a2-nav button{justify-content:center;padding:6px 0;font-size:0;}
.a2-nav button.activo::before{left:-10px;}
.a2-nav .cnt{position:absolute;top:0;right:2px;font-size:10px;min-width:18px;padding:0 4px;line-height:16px;}
.a2 .a2-side-pie{flex-direction:column;flex-wrap:nowrap;margin:0 -10px;padding:10px 0;}
.a2 .a2-side-pie .yo{flex:none;justify-content:center;margin:0 0 2px;}
.a2-side-pie .quien{display:none;}
.a2 .a2-side-pie .ib,.a2 .a2-side-pie .tema-btn{flex:none;width:40px;height:34px;font-size:0;padding:0;}
.a2 .a2-side-pie .ib::after,.a2 .a2-side-pie .tema-btn::after{content:none;}
.a2 .a2-side-pie .tema-btn .ico{font-size:15px;}
}
/* Celular: barra superior */
@media (max-width:900px){
.a2-app{grid-template-columns:1fr;}
.a2-side{padding:8px 10px;}
.a2-logo{flex-direction:row;border:none;padding:0;margin:0;}
.a2-logo span.placa{width:84px;height:40px;border-radius:12px;}
.a2-logo .marca{display:none;}
.a2-nav{flex:none;overflow:visible;margin:0;padding:0;}
.a2-nav button{min-height:38px;padding:4px 10px 4px 4px;}
.a2-nav .ico{width:28px;height:28px;flex-basis:28px;}
.a2-nav button.activo::before{left:50%;top:auto;bottom:-8px;width:22px;height:3px;transform:translateX(-50%);border-radius:3px 3px 0 0;background:var(--a-orange);}
.a2 .a2-side-pie{flex-wrap:nowrap;margin:0 0 0 auto;padding:0;border:none;background:none;}
.a2 .a2-side-pie .yo{display:none;}
.a2 .a2-side-pie .ib,.a2 .a2-side-pie .tema-btn{flex:none;width:36px;height:36px;font-size:0;padding:0;}
.a2 .a2-side-pie .ib::after,.a2 .a2-side-pie .tema-btn::after{content:none;}
}

/* Campañas de preaprobados (14/10/2026) */
#campCont .t-mini{white-space:normal;line-height:1.5;}
#campCont .campo.chk label{flex-wrap:wrap;align-items:center;}
#campCont .campo.chk label input[type=number],#campCont .campo.chk label select{width:auto;min-height:30px;height:30px;flex:0 0 auto;margin:0;padding:4px 8px;}
#campCont .campo.chk label input[type=number]{width:78px;}
#campCont h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--a-muted);}
@media (max-width:700px){#campCont .grid2{grid-template-columns:1fr;}#campCont .campo.chk label[style]{margin-left:0!important;}}

/* ==========================================================================
   v5 · movimiento y acabado profesional (14/10/2026)
   Solo presentación. Relieve con brillos internos y bordes (el diseño no usa sombras
   proyectadas). Todo el movimiento se apaga con «reducir movimiento».
   ========================================================================== */
:root{--pro-ease:cubic-bezier(.2,.8,.2,1);--pro-spring:cubic-bezier(.34,1.4,.64,1);}

/* Barra de progreso de las peticiones */
.pro-barra{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;pointer-events:none;opacity:0;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#FF6E05,#FFCC00);}
.pro-barra.activa{opacity:1;animation:pro-carga 9s cubic-bezier(.08,.6,.2,1) forwards;}
.pro-barra.activa.fin{animation:none;transform:scaleX(1);opacity:0;transition:transform .22s var(--pro-ease),opacity .3s .12s;}
@keyframes pro-carga{0%{transform:scaleX(0)}15%{transform:scaleX(.42)}100%{transform:scaleX(.93)}}

/* Botones: relieve, respuesta al pulsar y foco visible */
body.pro .b{transition:background .18s,border-color .18s,color .18s,transform .12s var(--pro-ease),filter .18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
body.pro .b:active:not(:disabled){transform:translateY(1px) scale(.985);}
body.pro .b:focus-visible,body.pro .tabs button:focus-visible,body.pro .a2-nav button:focus-visible{outline:2px solid var(--a-orange);outline-offset:2px;}
body.pro .b.pri{background:linear-gradient(180deg,#FF8A2E 0%,#FF6E05 52%,#F26300 100%);border-color:#E05E00;color:#000A1A;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.14);position:relative;overflow:hidden;isolation:isolate;}
body.pro .b.pri:hover{filter:brightness(1.05) saturate(1.05);}
body.pro .b.pri::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 48%,transparent 66%);transform:translateX(-120%);}
body.pro .b.pri:hover::before{transform:translateX(120%);transition:transform .7s var(--pro-ease);}
body.pro .b.ok{background:linear-gradient(180deg,#24B276 0%,#1E9E66 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.14);}
body.pro .b:disabled{filter:grayscale(.3);}
.pro-con-onda{overflow:hidden;isolation:isolate;}
.pro-onda{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:.2;transform:scale(0);animation:pro-onda .6s var(--pro-ease) forwards;z-index:0;}
@keyframes pro-onda{to{transform:scale(1);opacity:0;}}

/* Tarjetas de indicadores: borde que se ilumina y número que cuenta */
body.pro .kpi{transition:border-color .2s,transform .2s var(--pro-ease),background .2s;}
body.pro .kpi::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,204,0,.55),transparent);opacity:0;transition:opacity .25s;}
body.pro .kpi:hover::before{opacity:1;}
body.pro .kpi .n{font-variant-numeric:normal;}
.pro-cuenta{font-variant-numeric:tabular-nums !important;}

/* Entrada de página */
@keyframes pro-sube{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.a2-pagina.entrando>.a2-titulo{animation:pro-sube .45s var(--pro-ease) both;}
.a2-pagina.entrando>*:not(.a2-titulo):not(.kpis):not(.graf-grid){animation:pro-sube .5s var(--pro-ease) .08s both;}
.a2-pagina.entrando .kpis>*,.a2-pagina.entrando .graf-grid>*,.a2-pagina.entrando #salud>*{animation:pro-sube .5s var(--pro-ease) both;}
.a2-pagina.entrando .kpis>*:nth-child(2),.a2-pagina.entrando .graf-grid>*:nth-child(2){animation-delay:.05s;}
.a2-pagina.entrando .kpis>*:nth-child(3),.a2-pagina.entrando .graf-grid>*:nth-child(3){animation-delay:.1s;}
.a2-pagina.entrando .kpis>*:nth-child(4),.a2-pagina.entrando .graf-grid>*:nth-child(4){animation-delay:.15s;}
.a2-pagina.entrando .graf-grid>*:nth-child(5){animation-delay:.2s;}
.a2-pagina.entrando .graf-grid>*:nth-child(n+6){animation-delay:.25s;}

/* Expediente y notificaciones */
body.pro .exp{transition:transform .34s var(--pro-ease);}
body.pro .toast{overflow:hidden;}
body.pro .toast.ver{animation:pro-toast .42s var(--pro-spring) both;}
body.pro .toast.ver::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#FF6E05,#FFCC00);transform-origin:left;animation:pro-toast-t 4.2s linear forwards;}
@keyframes pro-toast{from{opacity:0;transform:translateX(24px) scale(.97);}to{opacity:1;transform:none;}}
@keyframes pro-toast-t{from{transform:scaleX(1);}to{transform:scaleX(0);}}

/* Barras HTML de los indicadores (SARC, campañas) */
.sarc-fila .riel i{transform-origin:left center;animation:gx-crecex .8s var(--pro-ease) both;}

/* ---------------- Gráficos SVG (assets/graficos.js) ---------------- */
.graf{display:flex;flex-direction:column;}
.gx-host{flex:1;min-height:0;}
.gx{position:relative;display:flex;flex-direction:column;height:100%;}
.gx-cab{display:flex;align-items:center;gap:12px;min-height:24px;margin-bottom:8px;}
.gx-ley{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--a-muted);font-weight:700;min-width:0;}
.gx-ley-i{display:inline-flex;align-items:center;gap:6px;}
.gx-ley-i i{width:10px;height:10px;border-radius:3px;flex:0 0 auto;}
.gx-ley-i i.linea{width:14px;height:2px;border-radius:2px;}
.gx-tabla-btn{margin-left:auto;flex:0 0 auto;background:transparent;border:1px solid var(--a-line2);color:var(--a-muted);font:inherit;font-size:11px;font-weight:800;border-radius:8px;padding:3px 9px;cursor:pointer;transition:color .15s,border-color .15s;}
.gx-tabla-btn:hover{color:var(--a-ink);border-color:var(--a-line3);}
.gx-lienzo{position:relative;flex:1;min-height:0;}
.gx-lienzo svg{display:block;overflow:visible;max-width:100%;}
.gx-lienzo text{font-family:'Nunito',sans-serif;}
.gx-tip{position:absolute;left:0;top:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .12s,transform .14s var(--pro-ease);background:#04112A;border:1px solid var(--a-line2);border-radius:10px;padding:8px 11px;min-width:120px;font-size:12px;color:var(--a-ink);}
.gx-tip.ver{opacity:1;}
.gx-tip-t{font-size:11px;color:var(--a-soft);font-weight:800;margin-bottom:5px;}
.gx-tip-f{display:flex;align-items:center;gap:8px;white-space:nowrap;line-height:1.7;}
.gx-tip-f i{width:12px;height:2px;border-radius:2px;flex:0 0 auto;}
.gx-tip-f b{font-size:13.5px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;}
.gx-tip-f span{color:var(--a-muted);font-weight:700;}
.gx-tabla{flex:1;min-height:0;overflow:auto;}
.gx-t{width:100%;border-collapse:collapse;font-size:12.5px;}
.gx-t th{position:sticky;top:0;background:var(--a-s2);color:var(--a-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:7px 8px;text-align:left;}
.gx-t td{padding:6px 8px;border-top:1px solid var(--a-line);font-variant-numeric:tabular-nums;}
.gx-vacio{display:grid;place-items:center;height:100%;min-height:120px;color:var(--a-soft);font-size:13px;font-weight:700;}
.gx-dona{display:flex;align-items:center;gap:18px;height:100%;}
.gx-dona svg{flex:0 0 auto;}
.gx-dona-ley{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.gx-dona-ley li{display:grid;grid-template-columns:10px minmax(0,1fr) auto 38px;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font-size:12.5px;cursor:default;transition:background .15s;}
.gx-dona-ley li.sel{background:rgba(255,255,255,.06);}
.gx-dona-ley i{width:10px;height:10px;border-radius:3px;}
.gx-dona-ley span{color:var(--a-ink);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gx-dona-ley b{font-weight:900;color:var(--a-title);font-variant-numeric:tabular-nums;}
.gx-dona-ley small{color:var(--a-soft);text-align:right;font-variant-numeric:tabular-nums;}
@media (max-width:520px){.gx-dona{flex-direction:column;align-items:stretch;}.gx-dona svg{align-self:center;}}
/* Marcas: estado final por defecto; la animación solo dibuja la entrada */
.gx-linea{animation:gx-dibuja 1.1s var(--pro-ease) both;}
.gx-area{animation:gx-aparece .8s .3s ease both;}
.gx-fin{animation:gx-aparece .3s .95s ease both;}
.gx-barh{transform-box:fill-box;transform-origin:left center;animation:gx-crecex .75s var(--pro-ease) both;transition:filter .15s;}
.gx-col{transform-box:fill-box;transform-origin:center bottom;animation:gx-crecey .75s var(--pro-ease) both;transition:filter .15s;}
.gx-val{animation:gx-aparece .35s ease both;}
.gx-seg{animation:gx-dona .95s var(--pro-ease) both;transition:filter .15s,stroke-width .15s;cursor:pointer;}
.gx-sel{filter:brightness(1.18) saturate(1.1);}
.gx-hit,.gx-capa,.gx-seg{outline:none;}
.gx-hit:focus-visible,.gx-capa:focus-visible{stroke:var(--a-orange);stroke-width:1.5;}
.gx-sin-anim .gx-linea,.gx-sin-anim .gx-area,.gx-sin-anim .gx-fin,.gx-sin-anim .gx-barh,.gx-sin-anim .gx-col,.gx-sin-anim .gx-val,.gx-sin-anim .gx-seg{animation:none;}
@keyframes gx-dibuja{from{stroke-dashoffset:var(--gx-l);}to{stroke-dashoffset:0;}}
@keyframes gx-aparece{from{opacity:0;}}
@keyframes gx-crecex{from{transform:scaleX(0);}}
@keyframes gx-crecey{from{transform:scaleY(0);}}
@keyframes gx-dona{from{stroke-dasharray:0 var(--gx-c);}}
/* Modo claro */
html[data-tema=claro] .gx-tip{background:#fff;border-color:#DDE4EE;color:#0B1F3A;}
html[data-tema=claro] .gx-tip-f b{color:#0B1F3A;}
html[data-tema=claro] .gx-tip-f span,html[data-tema=claro] .gx-tip-t{color:#4A5B75;}
html[data-tema=claro] .gx-t th{background:#F3F6FA;color:#4A5B75;}
html[data-tema=claro] .gx-dona-ley li.sel{background:#F1F5FA;}
html[data-tema=claro] .gx-dona-ley span,html[data-tema=claro] .gx-dona-ley b{color:#0B1F3A;}
html[data-tema=claro] body.pro .kpi::before{background:linear-gradient(90deg,transparent,rgba(255,110,5,.5),transparent);}
html[data-tema=claro] body.pro .b{box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
/* Reducir movimiento */
@media (prefers-reduced-motion:reduce){
  .pro-barra,.pro-onda,.a2-pagina.entrando *,.gx *,.sarc-fila .riel i,body.pro .toast.ver,body.pro .toast.ver::after{animation:none !important;transition:none !important;}
  body.pro .b.pri::before{display:none;}
}
.gx-lienzo.gx-centro{display:flex;align-items:center;}
.gx-dona.angosto{flex-direction:column;align-items:stretch;gap:12px;height:auto;}
.gx-dona.angosto svg{align-self:center;}
@media (max-width:640px){
  .graf,.graf.baja{height:auto;min-height:0;}
  .graf .gx-lienzo{min-height:0;}
  #gDias .gx-lienzo{height:230px;flex:none;}
}
.gx [hidden]{display:none !important;}

/* ==========================================================================
   v6 · barra lateral con más realismo y fluidez (14/10/2026)
   Materiales: superficie con textura y luz ambiental, píldora de vidrio que se desliza
   con resorte, baldosas de íconos con bisel y la activa en naranja con reflejo especular.
   Profundidad solo con brillos internos y degradados (sin sombras proyectadas).
   ========================================================================== */
.a2 .a2-side{position:sticky;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(120% 60% at 0% 0%,rgba(255,110,5,.10) 0%,rgba(255,110,5,0) 55%),
    radial-gradient(90% 50% at 100% 100%,rgba(74,136,230,.12) 0%,rgba(74,136,230,0) 60%),
    linear-gradient(180deg,#012045 0%,#00122B 52%,#000A1A 100%);
  border-right:0;}
.a2 .a2-side::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");}
.a2 .a2-side::after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.16) 30%,rgba(255,204,0,.18) 55%,rgba(255,255,255,.05) 100%);}
/* luz ambiental que respira muy despacio */
.a2-side .a2-logo{position:relative;}
.a2-side .a2-logo::before{content:"";position:absolute;left:-40%;top:-60px;width:180%;height:200px;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,204,0,.10),rgba(255,204,0,0));animation:v6-respira 9s ease-in-out infinite alternate;}
@keyframes v6-respira{from{opacity:.55;transform:translateY(0) scale(1);}to{opacity:1;transform:translateY(10px) scale(1.06);}}

/* Placa del logo: marco de vidrio y destello al pasar */
.a2 .a2-logo span.placa{position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),inset 0 -2px 0 rgba(0,38,77,.10);}
.a2 .a2-logo span.placa::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-130%);}
.a2 .a2-logo:hover span.placa::before{transform:translateX(130%);transition:transform .9s cubic-bezier(.2,.8,.2,1);}

/* Grupos: rótulo con hilo que se desvanece */
.a2 .a2-nav .grupo{display:flex;align-items:center;gap:10px;}
.a2 .a2-nav .grupo::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(185,199,224,.18),rgba(185,199,224,0));}

/* Menú fluido: la píldora y el reflejo reemplazan el fondo por botón */
.a2-nav.fluida{position:relative;}
.a2-nav.fluida button{z-index:1;background:transparent !important;transition:color .25s;}
.a2-nav.fluida button.activo::before{content:none;}
.a2-nav.fluida button:hover{color:#fff;}
.nav-pildora,.nav-fantasma{position:absolute;left:0;top:0;z-index:0;pointer-events:none;opacity:0;border-radius:13px;will-change:transform,width,height;}
.nav-pildora{transition:transform .55s cubic-bezier(.34,1.32,.5,1),width .45s cubic-bezier(.34,1.2,.5,1),height .45s cubic-bezier(.34,1.2,.5,1),opacity .2s;
  background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.06) 48%,rgba(255,255,255,.04) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.08);}
.nav-pildora::before{content:"";position:absolute;left:-12px;top:50%;width:4px;height:24px;margin-top:-12px;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#FFD24D 0%,#FF6E05 100%);}
.nav-pildora::after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);}
.nav-fantasma{transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s,height .32s,opacity .25s;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}

/* Baldosas de íconos con bisel */
.a2 .a2-nav .ico{position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.035) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.40),inset 0 0 0 1px rgba(255,255,255,.05);
  transition:background .3s,color .3s,box-shadow .3s,transform .35s cubic-bezier(.34,1.5,.5,1);}
.a2 .a2-nav .ico svg{transition:transform .35s cubic-bezier(.34,1.6,.5,1);}
.a2 .a2-nav button:hover .ico{background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.06) 100%);}
.a2 .a2-nav button:hover .ico svg{transform:translateY(-1px) scale(1.1);}
.a2 .a2-nav button:active .ico{transform:scale(.92);}
.a2 .a2-nav button.activo .ico{color:#000A1A;
  background:linear-gradient(180deg,#FFB061 0%,#FF7A12 42%,#F06300 72%,#D95500 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(120,40,0,.45),inset 0 0 0 1px rgba(255,200,140,.35);}
.a2 .a2-nav button.activo .ico::after{content:"";position:absolute;left:3px;right:3px;top:1px;height:45%;border-radius:8px 8px 14px 14px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));}
.a2 .a2-nav .ico.pop{animation:v6-pop .55s cubic-bezier(.34,1.6,.5,1);}
@keyframes v6-pop{0%{transform:scale(.8);}55%{transform:scale(1.12);}100%{transform:scale(1);}}

/* Contador con brillo y salto */
.a2 .a2-nav .cnt{position:relative;background:linear-gradient(180deg,#FF9A3D 0%,#FF6E05 55%,#E45A00 100%);color:#000A1A;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(110,35,0,.35);}
.a2 .a2-nav .cnt.salta{animation:v6-salta .6s cubic-bezier(.34,1.7,.5,1);}
@keyframes v6-salta{0%{transform:scale(1);}35%{transform:scale(1.35) translateY(-2px);}100%{transform:scale(1);}}

/* Etiqueta flotante (pantallas medianas, solo íconos) */
.nav-tip{position:fixed;left:0;top:0;z-index:400;pointer-events:none;opacity:0;transform:translate(-6px,-50%) scale(.96);transform-origin:left center;
  display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;white-space:nowrap;font:800 12.5px/1.2 'Nunito',sans-serif;color:#fff;
  background:linear-gradient(180deg,#0B2A55 0%,#061A38 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.10);
  transition:opacity .16s,transform .22s cubic-bezier(.34,1.4,.5,1);}
.nav-tip.ver{opacity:1;transform:translate(0,-50%) scale(1);}
.nav-tip b{padding:1px 7px;border-radius:104px;background:#FF6E05;color:#000A1A;font-size:11px;}
.nav-tip::before{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;margin-top:-5px;transform:rotate(45deg);background:#0A2650;border-left:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);}

/* Panel del usuario: tarjeta de vidrio, anillo que gira y estado que late */
.a2 .a2-side-pie{background:linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(0,6,16,.55) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.a2-side-pie .avatar{isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(120,40,0,.35);}
.a2-side-pie .avatar::before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:50%;
  background:conic-gradient(from 0deg,#FFCC00,#FF6E05,rgba(255,110,5,0) 55%,#4A88E6 80%,#FFCC00);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));
  animation:v6-gira 6s linear infinite;}
@keyframes v6-gira{to{transform:rotate(360deg);}}
.a2-side-pie .avatar i{animation:v6-late 2.4s ease-out infinite;}
@keyframes v6-late{0%{box-shadow:0 0 0 0 rgba(79,209,139,.55);}70%{box-shadow:0 0 0 7px rgba(79,209,139,0);}100%{box-shadow:0 0 0 0 rgba(79,209,139,0);}}
.a2 .a2-side-pie .ib,.a2 .a2-side-pie .tema-btn{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.025) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35);transition:background .2s,color .2s,border-color .2s,transform .15s cubic-bezier(.34,1.5,.5,1);}
.a2 .a2-side-pie .ib:active,.a2 .a2-side-pie .tema-btn:active{transform:scale(.95);}

/* Pantallas medianas y celular */
@media (min-width:901px) and (max-width:1320px){.nav-pildora::before{left:-10px;}}
@media (max-width:900px){
  .a2 .a2-side{overflow-x:auto;overflow-y:hidden;}
  .a2 .a2-side::after{display:none;}
  .nav-pildora::before{left:50%;top:auto;bottom:-8px;width:22px;height:3px;margin:0 0 0 -11px;border-radius:3px 3px 0 0;}
  .nav-tip{display:none;}
}
@media (min-width:1321px),(max-width:900px){.nav-tip{display:none;}}
/* Modo claro: la barra sigue siendo azul profundo */
html[data-tema=claro] .a2 .a2-side{background:
    radial-gradient(120% 60% at 0% 0%,rgba(255,110,5,.12) 0%,rgba(255,110,5,0) 55%),
    radial-gradient(90% 50% at 100% 100%,rgba(120,170,255,.16) 0%,rgba(120,170,255,0) 60%),
    linear-gradient(180deg,#00366B 0%,#00264D 60%,#001C3A 100%);}
/* Reducir movimiento */
@media (prefers-reduced-motion:reduce){
  .nav-pildora,.nav-fantasma,.nav-tip,.a2 .a2-nav .ico,.a2 .a2-nav .ico svg{transition:none !important;}
  .a2-side .a2-logo::before,.a2-side-pie .avatar::before,.a2-side-pie .avatar i,.a2 .a2-nav .ico.pop,.a2 .a2-nav .cnt.salta{animation:none !important;}
}

/* Modo de operación (14/10/2026) */
.modo-estado{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--a-line2);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.modo-estado b{display:block;font-size:15px;font-weight:900;letter-spacing:.1em;color:var(--a-title);}
.modo-estado small{display:block;margin-top:3px;color:var(--a-muted);font-size:12.5px;line-height:1.45;}
.modo-luz{flex:0 0 14px;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 2px rgba(0,0,0,.3);}
.modo-estado.pruebas .modo-luz{background:radial-gradient(circle at 35% 30%,#FFE58A,#FFCC00 45%,#C99A00);animation:modo-luz 2.4s ease-in-out infinite;}
.modo-estado.prod .modo-luz{background:radial-gradient(circle at 35% 30%,#B8F5D3,#4FD18B 45%,#1E9E66);}
.modo-estado.pruebas{border-color:rgba(255,204,0,.35);}
.modo-estado.prod{border-color:rgba(79,209,139,.4);}
@keyframes modo-luz{50%{filter:brightness(1.25);}}
.modo-accion>summary{list-style:none;display:inline-flex;}
.modo-accion>summary::-webkit-details-marker{display:none;}
.modo-form{margin-top:10px;padding:14px;border-radius:12px;border:1px solid rgba(255,123,107,.35);background:rgba(255,123,107,.06);}
.modo-accion h4,#modoInfo h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--a-muted);margin:0 0 6px;}
#modoInfo .t-mini{white-space:normal;line-height:1.5;}
@media (max-width:700px){#modoInfo .grid2{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){.modo-estado.pruebas .modo-luz{animation:none;}}