/* Grupo Hi — branding compartilhado do Portal Novos Negócios */
.hi-brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}
.hi-brand-logo-wrap{display:grid;place-items:center;background:rgba(255,255,255,.96);border:1px solid rgba(8,43,104,.12);border-radius:16px;padding:6px;box-shadow:0 10px 26px rgba(0,0,0,.16);overflow:hidden;flex:0 0 auto}
.hi-brand-logo{display:block;width:78px;height:58px;object-fit:contain}
.hi-brand-logo.compact{width:62px;height:46px}.hi-brand-logo.large{width:98px;height:72px}
.hi-team-footer{margin:28px auto 0;max-width:1180px;padding:18px 20px;border:1px solid rgba(120,153,201,.18);border-radius:20px;background:linear-gradient(135deg,rgba(7,24,50,.88),rgba(10,35,66,.78));box-shadow:0 18px 44px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;position:relative;overflow:hidden}
.hi-team-footer:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 25%,rgba(0,233,90,.06),transparent 48%,rgba(42,116,255,.08),transparent 72%);transform:translateX(-70%);animation:hiFooterSweep 9s linear infinite;pointer-events:none}
.hi-team-copy{position:relative;z-index:1;min-width:210px}.hi-team-title{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#eaf3ff}.hi-team-sub{font-size:10px;color:#8fa6c6;margin-top:4px}
.hi-team-photos{display:flex;align-items:center;gap:10px;position:relative;z-index:1;flex-wrap:wrap}.hi-team-avatar{--hi-ty:0px;--hi-rot:0deg;width:62px;height:62px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#00e95a,#1c70e8);box-shadow:0 10px 22px rgba(0,0,0,.22);transition:transform .25s ease,box-shadow .25s ease;transform:translateY(var(--hi-ty)) rotate(var(--hi-rot))}.hi-team-avatar:hover{transform:translateY(calc(var(--hi-ty) - 5px)) rotate(var(--hi-rot)) scale(1.035);box-shadow:0 16px 28px rgba(0,0,0,.28)}.hi-team-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff;display:block}.hi-team-avatar.is-character{background:linear-gradient(135deg,#ffce57,#ff6aa1 46%,#1c70e8)}.hi-team-avatar.is-character img{object-fit:contain;padding:4px;background:radial-gradient(circle at 50% 35%,#fff 0,#f1f6ff 68%,#e4edff 100%)}.hi-team-mark{width:56px;height:56px;border-radius:14px;background:#fff;padding:5px;object-fit:contain;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.hi-motion-ready .project,.hi-motion-ready .metric,.hi-motion-ready .card,.hi-motion-ready .section,.hi-motion-ready .kpi-card,.hi-motion-ready .tool-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,opacity .55s ease}
.hi-motion-ready .project:hover,.hi-motion-ready .metric:hover,.hi-motion-ready .card:hover,.hi-motion-ready .kpi-card:hover,.hi-motion-ready .tool-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(2,13,31,.20)}
.hi-reveal{opacity:0;transform:translateY(12px)}.hi-reveal.hi-visible{opacity:1;transform:translateY(0)}

/* ===== Grupo Hi · Sistema global de barras cinematográficas ===== */
.bar,
.progress-shell,
.site-loader-bar,
.hi-premium-progress-track{
  position:relative!important;
  overflow:hidden!important;
  min-height:12px;
  border-radius:999px!important;
  border:1px solid rgba(57,255,143,.62)!important;
  background:linear-gradient(180deg,rgba(6,18,10,.96),rgba(10,31,17,.94))!important;
  box-shadow:
    0 0 0 1px rgba(46,255,137,.07),
    0 0 16px rgba(38,255,132,.16),
    inset 0 0 12px rgba(0,0,0,.62)!important;
  isolation:isolate;
}
.bar:before,
.progress-shell:before,
.site-loader-bar:before,
.hi-premium-progress-track:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    repeating-linear-gradient(90deg,rgba(121,255,182,.075) 0 10px,transparent 10px 16px),
    radial-gradient(circle at 8% 50%,rgba(67,255,154,.12),transparent 23%);
}
.bar i,
.progress-bar,
.site-loader-bar>span,
#actionOverallBar,
.hi-premium-progress-fill{
  position:relative!important;
  z-index:1;
  display:block;
  height:100%!important;
  min-height:inherit;
  border-radius:999px!important;
  overflow:visible!important;
  background:linear-gradient(90deg,#12d968 0%,#20ff86 18%,#8affc4 39%,#35ff97 61%,#11d866 100%)!important;
  background-size:220% 100%!important;
  box-shadow:
    0 0 11px rgba(33,255,132,.72),
    0 0 25px rgba(44,255,143,.34),
    inset 0 1px 0 rgba(255,255,255,.60)!important;
  transition:width 1.05s cubic-bezier(.22,.8,.24,1)!important;
  animation:hiEnergyFlow 2.9s linear infinite!important;
}
.bar i:before,
.progress-bar:before,
.site-loader-bar>span:before,
#actionOverallBar:before,
.hi-premium-progress-fill:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:repeating-linear-gradient(105deg,rgba(255,255,255,.88) 0 4px,rgba(255,255,255,.18) 4px 9px,transparent 9px 15px);
  mix-blend-mode:screen;
  opacity:.55;
  animation:hiEnergyStripes 1.05s linear infinite;
}
.bar i:after,
.progress-bar:after,
.site-loader-bar>span:after,
#actionOverallBar:after,
.hi-premium-progress-fill:after{
  content:"";
  position:absolute;
  z-index:3;
  top:50%;
  right:-8px;
  width:18px;
  height:18px;
  border-radius:50%;
  transform:translateY(-50%);
  pointer-events:none;
  background:radial-gradient(circle,#fff 0 11%,#caffdf 17%,#69ffad 35%,rgba(37,255,133,.35) 57%,transparent 74%);
  box-shadow:0 0 8px #d6ffe5,0 0 17px rgba(71,255,153,.9),0 0 30px rgba(30,255,128,.48);
  animation:hiProgressNode 1.45s ease-in-out infinite;
}
/* Portfólio: maior destaque visual para as barras dos cards */
.projects .bar,.project .bar{height:14px!important;min-height:14px!important;margin-top:7px!important}
.projects .bar i,.project .bar i{min-height:14px!important}
/* KPI e visão geral */
#metricGrid .bar{height:12px!important;min-height:12px!important}
.progress-shell{height:14px!important;min-height:14px!important}
/* Plano executivo OPE-SP */
.hi-premium-progress-track.hi-action-overall-track{height:14px!important;min-height:14px!important}
#actionOverallBar{min-height:14px!important}
/* Controles de avanço continuam funcionais, mas coerentes visualmente */
input[type="range"]{accent-color:#20f781}
@keyframes hiEnergyFlow{0%{background-position:0 50%}100%{background-position:220% 50%}}
@keyframes hiEnergyStripes{0%{background-position:0 0}100%{background-position:30px 0}}
@keyframes hiProgressNode{0%,100%{filter:brightness(1);transform:translateY(-50%) scale(.86)}50%{filter:brightness(1.35);transform:translateY(-50%) scale(1.12)}}
@keyframes hiFooterSweep{0%{transform:translateX(-75%)}50%,100%{transform:translateX(85%)}}
@media(max-width:680px){.hi-brand-logo{width:66px;height:50px}.hi-team-footer{padding:14px}.hi-team-photos{gap:7px}.hi-team-avatar{width:50px;height:50px}.hi-team-avatar.is-character img{padding:3px}.hi-team-mark{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.hi-team-footer:before,.bar i,.progress-bar,.site-loader-bar>span,#actionOverallBar,.bar i:before,.bar i:after,.progress-bar:before,.progress-bar:after,.site-loader-bar>span:before,.site-loader-bar>span:after,#actionOverallBar:before,#actionOverallBar:after{animation:none!important}.hi-reveal{opacity:1!important;transform:none!important}}
@media print{.hi-team-footer{background:#fff!important;color:#111!important;border-color:#ccd4df!important;box-shadow:none!important}.hi-team-title{color:#111!important}.hi-team-sub{color:#555!important}.hi-team-footer:before{display:none!important}.bar,.progress-shell,.site-loader-bar,.hi-premium-progress-track{background:#e6e9ef!important;border-color:#ccd4df!important;box-shadow:none!important}.bar i,.progress-bar,.site-loader-bar>span,#actionOverallBar,.hi-premium-progress-fill{background:#16a34a!important;box-shadow:none!important;animation:none!important}.bar i:before,.bar i:after,.progress-bar:before,.progress-bar:after,.site-loader-bar>span:before,.site-loader-bar>span:after,#actionOverallBar:before,#actionOverallBar:after{display:none!important}}

/* Ajuste 2026-08-28: comportar 4 integrantes + 3 personagens + logo em uma linha */
@media (max-width:1200px) and (min-width:681px){
  .hi-team-footer{gap:12px;padding:16px 18px}
  .hi-team-copy{min-width:245px;flex:1 1 245px}
  .hi-team-photos{gap:8px;flex-wrap:nowrap;flex:0 1 auto}
  .hi-team-avatar{width:54px;height:54px}
  .hi-team-mark{width:50px;height:50px}
}
