/* PERCOIA V11 - navegación, identidad persistente y cabecera móvil */
/* PERCOIA - pantalla de carga renovada (V13.8). Mantiene el control existente de ready/navegacion. */
html.v11-preload body{visibility:hidden}
/* Respaldo visual para paginas donde el JS aun no se haya ejecutado. */
html.v11-preload::before,html.v11-navigating::before{content:"";position:fixed;inset:0;background:#f6fbfd;z-index:2147483644}
html.v11-preload::after,html.v11-navigating::after{content:"PERCOIA · Cargando…";position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font:800 17px/1.4 Inter,Segoe UI,Arial,sans-serif;color:#082f5b;white-space:nowrap;z-index:2147483645}
html.v11-loader-mounted.v11-preload::before,html.v11-loader-mounted.v11-preload::after,html.v11-loader-mounted.v11-navigating::before,html.v11-loader-mounted.v11-navigating::after{content:none}
.percoia-loading-screen{display:none;position:fixed;inset:0;z-index:2147483646;overflow:hidden;box-sizing:border-box;background:radial-gradient(ellipse 80% 45% at 0% 0%,#cfe4fb 0%,transparent 75%),radial-gradient(ellipse 80% 40% at 100% 100%,#b3edf0 0%,transparent 78%),#f8fcff;font-family:Inter,Segoe UI,Arial,sans-serif;color:#082f5b;align-items:center;justify-content:center;padding:24px;text-align:center}
html.v11-preload>.percoia-loading-screen,html.v11-navigating>.percoia-loading-screen{display:flex}
.percoia-loading-screen::before,.percoia-loading-screen::after{content:"";position:absolute;left:-18%;width:140%;height:24vh;pointer-events:none;opacity:.55;border-radius:45% 55% 0 0;transform:rotate(-7deg)}
.percoia-loading-screen::before{top:-17vh;background:linear-gradient(90deg,#b7d8fa,#17aeb5,#0b4783)}
.percoia-loading-screen::after{bottom:-17vh;background:linear-gradient(90deg,#0b4783,#14a9bb,#b7d8fa);transform:rotate(7deg)}
.percoia-loading-content{position:relative;z-index:1;width:min(100%,390px);display:flex;align-items:center;flex-direction:column}
.percoia-loading-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:55px}
.percoia-loading-logo{width:56px;height:56px;object-fit:contain}
.percoia-loading-name{font-size:clamp(29px,8vw,40px);font-weight:900;letter-spacing:.025em;line-height:1}
.percoia-loading-tagline{font-size:14px;margin-top:9px;color:#385979}
.percoia-loading-title{font-size:clamp(18px,5vw,23px);font-weight:800;line-height:1.3;margin:0 0 9px}
.percoia-loading-desc{font-size:14px;line-height:1.55;color:#385979;margin:0 0 26px;max-width:285px}
.percoia-loading-ring{width:78px;height:78px;border-radius:50%;border:8px solid #d2e7f4;border-top-color:#0e97ad;border-right-color:#26c1b4;animation:percoia-loader-spin 1s linear infinite;box-sizing:border-box}
.percoia-loading-foot{font-size:12px;color:#5c7790;margin-top:35px;letter-spacing:.02em}
@keyframes percoia-loader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.percoia-loading-ring{animation-duration:3s}}
.percoia-user-context{position:relative;display:inline-flex;align-items:center;gap:8px}
.percoia-user-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9e7eb;background:#fff;color:#082f5b;border-radius:999px;padding:6px 10px;cursor:pointer;font:700 13px/1.2 Inter,Segoe UI,Arial,sans-serif;box-shadow:0 5px 14px rgba(8,47,91,.08)}
.percoia-user-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#27bfa9,#147fa4);color:#fff;font-weight:900}
.percoia-user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:#fff;border:1px solid #d9e7eb;border-radius:14px;padding:12px;box-shadow:0 16px 36px rgba(8,47,91,.16);z-index:1200}
.percoia-user-menu strong,.percoia-user-menu small{display:block}.percoia-user-menu small{color:#667b8b;margin-top:3px;overflow-wrap:anywhere}.percoia-user-menu button{width:100%;margin-top:12px;border:0;border-radius:9px;padding:10px 12px;background:#eef3f7;color:#082f5b;font-weight:800;cursor:pointer}
@media(max-width:760px){
  .percoia-user-name{display:none}.percoia-user-button{padding:4px}.percoia-user-avatar{width:32px;height:32px}
  body[data-page-title="Evaluación de Talento"] header{transition:transform .24s ease,box-shadow .24s ease;will-change:transform}
  body[data-page-title="Evaluación de Talento"] header.v11-header-hidden{transform:translateY(-110%);box-shadow:none}
  body[data-page-title="Evaluación de Talento"] .header-wrap{padding:7px 10px!important;min-height:52px;flex-direction:row!important;align-items:center!important;gap:8px!important}
  body[data-page-title="Evaluación de Talento"] .logos{gap:0!important;flex:0 0 auto}
  body[data-page-title="Evaluación de Talento"] .logos .percoia-header-logo{content:url('./assets/favicon.png');width:38px!important;height:38px!important;object-fit:contain!important;border-radius:9px}
  body[data-page-title="Evaluación de Talento"] .header-actions{width:auto!important;flex:1 1 auto!important;min-width:0;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important}
  body[data-page-title="Evaluación de Talento"] .header-title{min-width:0!important;text-align:left!important;margin-right:auto}
  body[data-page-title="Evaluación de Talento"] .header-title strong{font-size:14px!important;white-space:nowrap}
  body[data-page-title="Evaluación de Talento"] .header-title span{display:none!important}
  body[data-page-title="Evaluación de Talento"] .percoia-info-btn{padding:8px 9px!important;font-size:11px!important;white-space:nowrap}
  body[data-page-title="Evaluación de Talento"] .hero{padding-top:18px}
}

/* PERCOIA V11.2 - Cambios 9-13 */
body[data-page-title="Evaluación de Talento"] header{transition:transform .24s ease,box-shadow .24s ease;will-change:transform}
body[data-page-title="Evaluación de Talento"] header.v11-header-hidden{transform:translateY(-110%);box-shadow:none}
body[data-page-title="Acceso"] .login-shell{min-height:auto;padding-top:28px;padding-bottom:18px}
body[data-page-title="Acceso"] .percoia-public-about{margin-top:0}
.percoia-version-rights{padding:12px 16px;text-align:center;color:#718096;font:600 12px/1.45 Inter,Segoe UI,Arial,sans-serif;background:#fff;border-top:1px solid #d9e7eb}
@media print{.percoia-version-rights{display:none!important}}
@media(max-width:760px){
  body[data-page-title="Evaluación de Talento"] .header-title{display:none!important}
}