:root{
  --fondo:#f4f6fb;--superficie:#fff;--tinta:#17213d;--muted:#71809c;--borde:#e2e7f1;
  --noche:#101735;--noche-2:#18244b;--primario:#6c5ce7;--turquesa:#14b8a6;--cielo:#3b9cff;
  --verde:#20bd83;--ambar:#f2ad36;--rojo:#f45b69;--sombra:0 14px 40px rgba(28,39,80,.09);
  font-family:Inter,Aptos,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--tinta);background:var(--fondo)
}
body{background:var(--fondo);color:var(--tinta)}button,input,select,textarea{font:inherit}.aplicacion,.admin-aplicacion{grid-template-columns:268px minmax(0,1fr)}
.barra-lateral,.admin-lateral{position:sticky;overflow:hidden;background:radial-gradient(circle at 15% 8%,#2e3a76 0,transparent 33%),linear-gradient(165deg,var(--noche-2),var(--noche) 68%);padding:28px 20px}
.barra-lateral::after,.admin-lateral::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:55px solid rgba(108,92,231,.08);right:-150px;bottom:55px;pointer-events:none}
.marca{height:54px;margin:0 8px 38px}.marca img{display:block;width:168px;max-height:52px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.marca>span{display:none}
.marca-sello{border:0;background:linear-gradient(145deg,var(--primario),var(--turquesa));color:#fff;box-shadow:0 8px 22px rgba(108,92,231,.28)}
.barra-lateral nav,.admin-lateral nav,.usuario-admin,.estado-sistema,.enlace-documentacion,.marca-admin{position:relative;z-index:1}
.navegacion{color:#aeb9dc;border-radius:12px;padding:12px 14px;font-weight:650;transition:.2s ease}.navegacion:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}.navegacion.activa{background:linear-gradient(120deg,rgba(108,92,231,.96),rgba(67,119,228,.9));color:#fff;box-shadow:0 10px 28px rgba(63,70,190,.32)}.navegacion span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.08);font-size:14px}
.estado-sistema{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:14px;padding:14px}.pulso{background:#42e6a4;box-shadow:0 0 0 5px rgba(66,230,164,.13)}
main{padding:32px clamp(22px,3.3vw,52px) 64px;max-width:1700px;width:100%;margin:0 auto}.cabecera{gap:24px}.cabecera h1,.dialogo-cabecera h2,.titulo-tarjeta h3,.barra-tabla h2,.grupo-formulario h3,.bloque-configuracion h3,.subformulario h3,#formulario-establecimiento h3{font-family:Inter,Aptos,"Segoe UI",sans-serif}.cabecera h1{font-size:30px;letter-spacing:-.035em}.sobrelinea{color:#8995ad}.sobrelinea.claro{color:#a9b5ef}
.boton-primario,.boton-secundario{border-radius:11px;transition:.18s ease}.boton-primario{border-color:transparent;background:linear-gradient(120deg,var(--primario),#4e7be9);box-shadow:0 9px 22px rgba(108,92,231,.22)}.boton-primario:hover{background:linear-gradient(120deg,#5c4dd6,#3e6edb);transform:translateY(-1px);box-shadow:0 13px 28px rgba(108,92,231,.3)}.boton-secundario{border-color:var(--borde);box-shadow:0 4px 13px rgba(34,49,91,.04)}
.seccion.activa{animation:entrada .28s ease}@keyframes entrada{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bienvenida{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,rgba(39,205,192,.3),transparent 27%),radial-gradient(circle at 68% 110%,rgba(126,104,255,.45),transparent 35%),linear-gradient(125deg,#17204a,#303d80 64%,#1f7b8a);border-radius:24px;padding:32px 36px;display:grid;grid-template-columns:minmax(280px,1fr) 150px 120px;gap:25px;align-items:center;box-shadow:0 22px 50px rgba(31,45,101,.2)}.bienvenida::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}.bienvenida>*{position:relative}.bienvenida h2{font-family:inherit;font-size:clamp(24px,2.4vw,36px);letter-spacing:-.035em}.bienvenida p{color:#d8e0ff}.fecha-actual{display:inline-block;margin-top:20px;color:#c2ccef;background:rgba(255,255,255,.09);padding:7px 11px;border-radius:30px}
.grafico-estados{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22c993 0 0%,#f4b740 0 0%,#ff6577 0 100%);box-shadow:0 13px 35px rgba(8,17,51,.25);transition:background .5s ease}.grafico-estados::before{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:#202d62;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.grafico-centro{z-index:1;text-align:center}.grafico-centro strong,.grafico-centro small{display:block}.grafico-centro strong{font-size:30px}.grafico-centro small{font-size:9px;color:#aebbe9;text-transform:uppercase}.leyenda-estados{display:grid;gap:12px;font-size:11px;color:#d8e0ff}.leyenda-estados span{display:flex;align-items:center;gap:8px}.leyenda-estados i{width:9px;height:9px;border-radius:50%}.leyenda-aprobado{background:#22c993}.leyenda-proceso{background:#f4b740}.leyenda-error{background:#ff6577}
.metricas{gap:15px}.metricas article{position:relative;overflow:hidden;border-color:var(--borde);border-radius:17px;padding:19px;box-shadow:0 9px 28px rgba(31,43,82,.055);transition:.2s ease}.metricas article:hover{transform:translateY(-3px);box-shadow:var(--sombra)}.metricas article::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--acento,#6c5ce7)}.metrica-total{--acento:var(--cielo)}.metrica-aprobada{--acento:var(--verde)}.metrica-pendiente{--acento:var(--ambar)}.metrica-error{--acento:var(--rojo)}.metricas strong{font-family:inherit;font-size:29px;letter-spacing:-.04em}.icono-metrica{border-radius:12px}.turquesa{background:#e3f3ff;color:#298ada}.verde{background:#dcf8ec;color:#15976b}.ambar{background:#fff2d9;color:#c58118}.rojo{background:#ffe5e8;color:#d94757}
.rejilla-resumen{gap:18px}.tarjeta{border-color:var(--borde);border-radius:18px;box-shadow:0 8px 28px rgba(24,37,76,.05)}.grafico-actividad-tarjeta{grid-column:1/-1}.titulo-tarjeta,.barra-tabla{border-bottom-color:#edf0f6}.titulo-tarjeta h3,.barra-tabla h2{font-size:18px;letter-spacing:-.02em}.insignia-tiempo{font-size:10px;font-weight:750;color:var(--primario);background:#f0edff;padding:6px 9px;border-radius:20px}.grafico-actividad{height:185px;padding:24px 28px 18px;display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(8px,2vw,24px);align-items:end;background:linear-gradient(180deg,#fff,rgba(246,248,253,.65))}.barra-dia{height:100%;display:grid;grid-template-rows:1fr auto;gap:9px;text-align:center}.barra-valor{height:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #e9edf5;background:repeating-linear-gradient(to top,transparent 0,transparent 33px,#f1f3f8 34px)}.barra-valor span{position:relative;width:min(38px,72%);min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7a6af0,#31b6d9);box-shadow:0 8px 16px rgba(108,92,231,.19);transition:height .55s ease}.barra-valor b{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:10px;color:#66728b}.barra-dia small{text-transform:capitalize;color:#8d98ae;font-size:10px;font-weight:700}.enlace-boton{color:var(--primario)}
.fila-reciente,.resumen-lote{border-bottom-color:#edf0f6}.fila-reciente{transition:.15s ease}.fila-reciente:hover{background:#f8f7ff;padding-left:28px}.estado{font-size:9px;letter-spacing:.055em;text-transform:uppercase}.estado::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}.estado.aprobado{background:#dcf8eb;color:#16845f}.estado.proceso{background:#fff0d2;color:#9d6818}.estado.error{background:#ffe1e5;color:#c83e4d}
.busqueda{border-color:var(--borde);background:#f7f8fc;border-radius:11px;transition:.15s}.busqueda:focus-within{border-color:#9f93ef;box-shadow:0 0 0 3px rgba(108,92,231,.1);background:#fff}th{background:#f7f8fc;color:#7b879e}td{border-top-color:#edf0f6}tbody tr{transition:.15s}tbody tr:hover{background:#fafaff}.boton-tabla{border-color:#dce1ef;border-radius:9px;color:var(--primario)}.boton-tabla:hover{background:#f0edff;border-color:#cfc7ff}
dialog{border-radius:20px;box-shadow:0 24px 70px rgba(17,24,55,.22);background:#fff}dialog::backdrop{background:rgba(12,18,43,.67);backdrop-filter:blur(7px)}.dialogo-cabecera h2{font-size:23px;letter-spacing:-.025em}.cerrar{background:#f0f2f7;border-radius:50%;transition:.15s}.cerrar:hover{background:#e6e9f2;transform:rotate(5deg)}form label{color:#48546d}form label input,form label select,form textarea,.onboarding-dialogo select{border-color:#dce2ed;border-radius:11px;background:#fbfcfe;transition:.15s}form label input:focus,form label select:focus,form textarea:focus{border-color:#9c8ff0;box-shadow:0 0 0 3px rgba(108,92,231,.11);background:#fff}.detalle-cabecera{background:linear-gradient(135deg,#f4f2ff,#edf8fb);border-radius:14px}.evento::before{background:var(--primario);border-color:#eeeaff}.nota-seguridad{border-color:#e3dcff;background:#f5f2ff;color:#594da9;border-radius:13px}.nota-seguridad code{background:#e8e2ff}.secreto{background:#151d3f;color:#d8ddff;border-radius:11px}
.configuracion-cabecera{background:linear-gradient(125deg,#17204a,#394b9b);border-radius:18px;box-shadow:var(--sombra)}.configuracion-cabecera h2{font-family:inherit}.configuracion-rejilla{gap:17px}.bloque-configuracion{border-color:var(--borde);border-radius:16px;box-shadow:0 6px 20px rgba(27,40,78,.04)}.fila-configuracion{border-top-color:#edf0f6}
.ingreso-admin{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(39,205,192,.3),transparent 25%),radial-gradient(circle at 80% 80%,rgba(108,92,231,.43),transparent 32%),linear-gradient(135deg,#111936,#25346e)}.ingreso-admin::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.ingreso-tarjeta{position:relative;border:1px solid rgba(255,255,255,.55);box-shadow:0 35px 90px rgba(5,11,34,.38)}.marca-admin img{width:150px;max-height:48px;object-fit:contain;object-position:left}.marca-admin.clara img{filter:brightness(0) invert(1)}.usuario-admin{border-top-color:rgba(255,255,255,.11)}
.admin-metricas{grid-template-columns:repeat(4,minmax(0,1fr))}.metrica-salud{--acento:var(--primario);align-items:center!important}.icono-metrica.salud{background:#eeeaff;color:var(--primario)}.anillo-salud{margin-left:auto;flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primario) 0 var(--salud,0%),#eceff6 var(--salud,0%) 100%)}.anillo-salud::before{content:"";width:34px;height:34px;border-radius:50%;background:#fff}.anillo-salud span{position:absolute;font-size:8px;font-weight:800;color:var(--primario)}
.pasos-onboarding{gap:8px;border-bottom:0;background:#f4f6fb;padding:8px;border-radius:14px}.paso{border-radius:10px;background:transparent;color:#68758e}.paso:hover{background:#fff}.paso.activa{background:linear-gradient(120deg,var(--primario),#4e7be9);box-shadow:0 7px 17px rgba(108,92,231,.2)}.lista-checklist{gap:12px}.verificacion{border-color:var(--borde);border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(28,40,80,.035)}.verificacion i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#f0f2f7}.verificacion.correcto i{background:#dcf8eb;color:#16845f}.verificacion.advertencia i,.verificacion.pendiente i{background:#fff0d2;color:#9d6818}.verificacion.error i{background:#ffe1e5;color:#c83e4d}.resumen-validacion{background:linear-gradient(120deg,#edf9f8,#f1eeff);border:1px solid #e2e3f5;border-radius:13px}.chip{background:#f0edff;color:#5d50b9;border:1px solid #e1dbff}.alerta-admin{border-color:#f0d499;background:#fff7e5;border-radius:13px;box-shadow:0 5px 16px rgba(93,68,19,.05)}
@media(max-width:1100px){.aplicacion,.admin-aplicacion{grid-template-columns:226px 1fr}.bienvenida{grid-template-columns:1fr 130px}.leyenda-estados{display:none}main{padding:28px 24px 55px}.admin-metricas{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.aplicacion,.admin-aplicacion{display:block}.barra-lateral,.admin-lateral{position:sticky;z-index:20;height:auto;padding:12px 14px;flex-direction:row;align-items:center;gap:10px;overflow:auto}.barra-lateral::after,.admin-lateral::after{display:none}.marca{margin:0 auto 0 0;min-width:105px;height:38px}.marca img{width:112px;max-height:36px}.barra-lateral nav{display:flex}.navegacion{white-space:nowrap;padding:10px 12px}.navegacion span,.estado-sistema,.enlace-documentacion{display:none}main{padding:23px 15px 45px}.bienvenida{padding:26px;grid-template-columns:1fr 106px}.grafico-estados{width:102px;height:102px}.grafico-estados::before{width:72px;height:72px}.grafico-centro strong{font-size:23px}.metricas{gap:10px}.metricas article{padding:14px}.pasos-onboarding{border-radius:11px}.admin-lateral nav{display:flex}.usuario-admin{margin-left:auto;border:0;padding:0}.usuario-admin strong,.usuario-admin small{display:none}}
@media(max-width:500px){.bienvenida{grid-template-columns:1fr}.grafico-estados{display:none}.metricas{grid-template-columns:1fr 1fr}.metricas article{display:block}.icono-metrica{margin-bottom:12px}.grafico-actividad{gap:6px;padding-inline:12px}.barra-valor span{width:22px}.marca{min-width:44px;width:44px}.marca img{width:44px;object-fit:cover;object-position:left}.cabecera{gap:10px}}