body.director-active #view-director-dashboard>.btn-volver{display:none!important}
body.director-active #userBadge button[onclick*="cerrarSesion"]{display:grid!important;width:35px;height:35px;margin-left:9px!important;padding:0!important;place-items:center;border:1px solid #aac7df!important;border-radius:10px!important;background:#fff!important;color:#0f55a0!important;box-shadow:0 4px 12px rgba(15,70,160,.13);transition:.18s ease}
body.director-active #userBadge button[onclick*="cerrarSesion"]:hover{border-color:#0f55a0!important;background:#eaf3fc!important;color:#0a3f7e!important;transform:translateX(2px) scale(1.04)}
.director-hero>.director-bubbles{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.director-bubbles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 8px rgba(118,211,255,.48);animation:directorBubbleMove 6.4s ease-in-out var(--delay) infinite alternate}
.director-hero>.director-flash{position:absolute;z-index:-1;top:-45%;bottom:-45%;left:-24%;width:11%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(255,255,255,.28),rgba(255,255,255,.05),transparent);filter:blur(3px);transform:skewX(-18deg);animation:directorFlash 5.8s ease-in-out infinite;pointer-events:none}
.director-hero{animation:directorFondo 6.2s ease-in-out infinite alternate!important}.director-hero:before{opacity:.46;animation-duration:10s!important}.director-hero:after{width:150px!important;height:150px!important;right:-42px!important;top:-76px!important;box-shadow:-155px 116px 0 -69px rgba(122,202,255,.12),-365px 84px 0 -66px rgba(255,255,255,.1),-570px 135px 0 -70px rgba(72,216,184,.12)!important;animation-duration:6.6s!important}
.director-hero-actions .btn{border-width:1px!important;background:#fff!important;color:#174a83!important;box-shadow:0 5px 13px rgba(2,29,63,.14)!important;backdrop-filter:none!important}.director-hero-actions .btn:hover{transform:translateY(-2px)}
.director-hero-actions .btn:nth-child(1){border-color:#ebd17a!important;background:#fff7d8!important;color:#826000!important}.director-hero-actions .btn:nth-child(1) i{color:#d89b00}
.director-hero-actions .btn:nth-child(2){border-color:#9fd9d1!important;background:#e8f8f5!important;color:#086c62!important}.director-hero-actions .btn:nth-child(2) i{color:#078d7d}
.director-hero-actions .btn:nth-child(3){border-color:#c9b6ea!important;background:#f2edfb!important;color:#5e3d97!important}.director-hero-actions .btn:nth-child(3) i{color:#7653b2}
.director-hero-actions .btn:nth-child(4){border-color:#efb9bd!important;background:#fff0f1!important;color:#a32632!important}.director-hero-actions .btn:nth-child(4) i{color:#cc3442}
.director-hero-actions .btn:nth-child(5){border-color:#a9d7ba!important;background:#ebf8f0!important;color:#1b7040!important}.director-hero-actions .btn:nth-child(5) i{color:#219653}
.director-ai-header{align-items:center!important}.director-ai-header>div{display:flex;min-width:0;align-items:center;gap:10px;flex-wrap:wrap}.director-ai-header>div h3{margin:0!important}.director-ai-header .director-ai-label{margin:0;white-space:nowrap}.director-ai-header>#directorIAEstado{margin-left:auto}
.director-kpis{width:100%;max-width:1120px;margin-inline:auto;gap:10px!important}.director-kpi{min-height:108px;padding:14px!important;grid-template-columns:38px 1fr!important;gap:9px!important;border-radius:15px!important}.director-kpi i{width:34px!important;height:34px!important}.director-kpi strong{margin-top:4px!important;font-size:1.32rem!important}.director-kpi span{font-size:.7rem!important}.director-kpi small{font-size:.68rem!important}
.director-grid>.director-panel:first-child{border:2px solid #526ed0;background:#fff;box-shadow:0 9px 24px rgba(45,76,143,.11)}
.director-grid>.director-panel:first-child h3{color:#334f9b}.director-grid>.director-panel:first-child h3 i{display:inline-grid;width:31px;height:31px;margin-right:6px;place-items:center;border-radius:9px;background:#dfe8fa;color:#3156ad}
.director-grid>.director-panel:first-child .director-panel-sub{color:#60739a}.director-grid>.director-panel:first-child .director-evolution-track{height:12px;border:1px solid #9aafe2;background:#fff}.director-grid>.director-panel:first-child .director-evolution-track span{background:#526ed0;box-shadow:0 2px 7px rgba(49,86,173,.25)}.director-grid>.director-panel:first-child .director-evolution-row b{color:#304d99}
.director-grid>.director-panel:nth-child(2){border:2px solid #079487;background:#fff;box-shadow:0 9px 24px rgba(13,116,103,.1)}
.director-grid>.director-panel:nth-child(2) h3{color:#087267}.director-grid>.director-panel:nth-child(2) h3 i{display:inline-grid;width:31px;height:31px;margin-right:6px;place-items:center;border-radius:9px;background:#d9f2ed;color:#087c70}.director-grid>.director-panel:nth-child(2) .director-panel-sub{color:#577d78}
.director-grid>.director-panel:nth-child(2) .director-table{border:1px solid #50b9af;border-radius:11px;overflow:hidden;border-collapse:separate;border-spacing:0;background:#fff}.director-grid>.director-panel:nth-child(2) .director-table th{border-bottom:2px solid #079487;background:#fff;color:#075e56}.director-grid>.director-panel:nth-child(2) .director-table th+th,.director-grid>.director-panel:nth-child(2) .director-table td+td{border-left:1px solid #b5dfda}.director-grid>.director-panel:nth-child(2) .director-table td{border-bottom:1px solid #b5dfda;background:#fff;color:#175e57}.director-grid>.director-panel:nth-child(2) .director-table tbody tr:hover td{background:#fff}
.director-grid>.director-panel:first-child .director-evolution-row:nth-child(3) .director-evolution-track{border-color:#8fa7df;box-shadow:inset 0 1px 3px rgba(38,63,139,.12)}
.director-grid>.director-panel:first-child .director-evolution-row:nth-child(3) .director-evolution-track span{position:relative;overflow:hidden;background:linear-gradient(90deg,#263f8b 0%,#526ed0 48%,#7892e8 72%,#3156ad 100%);background-size:220% 100%;animation:directorBimestreTres 3.2s ease-in-out infinite;box-shadow:0 3px 9px rgba(49,86,173,.32)}
.director-grid>.director-panel:first-child .director-evolution-row:nth-child(3) .director-evolution-track span:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.48) 48%,transparent 75%);transform:translateX(-120%);animation:directorBimestreBrillo 3.2s ease-in-out infinite}
.director-grid>.director-panel:nth-child(2) .director-table thead th{background:#dff5e8;color:#12633f;border-bottom-color:#36a66c}
@keyframes directorBimestreTres{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes directorBimestreBrillo{0%,18%{transform:translateX(-120%)}62%,100%{transform:translateX(140%)}}
@keyframes directorBubbleMove{0%{transform:translate3d(0,7px,0) scale(.78);opacity:.3}48%{opacity:.85}100%{transform:translate3d(var(--drift),-10px,0) scale(1.2);opacity:.48}}
@keyframes directorFlash{0%,15%{left:-24%;opacity:0}30%{opacity:.75}58%,100%{left:118%;opacity:0}}
@media(prefers-reduced-motion:reduce){.director-bubbles i,.director-hero>.director-flash,.director-grid>.director-panel:first-child .director-evolution-row:nth-child(3) .director-evolution-track span,.director-grid>.director-panel:first-child .director-evolution-row:nth-child(3) .director-evolution-track span:after{animation:none!important}.director-bubbles i{opacity:.45}}
