/* ============================================================
   PREVENTIVOS.CL — Gestión D.S. 44 (Entrega 4)
   Misma paleta y tipografías del sitio principal.
   ============================================================ */
:root{
  --noche:#0D1B2A; --noche-2:#13263A; --noche-3:#1B3450;
  --hivis:#FFD400; --azul:#1B5FAE; --azul-claro:#8CBCEC;
  --hueso:#F2F5F8; --gris:#93A6BA;
  --rojo:#E4484A; --verde:#35C07C; --naranja:#F2A33C;
  --display:'Unbounded',Impact,system-ui,sans-serif;
  --texto:'Archivo',system-ui,-apple-system,sans-serif;
  --ancho:1080px;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--noche);color:var(--hueso);
  font-family:var(--texto);font-size:16.5px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;min-height:100vh;
}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--hivis);outline-offset:3px;border-radius:2px}
.contenedor{width:100%;max-width:var(--ancho);margin-inline:auto;padding-inline:24px}
.saltar{position:absolute;left:-9999px;background:var(--hivis);color:var(--noche);padding:12px 20px;z-index:100;font-weight:700}
.saltar:focus{left:0;top:0}
h1,h2{font-family:var(--display);font-weight:400;line-height:1;letter-spacing:.005em;text-transform:uppercase;margin:0}
h1{font-size:clamp(1.7rem,4vw,2.6rem)}
h2{font-size:clamp(1.2rem,2.6vw,1.6rem)}
h3{font-weight:700;font-size:1.05rem;line-height:1.3;margin:0}
p{margin:0 0 16px}
p:last-child{margin-bottom:0}
.rotulo{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--hivis);margin:0 0 10px}
.plomo{color:var(--gris)}
.franja{height:15px;background:repeating-linear-gradient(-45deg,var(--hivis) 0 20px,var(--noche) 20px 40px)}
.franja--fina{height:9px}

/* ---------- Encabezado ---------- */
.sitio-header{padding:16px 0;background:var(--noche)}
.header-fila{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo img{height:52px;width:auto}
.logo-nombre{font-family:var(--display);font-size:1.3rem;letter-spacing:.03em;text-transform:uppercase;line-height:1}
.logo-nombre span{color:var(--hivis)}
.modulo-nombre{
  font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--noche);background:var(--hivis);padding:5px 10px;border-radius:3px;
}
.nav-sitio{margin-left:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.nav-sitio a{
  font-size:.8rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--hueso);text-decoration:none;padding:7px 0;border-bottom:2px solid transparent;
  transition:color .15s ease,border-color .15s ease;
}
.nav-sitio a:hover{color:var(--hivis);border-bottom-color:var(--hivis)}
.nav-sitio a[aria-current="page"]{border-bottom-color:var(--hivis)}
.chip-cuenta{display:flex;align-items:center;gap:10px;background:var(--noche-3);border-radius:999px;padding:6px 8px 6px 14px}
.chip-cuenta[hidden]{display:none}
.chip-cuenta .quien{font-size:.79rem;font-weight:700;letter-spacing:.05em;white-space:nowrap}
.chip-rol{font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:var(--hivis);color:var(--noche);padding:3px 8px;border-radius:999px}
.chip-rol[hidden]{display:none}
.btn-salir{
  background:transparent;border:1.5px solid rgba(255,255,255,.28);color:var(--hueso);
  font-family:var(--texto);font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  padding:6px 13px;border-radius:999px;cursor:pointer;transition:border-color .15s ease,color .15s ease;
}
.btn-salir:hover{border-color:var(--hivis);color:var(--hivis)}

/* ---------- Botones ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--texto);font-weight:700;font-size:.95rem;
  padding:12px 24px;border-radius:999px;text-decoration:none;
  border:2px solid transparent;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease,border-color .15s ease;
}
.btn:active{transform:translateY(1px)}
.btn--hivis{background:var(--hivis);color:var(--noche)}
.btn--hivis:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,212,0,.28)}
.btn--linea{background:transparent;color:var(--hueso);border-color:rgba(255,255,255,.32)}
.btn--linea:hover{border-color:var(--hivis);color:var(--hivis)}
.btn--peligro{background:transparent;color:#FFC3C4;border-color:rgba(228,72,74,.6)}
.btn--peligro:hover{background:rgba(228,72,74,.14)}
.btn--chico{font-size:.8rem;padding:8px 16px}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

/* ---------- Formularios ---------- */
.campo{margin-bottom:17px}
.campo-fila{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.campo-fila--3{grid-template-columns:1fr 1fr 1fr}
@media (max-width:640px){.campo-fila,.campo-fila--3{grid-template-columns:1fr}}
label{display:block;font-size:.79rem;font-weight:700;letter-spacing:.05em;margin-bottom:6px;color:var(--hueso)}
label .opc{font-weight:400;color:var(--gris);letter-spacing:0}
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{
  width:100%;font-family:var(--texto);font-size:.97rem;
  padding:12px 13px;border:1.5px solid rgba(255,255,255,.18);
  border-radius:4px;background:rgba(0,0,0,.22);color:var(--hueso);
  transition:border-color .15s ease;
}
input::placeholder{color:#63788D}
input:focus,select:focus,textarea:focus{border-color:var(--hivis)}
input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--rojo)}
select option{background:var(--noche-2);color:var(--hueso)}
.pista{display:block;font-size:.78rem;color:#A9BBCF;margin-top:5px;line-height:1.5}
.error{display:none;font-size:.78rem;color:var(--rojo);margin-top:5px;font-weight:600}
.error.visible{display:block}
.acciones{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;align-items:center}
.acciones .espacio{flex:1}

.aviso{display:none;padding:13px 15px;border-radius:4px;font-size:.87rem;line-height:1.5;margin-bottom:20px}
.aviso.visible{display:block}
.aviso--error{background:rgba(228,72,74,.14);border-left:4px solid var(--rojo);color:#FFC3C4}
.aviso--ok{background:rgba(53,192,124,.14);border-left:4px solid var(--verde);color:#B4F0D3}
.aviso--info{background:rgba(27,95,174,.2);border-left:4px solid var(--azul);color:var(--azul-claro)}

/* ---------- Estructura de la app ---------- */
.app{flex:1;padding:36px 24px 64px}
.cargando{color:var(--gris)}
.cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.cabecera h1{margin-bottom:6px}
.miga{display:flex;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--gris);margin-bottom:14px}
.miga a{color:var(--azul-claro);text-decoration:none}
.miga a:hover{text-decoration:underline}
.miga span::before{content:'›';margin-right:8px;color:var(--gris)}
.miga span:first-child::before{content:none}

.tarjeta{
  background:var(--noche-2);border:1px solid rgba(255,255,255,.12);
  border-radius:8px;padding:24px 26px;
}
.tarjeta + .tarjeta{margin-top:18px}
.tarjeta--forma{max-width:860px}
.tarjeta h2{margin-bottom:18px}

/* Lista de empresas */
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.empresa-card{
  background:var(--noche-2);border:1px solid rgba(255,255,255,.12);border-left:5px solid var(--azul);
  border-radius:0 8px 8px 0;padding:22px 24px;text-decoration:none;color:inherit;
  display:flex;flex-direction:column;gap:12px;transition:transform .15s ease,border-color .15s ease;
}
.empresa-card:hover{transform:translateY(-2px);border-left-color:var(--hivis)}
.empresa-card h3{font-size:1.1rem;color:var(--hueso)}
.empresa-card .rut{font-size:.82rem;color:var(--gris);letter-spacing:.04em}
.empresa-card .meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;color:var(--gris)}
.empresa-card .meta b{color:var(--hueso);font-weight:700}
.dueno{font-size:.74rem;color:var(--azul-claro);letter-spacing:.06em;text-transform:uppercase;font-weight:700}

.barra{height:8px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}
.barra i{display:block;height:100%;background:var(--hivis);border-radius:999px;transition:width .3s ease}
.barra--verde i{background:var(--verde)}
.barra-rotulo{display:flex;justify-content:space-between;font-size:.76rem;color:var(--gris);margin-top:6px}

.vacio{text-align:center;padding:64px 24px;border:1.5px dashed rgba(255,255,255,.18);border-radius:8px;color:var(--gris)}
.vacio h2{color:var(--hueso);margin-bottom:12px}

/* Panel de empresa */
.ficha{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:28px}
@media (max-width:820px){.ficha{grid-template-columns:1fr}}
.datos-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 24px;margin:0}
.datos-lista div{padding:8px 0;border-top:1px solid rgba(255,255,255,.1)}
.datos-lista dt{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gris);margin:0 0 2px}
.datos-lista dd{margin:0;font-size:.95rem}
.resumen-num{font-family:var(--display);font-size:2.8rem;line-height:1;color:var(--hivis)}
.resumen-sub{color:var(--gris);font-size:.85rem;margin:6px 0 14px}

.encuadre{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.encuadre li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:6px;background:rgba(0,0,0,.18);font-size:.88rem}
.encuadre li.no{opacity:.45}
.encuadre .marca{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:800;background:var(--verde);color:var(--noche)}
.encuadre li.no .marca{background:rgba(255,255,255,.2);color:var(--hueso)}
.encuadre b{display:block}
.encuadre small{color:#B8C7D8;display:block}
.encuadre .art{color:var(--azul-claro);font-size:.74rem;letter-spacing:.04em}

/* Stepper de etapas */
.stepper{list-style:none;margin:0;padding:0;position:relative}
.stepper::before{content:'';position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:rgba(255,255,255,.14)}
.paso{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 0}
.paso + .paso{border-top:1px solid rgba(255,255,255,.08)}
.paso .num{
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--display);font-size:1.1rem;background:var(--noche-2);
  border:2px solid rgba(255,255,255,.22);position:relative;z-index:1;color:var(--hueso);
}
.paso.completa .num{background:var(--verde);border-color:var(--verde);color:var(--noche)}
.paso.en-curso .num{background:var(--hivis);border-color:var(--hivis);color:var(--noche)}
.paso-cuerpo{min-width:0}
.paso-cuerpo h3{font-size:1rem}
.paso-cuerpo .arts{font-size:.76rem;color:var(--azul-claro);letter-spacing:.04em;margin-top:2px}
.paso-cuerpo .resumen{font-size:.86rem;color:var(--gris);margin-top:6px}
.paso-lado{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.estado{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}
.estado.pendiente{background:rgba(255,255,255,.12);color:var(--gris)}
.estado.en-curso{background:rgba(255,212,0,.18);color:var(--hivis)}
.estado.completa{background:rgba(53,192,124,.18);color:var(--verde)}
.paso-lado .barra{width:120px}
@media (max-width:640px){
  .paso{grid-template-columns:44px minmax(0,1fr)}
  .paso .num{width:44px;height:44px;font-size:.9rem}
  .stepper::before{left:21px}
  .paso-lado{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;min-width:0}
  .paso-lado .barra{width:100%;order:3}
}

/* Vista de etapa */
.etapa-cab{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;margin-bottom:24px}
@media (max-width:720px){.etapa-cab{grid-template-columns:1fr}}
.etapa-estado{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.etapa-estado select{width:auto;min-width:160px;padding:9px 12px}
.etapa-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px;flex-wrap:wrap}
.entregables{margin:0;padding-left:20px;color:var(--gris);font-size:.92rem}
.entregables li{margin-bottom:4px}
.obra{
  text-align:center;padding:48px 24px;border-radius:8px;
  background:repeating-linear-gradient(-45deg,rgba(255,212,0,.06) 0 20px,transparent 20px 40px),var(--noche-2);
  border:1.5px dashed rgba(255,212,0,.5);
}
.obra .rotulo{margin-bottom:12px}
.obra h2{margin-bottom:10px}
.obra p{color:var(--gris);max-width:52ch;margin-inline:auto}

/* Diálogo de confirmación */
dialog{
  background:var(--noche-2);color:var(--hueso);border:1px solid rgba(255,255,255,.18);
  border-radius:8px;padding:28px;max-width:440px;width:calc(100% - 48px);font-family:var(--texto);
}
dialog::backdrop{background:rgba(0,0,0,.6)}
dialog h2{margin-bottom:12px}

/* ---------- Pie ---------- */
.sitio-footer{background:var(--noche);padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}
.footer-fila{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:.85rem;color:var(--gris)}
.footer-fila a{color:var(--azul-claro);text-decoration:none}

/* ---------- Etapa 1: Diagnóstico y encuadre (Entrega 5.1) ---------- */
.e1{--e1-texto:#D5DFEA;--e1-suave:#AEC0D3}
.e1 .pista{color:var(--e1-suave)}
.e1-nota{color:var(--e1-texto);font-size:.92rem;margin:0 0 16px;max-width:72ch}
.e1-enlace{color:var(--azul-claro);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.e1-enlace:hover{color:var(--hivis)}
.e1-enlace-boton{background:none;border:none;padding:0;cursor:pointer;font-family:var(--texto);font-size:inherit;font-weight:700;color:var(--hivis);text-decoration:underline;text-underline-offset:2px}

/* Acordeón */
.e1-seccion{padding:0;overflow:hidden}
.e1-cab{
  display:flex;align-items:center;gap:14px;width:100%;text-align:left;
  background:none;border:none;cursor:pointer;color:inherit;font-family:inherit;
  padding:20px 24px;
}
.e1-cab:hover{background:rgba(255,255,255,.04)}
.e1-cab h2{margin:0;flex-shrink:0}
.e1-resumen-cab{margin-left:auto;font-size:.8rem;color:var(--e1-suave);letter-spacing:.03em;text-align:right}
.e1-flecha{flex-shrink:0;color:var(--hivis);transition:transform .2s ease}
.e1-seccion.abierta .e1-flecha{transform:rotate(180deg)}
.e1-cuerpo{padding:4px 24px 24px}

/* Tabla de centros */
.e1-tabla-envoltura{overflow-x:auto}
.e1-tabla{width:100%;border-collapse:collapse;font-size:.9rem}
.e1-tabla th{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--e1-texto);text-align:left;padding:8px;border-bottom:2px solid rgba(255,255,255,.22)}
.e1-tabla td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.12);vertical-align:middle;min-width:90px}
.e1-tabla td:first-child{min-width:160px}
.e1-tabla input,.e1-tabla select{padding:8px 10px;font-size:.88rem}
.e1-num{max-width:84px}
.e1-quitar{
  background:transparent;border:1.5px solid rgba(255,255,255,.3);color:var(--e1-texto);
  width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;
}
.e1-quitar:hover{border-color:var(--rojo);color:#FFC3C4}
.e1-fijo{margin:0;padding:12px 13px;border:1.5px dashed rgba(255,255,255,.22);border-radius:4px;background:rgba(0,0,0,.14);font-size:.95rem;color:var(--hueso)}
.e1-adjunto{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* Chips de estado */
.e1-chip{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap;text-decoration:none}
.e1-chip.exige{background:rgba(255,212,0,.2);color:#FFE469}
a.e1-chip.exige:hover{background:rgba(255,212,0,.34);color:var(--hivis)}
.e1-chip.ok{background:rgba(53,192,124,.2);color:#6FE0A8}
.e1-chip.info{background:rgba(255,255,255,.14);color:var(--e1-texto)}
.e1-tag{font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(27,95,174,.35);color:var(--azul-claro);padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}

/* Línea base: filas */
.e1-grupo{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hivis);margin:22px 0 4px;padding-top:14px;border-top:1px solid rgba(255,212,0,.3)}
.e1-item{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.e1-item-cab{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.e1-item-titulo{font-size:.93rem;font-weight:600;color:var(--hueso)}
.e1-item-control{margin-top:9px}
.e1-item-control select{width:auto;min-width:220px;padding:9px 12px;font-size:.88rem}
.e1-centros-chips{display:flex;gap:8px;flex-wrap:wrap}
.e1-centro{
  font-family:var(--texto);font-size:.82rem;font-weight:600;cursor:pointer;
  padding:7px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.3);
  background:transparent;color:var(--e1-texto);transition:all .15s ease;
}
.e1-centro::before{content:'○ ';color:var(--e1-suave)}
.e1-centro:hover{border-color:var(--hivis);color:var(--hueso)}
.e1-centro.cumple{background:rgba(53,192,124,.18);border-color:var(--verde);color:#9FF0C6}
.e1-centro.cumple::before{content:'✓ ';color:var(--verde)}

/* Banner de validación */
.e1-validado{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  background:rgba(53,192,124,.12);border:1.5px solid rgba(53,192,124,.5);border-radius:8px;
  padding:14px 18px;margin-bottom:18px;color:#B4F0D3;font-size:.92rem;
}
.e1-validado-acciones{display:flex;gap:10px;flex-wrap:wrap}
.e1-validar-botones{display:inline-flex;gap:10px;margin-left:10px;vertical-align:middle}

/* Overlay del logo al guardar */
.e1-overlay{
  position:fixed;inset:0;z-index:300;display:grid;place-items:center;
  background:rgba(13,27,42,.88);backdrop-filter:blur(3px);
  animation:e1-aparece .3s ease;
}
.e1-overlay img{width:130px;height:130px;animation:e1-late 1.4s ease-in-out infinite;filter:drop-shadow(0 8px 30px rgba(255,212,0,.35))}
.e1-overlay.fuera{animation:e1-se-va .5s ease forwards}
@keyframes e1-aparece{from{opacity:0}to{opacity:1}}
@keyframes e1-se-va{to{opacity:0}}
@keyframes e1-late{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.14);opacity:1}}

textarea{resize:vertical}
@media (max-width:640px){
  .e1-cab{padding:16px}
  .e1-cuerpo{padding:4px 16px 18px}
  .e1-resumen-cab{display:none}
  .e1-item-control select{width:100%}
}

/* ---------- Etapa 1 · Entrega 5.2 ---------- */
.e1-grupo-caja{
  margin:22px 0 8px;padding:4px 18px 10px;border-radius:8px;
  border:1.5px solid rgba(255,212,0,.4);border-left:5px solid var(--hivis);
  background:rgba(255,212,0,.05);
}
.e1-grupo-caja .e1-grupo{border-top:none;padding-top:10px;margin:6px 0 2px}
.e1-grupo-nota{font-size:.82rem;color:var(--e1-suave);margin:0 0 6px;max-width:72ch}
.e1-grupo-caja .e1-item:last-child{border-bottom:none}
.e1-firma-tabs{display:flex;gap:8px;margin-bottom:10px}
.e1-firma-tabs button{
  font-family:var(--texto);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:transparent;border:1.5px solid rgba(255,255,255,.3);color:var(--e1-texto);
  padding:7px 16px;border-radius:999px;cursor:pointer;
}
.e1-firma-tabs button.activo{background:var(--hivis);border-color:var(--hivis);color:var(--noche)}
#dlg-canvas{width:100%;max-width:380px;border-radius:6px;border:1.5px dashed rgba(255,255,255,.35);background:#fff;cursor:crosshair;touch-action:none;display:block}
.e1-dlg{max-width:470px}

/* ---------- Etapa 1 · Entrega 5.4: KPI de cumplimiento ---------- */
.e1-kpi{border-left:6px solid var(--rojo)}
.e1-kpi-fila{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.e1-kpi-num{font-family:var(--display);font-size:3.2rem;line-height:1;font-weight:700}
.e1-kpi-detalle{flex:1;min-width:240px}
.e1-kpi-nivel{display:block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.e1-kpi-barra{margin-bottom:10px}
.e1-kpi .barra i{transition:width .3s ease,background .3s ease}
.e1-kpi[data-nivel="crit"]{border-left-color:var(--rojo)}
.e1-kpi[data-nivel="crit"] .e1-kpi-num,.e1-kpi[data-nivel="crit"] .e1-kpi-nivel{color:var(--rojo)}
.e1-kpi[data-nivel="crit"] .barra i{background:var(--rojo)}
.e1-kpi[data-nivel="insuf"]{border-left-color:var(--naranja)}
.e1-kpi[data-nivel="insuf"] .e1-kpi-num,.e1-kpi[data-nivel="insuf"] .e1-kpi-nivel{color:var(--naranja)}
.e1-kpi[data-nivel="insuf"] .barra i{background:var(--naranja)}
.e1-kpi[data-nivel="acept"]{border-left-color:var(--hivis)}
.e1-kpi[data-nivel="acept"] .e1-kpi-num,.e1-kpi[data-nivel="acept"] .e1-kpi-nivel{color:var(--hivis)}
.e1-kpi[data-nivel="acept"] .barra i{background:var(--hivis)}
.e1-kpi[data-nivel="dest"]{border-left-color:var(--verde)}
.e1-kpi[data-nivel="dest"] .e1-kpi-num,.e1-kpi[data-nivel="dest"] .e1-kpi-nivel{color:var(--verde)}
.e1-kpi[data-nivel="dest"] .barra i{background:var(--verde)}

/* ---------- Etapa 1 · Entrega 5.5: bitácora ---------- */
.e1-bit{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.e1-bit:last-child{border-bottom:none}
.e1-bit-txt{display:flex;gap:16px;flex-wrap:wrap;align-items:baseline;font-size:.88rem}
.e1-bit-txt b{color:var(--hueso)}
.e1-bit-txt span{color:var(--e1-suave)}
.e1-bit-fecha{font-size:.78rem;letter-spacing:.05em;color:var(--azul-claro) !important;white-space:nowrap}