:root{
    --azul:#0b57d0;
    --azul-fuerte:#09275a;
    --azul-oscuro:#061d44;
    --verde:#2fac66;
    --naranja:#f28c18;
    --rojo:#c62828;
    --gris:#6b7280;
    --gris-claro:#edf2f7;
    --borde:#dbe4f0;
    --fondo:#f5f8fc;
    --blanco:#ffffff;
    --sombra:0 14px 35px rgba(12,35,74,.10);
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--fondo);color:#13233f}
a{text-decoration:none;color:inherit}
.fondo-login,.fondo-simple{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#061d44 0%,#0b57d0 50%,#eef6ff 50%,#ffffff 100%)}
.login-contenedor{width:100%;max-width:520px;padding:24px}
.login-tarjeta,.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:22px;box-shadow:var(--sombra)}
.login-tarjeta{padding:34px}
.marca-login{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.logo-redondo,.logo-menu{display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#0b57d0,#0a2a68)}
.logo-redondo{width:74px;height:74px;border-radius:50%;font-size:24px}
.logo-menu{width:66px;height:66px;border-radius:50%;font-size:22px;margin:26px auto 28px}
h1{font-size:34px;line-height:1.1;margin:0;color:#071f4d}h2{margin:0 0 12px;font-size:22px;color:#071f4d}h3{margin:0;color:#071f4d}.marca-login p,.cabecera p,.texto-muted{color:var(--gris);margin:6px 0 0}.formulario-login label,.campo label{display:block;font-weight:700;margin-bottom:7px;color:#15284d}.formulario-login input,.campo input,.campo textarea,.formulario-inline input,.formulario-grid input,input[type=file]{width:100%;border:1px solid #bfccdc;border-radius:12px;padding:13px 14px;font-size:15px;background:#fff}.campo textarea{resize:vertical}.boton{border:none;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.boton.primario{background:linear-gradient(135deg,#0b57d0,#0646b6);color:#fff}.boton.secundario{background:#eef4ff;color:#0b57d0;border:1px solid #b7cdf8}.boton.excel{background:#16804a;color:#fff}.boton.bloqueado{background:#d9e1ec;color:#6c7788;cursor:not-allowed}.boton.completo{width:100%;margin-top:18px}.nota-login{margin-top:22px;background:#f1f6ff;border:1px solid #d8e6ff;border-radius:16px;padding:16px;color:#34425c;line-height:1.45}.alerta{padding:14px 16px;border-radius:14px;margin:12px 0;font-weight:700}.alerta.error{background:#fff0f0;color:#a11616;border:1px solid #ffcccc}.alerta.correcto{background:#eaf8f0;color:#126b39;border:1px solid #bfe8ce}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.menu-lateral{background:linear-gradient(180deg,#061d44,#0a2a68);color:#fff;min-height:100vh;padding:0 18px;position:sticky;top:0}.menu-lateral nav{display:flex;flex-direction:column;gap:10px}.menu-lateral a{padding:13px 16px;border-radius:14px;color:#eaf2ff;font-weight:700}.menu-lateral a:hover{background:rgba(255,255,255,.12)}.contenido{padding:34px 42px}.cabecera{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.usuario-cabecera{background:#fff;border:1px solid var(--borde);border-radius:18px;padding:12px 16px;box-shadow:0 6px 16px rgba(12,35,74,.06);text-align:right}.usuario-cabecera span{font-weight:800;display:block}.usuario-cabecera small{color:var(--gris)}.tarjeta{padding:22px;margin-bottom:20px}.tarjeta.grande{padding:26px}.contenedor-instalacion{width:100%;max-width:780px;padding:24px}.centro{text-align:center}.colaborador-destacado{display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,#ecfff4,#ffffff)}.avatar-grande{width:72px;height:72px;border-radius:50%;background:#35ad64;color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;flex-shrink:0}.etiqueta{text-transform:uppercase;font-size:12px;font-weight:800;color:#0b57d0;letter-spacing:.06em;margin:0 0 4px}.grid-evaluaciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.evaluacion-card{min-height:260px;display:flex;flex-direction:column;gap:10px}.evaluacion-card.terminada{background:#f9fbff}.fila-entre{display:flex;justify-content:space-between;align-items:center;gap:16px}.badge{border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:6px}.badge.verde{background:#e7f8ee;color:#16733c}.badge.azul{background:#e8f1ff;color:#0b57d0}.badge.naranja{background:#fff3e2;color:#b75b00}.tipo-mini{font-size:13px;color:#5b6c88;font-weight:800}.resultado-mini{background:#eefaf3;border-radius:14px;padding:12px;color:#136c37}.resultado-mini strong{font-size:26px;display:block}.resultado-mini span{font-size:12px;color:#4d6b58}.nota-sistema{background:#edf5ff;color:#1d3764}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.kpi span{font-size:30px;color:#0b57d0;font-weight:900}.kpi p{margin:6px 0 0;color:#5e6f89;font-weight:700}.grid-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.formulario-inline{display:flex;gap:12px;align-items:end}.formulario-inline .campo{margin:0}.flex-1{flex:1}.formulario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.formulario-grid.cinco-columnas{grid-template-columns:repeat(5,minmax(0,1fr))}.completo-grid{grid-column:1/-1}.margen-arriba{margin-top:16px}.margen-abajo{margin-bottom:16px}.tabla-contenedor{overflow:auto;border:1px solid var(--borde);border-radius:16px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px 14px;border-bottom:1px solid #e5edf7;text-align:left;vertical-align:middle}th{background:#f3f7fc;color:#132b55;font-size:13px}td{font-size:14px}.link{color:#0b57d0;font-weight:800}.mensaje-pendiente{display:inline-block;background:#fff4e8;color:#b75b00;border-radius:10px;padding:8px 10px;font-weight:700}.resumen-final{display:flex;align-items:center;gap:24px}.circulo-porcentaje{width:118px;height:118px;border-radius:50%;background:conic-gradient(#2fac66 0 82%,#e3eaf4 82% 100%);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#071f4d;flex-shrink:0}.formulario-encuesta{max-width:1180px}.caja-promedio{width:150px;height:110px;border-radius:18px;background:#eff6ff;border:1px solid #d9e8ff;display:flex;flex-direction:column;align-items:center;justify-content:center}.caja-promedio span{font-size:30px;font-weight:900;color:#0b57d0}.caja-promedio small{color:#5b6c88;font-weight:700}.bloque-habilidad{border:1px solid #e1eaf5;border-radius:18px;padding:16px;margin-bottom:16px}.titulo-habilidad{display:flex;align-items:center;gap:12px;margin-bottom:12px}.titulo-habilidad span{width:30px;height:30px;border-radius:50%;background:#0b57d0;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.opciones-habilidad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.opcion-radio{border:1px solid #d6e1ef;border-radius:14px;padding:12px;cursor:pointer;min-height:128px;background:#fff;display:flex;flex-direction:column;gap:7px}.opcion-radio:hover{border-color:#0b57d0;background:#f7fbff}.opcion-radio input{width:auto}.opcion-radio strong{font-size:22px;color:#0b57d0}.opcion-radio span{font-size:12px;color:#394960;line-height:1.35}.acciones-formulario{margin-top:20px}
@media(max-width:980px){.layout{grid-template-columns:1fr}.menu-lateral{position:relative;min-height:auto}.menu-lateral nav{flex-direction:row;flex-wrap:wrap}.contenido{padding:22px}.grid-dos,.formulario-grid.cinco-columnas,.opciones-habilidad{grid-template-columns:1fr}.formulario-inline,.fila-entre,.resumen-final{flex-direction:column;align-items:stretch}.cabecera{flex-direction:column;gap:14px}.usuario-cabecera{text-align:left}}