/* Seletor Cena — continuidade visual do sistema interno (2026-09-30) */
:root{--hub-navy:#073b59;--hub-blue:#124f70;--hub-gold:#c97a12;--hub-cream:#f6efe4;--hub-paper:#fffdf9;--hub-ink:#082e4a}

html:not(.dark) .app.hubview #content,.app.hubview #content{padding:0!important;overflow:auto!important}
.app.hubview .sidebar,.app.hubview .topbar{display:none!important}
.app.hubview .main{margin:0!important;width:100%!important;max-width:none!important}
.app.hubview .carl-widget,body:has(.app.hubview)>.carl-widget{display:none!important}

.panorama-hub{position:relative!important;min-height:100dvh!important;overflow:hidden!important;color:var(--hub-ink)!important;background:linear-gradient(180deg,#f8f3eb 0%,#f2eadf 100%)!important}
.panorama-hub:before{content:""!important;position:absolute!important;z-index:0!important;inset:0 0 auto 0!important;height:35vh!important;min-height:285px!important;opacity:1!important;filter:saturate(.84) contrast(.94) brightness(1.06)!important;transform:none!important;background:url('ponte-relatorio.jpg') 64% 48%/cover no-repeat!important}
.panorama-hub:after{content:""!important;position:absolute!important;z-index:1!important;left:-8vw!important;top:-13vh!important;width:66vw!important;height:49vh!important;opacity:1!important;border-radius:0 0 58% 0!important;transform:none!important;background:linear-gradient(128deg,#fffdf9 0%,#f7f0e6 78%,rgba(247,240,230,.88) 100%)!important;box-shadow:0 18px 42px rgba(4,37,57,.08)!important;mix-blend-mode:normal!important;pointer-events:none!important}
.ph-atmosphere,.ph-ocean{display:none!important}

.ph-header{position:absolute!important;z-index:20!important;top:0!important;left:0!important;right:0!important;height:76px!important;padding:0 clamp(34px,4vw,74px)!important;display:flex!important;align-items:center!important;background:transparent!important;border:0!important;backdrop-filter:none!important}
.ph-logo{position:static!important;width:118px!important;height:auto!important;margin:0!important;transform:none!important;filter:brightness(0) saturate(100%) invert(17%) sepia(30%) saturate(1992%) hue-rotate(164deg) brightness(86%) contrast(97%)!important;opacity:1!important}
.ph-user{margin-left:auto!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0!important;color:#fff!important;background:transparent!important;border:0!important;backdrop-filter:none!important;font:500 13px/1 Inter,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
.ph-avatar{display:block!important;width:32px!important;height:32px!important;border:2px solid rgba(255,255,255,.8)!important;border-radius:50%!important;box-shadow:0 3px 12px rgba(4,31,48,.22)!important}
.ph-logout{padding-left:15px!important;border-left:1px solid rgba(255,255,255,.42)!important;color:#fff!important;font-size:13px!important;letter-spacing:0!important}

.ph-layout{position:relative!important;z-index:3!important;display:block!important;min-height:100dvh!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:hidden!important}
.ph-layout:after{display:none!important}
.ph-intro{position:absolute!important;z-index:6!important;left:clamp(44px,5vw,92px)!important;top:clamp(88px,10vh,112px)!important;width:48vw!important;min-height:0!important;padding:0!important;background:transparent!important;color:var(--hub-ink)!important;display:block!important;pointer-events:none!important}
.ph-intro:before,.ph-intro:after{display:none!important}
.ph-intro .ph-kicker{display:block!important;margin:0 0 14px!important;color:#0a5072!important;font:700 10px/1 Montserrat,Inter,sans-serif!important;letter-spacing:.31em!important;text-transform:uppercase!important}
.ph-intro h1,.ph-intro h1.ph-greeting{display:block!important;margin:0!important;color:#082f4c!important;font:400 clamp(48px,4.7vw,76px)/.94 Georgia,"Times New Roman",serif!important;letter-spacing:-.045em!important;text-shadow:none!important}
.ph-intro h1 span,.ph-intro h1.ph-greeting span{display:inline!important;color:inherit!important}
.ph-intro h1 em{display:none!important}
.ph-intro>p{display:block!important;margin:13px 0 0!important;color:#365d74!important;font:500 clamp(14px,1.25vw,20px)/1.35 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.ph-intro-rule,.ph-count,.ph-connected{display:none!important}

.ph-stage{position:absolute!important;z-index:8!important;left:clamp(44px,5vw,92px)!important;right:clamp(44px,5vw,92px)!important;top:clamp(340px,39vh,390px)!important;bottom:clamp(66px,7vh,86px)!important;height:auto!important;min-height:370px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(15px,1.4vw,25px)!important;padding:0!important;align-items:stretch!important;background:transparent!important;overflow:visible!important;perspective:1300px!important;isolation:isolate!important}
.ph-stage:before,.ph-stage:after{display:none!important}

.ph-panel,.ph-panel:last-child{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:none!important;border:1px solid rgba(8,59,89,.12)!important;border-radius:14px!important;background-color:var(--hub-paper)!important;background-position:center 64%!important;background-size:100% 47%!important;background-repeat:no-repeat!important;color:var(--hub-ink)!important;filter:none!important;opacity:1!important;box-shadow:0 15px 34px rgba(21,49,64,.11),0 2px 7px rgba(21,49,64,.07),inset 0 1px 0 #fff!important;transform:translateY(0) scale(1)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important}
.ph-panel.ph-juris{background-image:url('hub-gallery-juris.webp')!important}
.ph-panel.ph-loca{background-image:url('hub-gallery-loca.webp')!important}
.ph-panel.ph-patrimonial{background-image:url('hub-gallery-incorp.webp')!important}
.ph-panel.ph-adm{background-image:url('hub-gallery-adm.webp')!important}
.ph-panel:before{content:""!important;display:block!important;position:absolute!important;z-index:1!important;inset:0!important;opacity:1!important;background:linear-gradient(180deg,#fffdfa 0%,#fffdfa 46%,rgba(255,253,250,.08) 54%,rgba(7,38,56,.12) 100%)!important;pointer-events:none!important}
.ph-panel:after{content:""!important;display:block!important;position:absolute!important;z-index:2!important;left:0!important;right:0!important;bottom:0!important;height:74px!important;opacity:1!important;background:linear-gradient(180deg,rgba(255,253,249,.93),#fffdf9 38%)!important;border-top:1px solid rgba(8,59,89,.09)!important;pointer-events:none!important}
.ph-panel-inner{position:absolute!important;z-index:3!important;inset:0!important;padding:28px 26px 22px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;color:var(--hub-ink)!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;transition:none!important}
.ph-index{position:absolute!important;top:26px!important;right:24px!important;bottom:auto!important;left:auto!important;color:rgba(8,59,89,.38)!important;font:600 9px/1 "IBM Plex Mono",monospace!important;letter-spacing:.16em!important}
.ph-panel h2{margin:48px 0 8px!important;color:#092f4b!important;font:400 clamp(27px,2vw,38px)/1 Georgia,"Times New Roman",serif!important;letter-spacing:-.035em!important;text-shadow:none!important;white-space:normal!important}
.ph-panel p{display:block!important;margin:0!important;max-width:100%!important;min-height:44px!important;color:#476b80!important;font:500 12px/1.45 Inter,sans-serif!important;opacity:1!important;transform:none!important;transition:none!important}
.ph-access{position:absolute!important;z-index:4!important;left:22px!important;right:22px!important;bottom:14px!important;width:auto!important;height:42px!important;margin:0!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;border:1px solid rgba(201,122,18,.72)!important;border-radius:9px!important;color:#a85e08!important;background:#fffdfa!important;box-shadow:none!important;font:700 12px/1 Inter,sans-serif!important;letter-spacing:0!important;opacity:1!important;transform:none!important;transition:color .25s ease,background .25s ease,box-shadow .25s ease!important}
.ph-access b{font-size:18px!important;font-weight:400!important}.ph-arrow{display:none!important}

.ph-stage.has-focus .ph-panel:not(.is-active){filter:none!important;opacity:1!important}
.ph-panel.is-active,.ph-panel:hover,.ph-panel:focus{z-index:5!important;width:100%!important;height:100%!important;margin:0!important;filter:none!important;transform:translateY(-10px) scale(1.018)!important;border-color:rgba(201,122,18,.9)!important;box-shadow:0 28px 55px rgba(12,47,66,.21),0 5px 15px rgba(12,47,66,.10),0 0 0 1px rgba(201,122,18,.22)!important}
.ph-panel.is-active:before,.ph-panel:hover:before,.ph-panel:focus:before,.ph-panel.is-active:after,.ph-panel:hover:after,.ph-panel:focus:after{opacity:1!important}
.ph-panel.is-active h2,.ph-panel:hover h2,.ph-panel:focus h2{font-size:clamp(27px,2vw,38px)!important}
.ph-panel.is-active .ph-panel-inner,.ph-panel:hover .ph-panel-inner,.ph-panel:focus .ph-panel-inner{padding:28px 26px 22px!important}
.ph-panel.is-active .ph-access,.ph-panel:hover .ph-access,.ph-panel:focus .ph-access{color:#fff!important;background:linear-gradient(135deg,#d18a24,#bd6c0c)!important;box-shadow:0 9px 20px rgba(177,100,10,.21)!important}
.ph-panel:focus-visible{outline:3px solid rgba(201,122,18,.38)!important;outline-offset:4px!important}

.ph-footer{position:absolute!important;z-index:10!important;left:50%!important;bottom:21px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:15px!important;color:#0b4160!important;font:700 9px/1 Montserrat,Inter,sans-serif!important;letter-spacing:.38em!important;white-space:nowrap!important}
.ph-footer i{width:34px!important;height:1px!important;background:var(--hub-gold)!important}.ph-footer small{font-size:7px!important;letter-spacing:.25em!important;color:#698294!important}

@media(max-height:780px) and (min-width:761px){.panorama-hub:before{height:32vh!important;min-height:238px!important}.panorama-hub:after{height:44vh!important}.ph-intro{top:76px!important}.ph-intro h1,.ph-intro h1.ph-greeting{font-size:50px!important}.ph-stage{top:275px!important;bottom:50px!important;min-height:325px!important}.ph-footer{display:none!important}.ph-panel-inner{padding:20px!important}.ph-panel h2{margin-top:38px!important;font-size:27px!important}.ph-access{left:16px!important;right:16px!important;bottom:11px!important;height:38px!important}}

@media(max-width:980px) and (min-width:761px){.ph-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(250px,1fr))!important;top:310px!important;bottom:55px!important;overflow:auto!important}.panorama-hub{min-height:1050px!important}.ph-stage{position:absolute!important}.ph-panel{background-size:45% 100%!important;background-position:right center!important}.ph-panel:before{background:linear-gradient(90deg,#fffdfa 0%,#fffdfa 55%,rgba(255,253,250,.18) 82%)!important}.ph-panel:after{left:0!important;right:45%!important}}

@media(max-width:760px){.panorama-hub{min-height:100dvh!important;overflow:auto!important}.panorama-hub:before{height:250px!important;min-height:0!important;background-position:68% center!important}.panorama-hub:after{top:-40px!important;left:-100px!important;width:115vw!important;height:270px!important}.ph-header{height:62px!important;padding:0 18px!important}.ph-logo{width:94px!important}.ph-user>span:first-of-type{display:none!important}.ph-logout{font-size:0!important}.ph-logout:after{content:"Sair";font-size:12px}.ph-intro{position:relative!important;left:auto!important;top:auto!important;width:auto!important;padding:82px 22px 92px!important}.ph-intro .ph-kicker{font-size:8px!important}.ph-intro h1,.ph-intro h1.ph-greeting{font-size:42px!important}.ph-intro>p{font-size:15px!important;max-width:260px!important}.ph-stage{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;height:auto!important;min-height:0!important;margin:-24px 16px 54px!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.ph-panel,.ph-panel:last-child{height:390px!important;background-size:100% 48%!important;background-position:center 64%!important}.ph-panel.is-active,.ph-panel:hover,.ph-panel:focus{height:390px!important;transform:translateY(-3px)!important}.ph-footer{bottom:18px!important;font-size:8px!important;letter-spacing:.22em!important}.ph-footer small{display:none!important}}

@media(prefers-reduced-motion:reduce){.ph-panel,.ph-access{transition:none!important}}

/* V2 aprovada — panorama discreto, degradês e profundidade editorial */
@media(min-width:981px){
  .panorama-hub{background:
    linear-gradient(rgba(8,47,74,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,47,74,.025) 1px,transparent 1px),
    linear-gradient(180deg,#faf7f1 0%,#f4eee5 100%)!important;
    background-size:56px 56px,56px 56px,auto!important}
  .panorama-hub:before{height:315px!important;min-height:0!important;background:url('hub-bridge-panorama.webp') center center/cover no-repeat!important;filter:saturate(.62) contrast(.9) brightness(1.12)!important}
  .panorama-hub:after{left:0!important;top:0!important;width:100%!important;height:350px!important;border-radius:0!important;box-shadow:none!important;background:
    linear-gradient(90deg,rgba(250,247,241,.98) 0%,rgba(250,247,241,.91) 23%,rgba(250,247,241,.46) 43%,rgba(250,247,241,.05) 63%,rgba(250,247,241,.08) 100%),
    linear-gradient(180deg,rgba(250,247,241,.12) 0%,rgba(250,247,241,.02) 50%,#f8f3eb 100%)!important}
  .ph-header{height:68px!important;padding:0 clamp(48px,4vw,78px)!important}
  .ph-logo{width:108px!important;filter:brightness(0) saturate(100%) invert(16%) sepia(24%) saturate(2311%) hue-rotate(167deg) brightness(91%) contrast(97%)!important}
  .ph-user{color:#0a3855!important;text-shadow:0 1px 8px rgba(255,255,255,.8)!important}
  .ph-logout{color:#0a3855!important;border-color:rgba(8,47,74,.25)!important}
  .ph-intro{left:clamp(66px,5vw,98px)!important;top:94px!important;width:560px!important}
  .ph-intro .ph-kicker{margin-bottom:12px!important;font-size:9px!important;color:#0c4b6d!important}
  .ph-intro h1,.ph-intro h1.ph-greeting{font-size:clamp(54px,4.2vw,72px)!important}
  .ph-intro>p{margin-top:11px!important;font-size:17px!important;color:#46687b!important}
  .ph-stage{left:clamp(66px,4.8vw,94px)!important;right:clamp(66px,4.8vw,94px)!important;top:350px!important;bottom:auto!important;height:430px!important;min-height:0!important;gap:clamp(20px,1.45vw,28px)!important;perspective:1700px!important}
  .ph-panel,.ph-panel:last-child{height:414px!important;border-radius:11px!important;border:1px solid rgba(8,47,74,.11)!important;background-size:100% 46%!important;background-position:center 68%!important;filter:grayscale(.18) saturate(.55) contrast(.96)!important;box-shadow:
    0 2px 3px rgba(7,35,51,.06),
    0 11px 24px rgba(7,35,51,.10),
    0 28px 52px rgba(7,35,51,.06),
    inset 0 1px 0 rgba(255,255,255,.95)!important;transform:rotateX(.25deg) translateZ(0)!important}
  .ph-panel:before{background:
    linear-gradient(180deg,#fffdfa 0%,#fffdfa 39%,rgba(255,253,250,.94) 45%,rgba(255,253,250,.35) 55%,rgba(255,253,250,0) 69%),
    linear-gradient(90deg,rgba(8,47,74,.06),transparent 35%,transparent 65%,rgba(185,120,37,.04))!important}
  .ph-panel:after{height:66px!important;background:linear-gradient(180deg,rgba(255,253,249,.91),#fffdf9 28%)!important;box-shadow:0 -8px 22px rgba(255,253,249,.48)!important}
  .ph-panel-inner{padding:22px 22px 18px!important}
  .ph-index{top:20px!important;right:20px!important;font-size:8px!important;color:rgba(8,47,74,.32)!important}
  .ph-panel h2{position:relative!important;margin:58px 0 8px!important;font-size:clamp(26px,1.85vw,35px)!important;line-height:1!important}
  .ph-panel h2:before{content:""!important;position:absolute!important;left:0!important;top:-43px!important;width:34px!important;height:34px!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;opacity:.92!important;filter:sepia(1) saturate(3.2) hue-rotate(350deg) brightness(.86)!important}
  .ph-juris h2:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23b97825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6v35M13 41h22M10 12h28M15 12 8 26h14l-7-14Zm18 0-7 14h14l-7-14ZM8 26c1 5 13 5 14 0M26 26c1 5 13 5 14 0'/%3E%3C/svg%3E")!important}
  .ph-loca h2:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23b97825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21 18 10l13 11v20H8V19M16 41V29h8v12M34 28a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm5-5 5 5M34 21h.01'/%3E%3C/svg%3E")!important}
  .ph-patrimonial h2:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23b97825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 41V18l13-7v30M21 41V6l19 8v27M4 41h40M13 24h3M13 31h3M27 17h3M35 20h2M27 26h3M35 29h2M27 35h3'/%3E%3C/svg%3E")!important}
  .ph-adm h2:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23b97825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 41V28h7v13M20 41V20h7v21M33 41V9h7v32M4 41h40'/%3E%3C/svg%3E")!important}
  .ph-panel p{font-size:11px!important;line-height:1.4!important;color:#4c6e81!important;max-width:95%!important;min-height:36px!important}
  .ph-access{left:18px!important;right:18px!important;bottom:12px!important;height:40px!important;border-radius:7px!important;font-size:11px!important;background:rgba(255,253,249,.96)!important}
  .ph-panel.is-active,.ph-panel:hover,.ph-panel:focus{height:414px!important;transform:translateY(-12px) rotateX(1.2deg) scale(1.018)!important;filter:grayscale(.08) saturate(.72) contrast(.98)!important;border-color:rgba(185,120,37,.78)!important;box-shadow:
    0 4px 5px rgba(7,35,51,.07),
    0 18px 35px rgba(7,35,51,.15),
    0 42px 70px rgba(7,35,51,.12),
    0 0 0 1px rgba(185,120,37,.17),
    inset 0 1px 0 rgba(255,255,255,1)!important}
  .ph-panel.is-active h2,.ph-panel:hover h2,.ph-panel:focus h2{font-size:clamp(26px,1.85vw,35px)!important}
  .ph-panel.is-active .ph-panel-inner,.ph-panel:hover .ph-panel-inner,.ph-panel:focus .ph-panel-inner{padding:22px 22px 18px!important}
  .ph-panel.is-active .ph-access,.ph-panel:hover .ph-access,.ph-panel:focus .ph-access{background:linear-gradient(135deg,#c7882f,#b66e14)!important;box-shadow:0 9px 21px rgba(153,88,12,.2)!important}
  .ph-footer{bottom:22px!important;color:#194b67!important}
}

/* V4 — faixa institucional aprovada + transição suave do panorama */
@media(min-width:981px){
  body .app.hubview #content .panorama-hub:before{
    height:324px!important;
    background-position:center 50%!important;
    filter:saturate(.76) contrast(.96) brightness(1.01)!important
  }
  body .app.hubview #content .panorama-hub:after{
    height:382px!important;
    background:
      linear-gradient(90deg,rgba(250,247,241,.98) 0%,rgba(250,247,241,.92) 16%,rgba(250,247,241,.62) 29%,rgba(250,247,241,.16) 42%,transparent 55%),
      linear-gradient(180deg,transparent 0%,transparent 48%,rgba(248,243,235,.06) 56%,rgba(248,243,235,.20) 66%,rgba(248,243,235,.48) 77%,rgba(248,243,235,.78) 88%,#f8f3eb 100%)!important
  }
  body .app.hubview #content .ph-stage{top:342px!important}
  body .app.hubview #content .ph-footer{
    position:absolute!important;display:flex!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;height:122px!important;margin:0!important;padding:0 32px!important;transform:none!important;
    align-items:center!important;justify-content:center!important;gap:18px!important;overflow:hidden!important;
    color:#fff!important;background-color:#062f49!important;
    background-image:
      linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(180deg,#073b59 0%,#052b43 100%)!important;
    background-size:54px 54px,54px 54px,auto!important;
    border-top:1px solid rgba(201,154,70,.30)!important;
    box-shadow:0 -16px 38px rgba(7,47,72,.08),inset 0 1px 0 rgba(255,255,255,.05)!important;
    font-family:Montserrat,Inter,sans-serif!important;white-space:nowrap!important;z-index:40!important
  }
  body .app.hubview #content .ph-footer:before{
    content:""!important;display:block!important;position:absolute!important;inset:-90px -5% -110px!important;z-index:0!important;pointer-events:none!important;
    background:
      radial-gradient(92% 190% at -2% 112%,transparent 61.7%,rgba(201,154,70,.25) 62%,transparent 62.35%),
      radial-gradient(84% 180% at 103% -12%,transparent 62.4%,rgba(201,154,70,.22) 62.7%,transparent 63.05%),
      radial-gradient(70% 150% at 108% 118%,transparent 67.1%,rgba(201,154,70,.13) 67.4%,transparent 67.75%)!important
  }
  body .app.hubview #content .ph-footer:after{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
    background:linear-gradient(90deg,rgba(3,31,49,.22),transparent 26%,transparent 74%,rgba(3,31,49,.22))!important
  }
  body .app.hubview #content .ph-footer span,
  body .app.hubview #content .ph-footer i,
  body .app.hubview #content .ph-footer small{position:relative!important;z-index:2!important}
  body .app.hubview #content .ph-footer span{color:#fff!important;font:700 10px/1 Montserrat,Inter,sans-serif!important;letter-spacing:.48em!important}
  body .app.hubview #content .ph-footer i{display:block!important;width:44px!important;height:1px!important;background:#c99a46!important;box-shadow:0 0 12px rgba(201,154,70,.18)!important}
  body .app.hubview #content .ph-footer small{display:block!important;color:rgba(255,255,255,.70)!important;font:600 8px/1 Montserrat,Inter,sans-serif!important;letter-spacing:.34em!important}
}

@media(min-width:981px) and (max-height:820px){
  body .app.hubview #content .panorama-hub:before{height:266px!important}
  body .app.hubview #content .panorama-hub:after{height:312px!important}
  body .app.hubview #content .ph-stage{top:292px!important}
  body .app.hubview #content .ph-footer{display:flex!important;height:82px!important;bottom:0!important}
}

@media(max-width:760px){
  body .app.hubview #content .ph-footer{
    position:relative!important;display:flex!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:84px!important;margin:8px 0 0!important;padding:0 18px!important;transform:none!important;
    align-items:center!important;justify-content:center!important;gap:10px!important;color:#fff!important;background:#062f49!important;
    border-top:1px solid rgba(201,154,70,.28)!important;overflow:hidden!important
  }
  body .app.hubview #content .ph-footer:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;background-size:38px 38px!important}
  body .app.hubview #content .ph-footer span,body .app.hubview #content .ph-footer i,body .app.hubview #content .ph-footer small{position:relative!important;z-index:1!important}
  body .app.hubview #content .ph-footer span{color:#fff!important;font-size:8px!important}
  body .app.hubview #content .ph-footer i{display:block!important;width:24px!important;background:#c99a46!important}
  body .app.hubview #content .ph-footer small{display:block!important;color:rgba(255,255,255,.68)!important;font-size:6px!important;letter-spacing:.18em!important}
}

@media(min-width:981px) and (max-height:820px){
  .panorama-hub:before{height:255px!important}.panorama-hub:after{height:285px!important}
  .ph-intro{top:76px!important}.ph-intro h1,.ph-intro h1.ph-greeting{font-size:50px!important}.ph-intro>p{font-size:15px!important}
  .ph-stage{top:285px!important;height:370px!important}.ph-panel,.ph-panel:last-child,.ph-panel.is-active,.ph-panel:hover,.ph-panel:focus{height:360px!important;background-size:100% 43%!important}.ph-panel h2{margin-top:52px!important}.ph-footer{bottom:12px!important}
}

/* V3 — isolamento final contra regras legadas carregadas pelo sistema */
@media(min-width:981px){
  body .app.hubview #content .panorama-hub:before{
    height:300px!important;min-height:0!important;
    background-image:url('hub-bridge-panorama.webp')!important;
    background-position:center 52%!important;background-repeat:no-repeat!important;background-size:cover!important;
    filter:saturate(.76) contrast(.96) brightness(1.02)!important;opacity:1!important;transform:none!important
  }
  body .app.hubview #content .panorama-hub:after{
    left:0!important;right:0!important;top:0!important;width:100%!important;height:326px!important;
    border-radius:0!important;box-shadow:none!important;opacity:1!important;transform:none!important;
    background:
      linear-gradient(90deg,rgba(250,247,241,.98) 0%,rgba(250,247,241,.92) 16%,rgba(250,247,241,.62) 29%,rgba(250,247,241,.16) 42%,transparent 55%),
      linear-gradient(180deg,transparent 0%,transparent 73%,rgba(248,243,235,.22) 82%,#f8f3eb 100%)!important
  }
  body .app.hubview #content .ph-header{position:absolute!important;display:flex!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;height:70px!important;padding:0 58px!important;align-items:center!important;z-index:50!important;background:transparent!important}
  body .app.hubview #content .ph-logo{position:absolute!important;display:block!important;left:58px!important;right:auto!important;top:20px!important;bottom:auto!important;width:108px!important;height:auto!important;margin:0!important;opacity:1!important;transform:none!important;filter:brightness(0) saturate(100%) invert(17%) sepia(34%) saturate(1661%) hue-rotate(163deg) brightness(89%) contrast(99%)!important}
  body .app.hubview #content .ph-user{position:absolute!important;display:flex!important;right:58px!important;left:auto!important;top:17px!important;bottom:auto!important;margin:0!important;padding:0!important;align-items:center!important;gap:11px!important;color:#0a3855!important;background:transparent!important;border:0!important;transform:none!important;backdrop-filter:none!important;z-index:51!important}
  body .app.hubview #content .ph-avatar{display:flex!important;width:32px!important;height:32px!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(8,47,74,.25)!important;border-radius:50%!important;background:rgba(255,255,255,.72)!important;color:#0a3855!important;font-size:10px!important;box-shadow:0 4px 12px rgba(8,47,74,.10)!important}
  body .app.hubview #content .ph-logout{position:static!important;color:#0a3855!important;border-left:1px solid rgba(8,47,74,.22)!important;background:transparent!important}
  body .app.hubview #content .ph-intro{position:absolute!important;left:68px!important;right:auto!important;top:94px!important;bottom:auto!important;width:520px!important;padding:0!important;transform:none!important;z-index:20!important}
  body .app.hubview #content .ph-stage{position:absolute!important;left:68px!important;right:68px!important;top:330px!important;bottom:auto!important;height:420px!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:1fr!important;gap:24px!important;overflow:visible!important;transform:none!important;z-index:21!important}
  body .app.hubview #content .ph-panel,
  body .app.hubview #content .ph-panel:last-child{
    position:relative!important;width:100%!important;height:404px!important;min-height:0!important;margin:0!important;padding:0!important;
    border:1px solid rgba(8,47,74,.11)!important;border-radius:11px!important;clip-path:none!important;overflow:hidden!important;
    background-size:cover!important;background-position:center bottom!important;background-repeat:no-repeat!important;
    opacity:1!important;filter:grayscale(.16) saturate(.62) contrast(.98)!important;
    transform:translateY(0) scale(1)!important;
    box-shadow:0 2px 4px rgba(8,35,51,.06),0 14px 30px rgba(8,35,51,.11),0 31px 58px rgba(8,35,51,.06),inset 0 1px 0 #fff!important
  }
  body .app.hubview #content .ph-panel:before{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;opacity:1!important;
    background:
      linear-gradient(180deg,#fffdfa 0%,#fffdfa 38%,rgba(255,253,250,.98) 43%,rgba(255,253,250,.77) 49%,rgba(255,253,250,.22) 58%,transparent 68%),
      linear-gradient(90deg,rgba(8,47,74,.035),transparent 44%,rgba(185,120,37,.025))!important
  }
  body .app.hubview #content .ph-panel:after{
    content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;height:64px!important;z-index:2!important;
    opacity:1!important;background:linear-gradient(180deg,rgba(255,253,249,.82),#fffdf9 32%)!important;border-top:1px solid rgba(8,47,74,.08)!important;box-shadow:0 -9px 20px rgba(255,253,249,.36)!important
  }
  body .app.hubview #content .ph-panel-inner{position:absolute!important;inset:0!important;display:flex!important;padding:22px!important;align-items:flex-start!important;justify-content:flex-start!important;opacity:1!important;transform:none!important;z-index:4!important}
  body .app.hubview #content .ph-panel h2,
  body .app.hubview #content .ph-panel.is-active h2,
  body .app.hubview #content .ph-panel:hover h2,
  body .app.hubview #content .ph-panel:focus h2{position:relative!important;margin:58px 0 8px!important;color:#092f4b!important;font:400 clamp(25px,1.8vw,34px)/1 Georgia,"Times New Roman",serif!important;text-shadow:none!important;transform:none!important}
  body .app.hubview #content .ph-panel p,
  body .app.hubview #content .ph-panel.is-active p,
  body .app.hubview #content .ph-panel:hover p{display:block!important;margin:0!important;color:#4c6e81!important;font:500 11px/1.4 Inter,sans-serif!important;opacity:1!important;transform:none!important}
  body .app.hubview #content .ph-access,
  body .app.hubview #content .ph-panel.is-active .ph-access,
  body .app.hubview #content .ph-panel:hover .ph-access{position:absolute!important;left:17px!important;right:17px!important;top:auto!important;bottom:12px!important;width:auto!important;height:39px!important;margin:0!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;transform:none!important;border-radius:7px!important}
  body .app.hubview #content .ph-panel.is-active,
  body .app.hubview #content .ph-panel:hover,
  body .app.hubview #content .ph-panel:focus{width:100%!important;height:404px!important;margin:0!important;transform:translateY(-10px) scale(1.014)!important;filter:grayscale(.08) saturate(.72) contrast(1)!important;border-color:rgba(185,120,37,.76)!important;box-shadow:0 4px 6px rgba(8,35,51,.07),0 20px 38px rgba(8,35,51,.16),0 44px 72px rgba(8,35,51,.10),0 0 0 1px rgba(185,120,37,.15),inset 0 1px 0 #fff!important}
  body .app.hubview #content .ph-panel.is-active .ph-panel-inner,
  body .app.hubview #content .ph-panel:hover .ph-panel-inner{padding:22px!important}
  body .app.hubview #content .ph-footer{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:18px!important;transform:translateX(-50%)!important;z-index:30!important}
}

/* V5 — prioridade final da faixa e do degradê sobre o isolamento V3 */
@media(min-width:981px){
  body .app.hubview #content .panorama-hub:before{
    height:324px!important;background-position:center 50%!important;
    filter:saturate(.76) contrast(.96) brightness(1.01)!important
  }
  body .app.hubview #content .panorama-hub:after{
    height:382px!important;
    background:
      linear-gradient(90deg,rgba(250,247,241,.98) 0%,rgba(250,247,241,.92) 16%,rgba(250,247,241,.62) 29%,rgba(250,247,241,.16) 42%,transparent 55%),
      linear-gradient(180deg,transparent 0%,transparent 48%,rgba(248,243,235,.06) 56%,rgba(248,243,235,.20) 66%,rgba(248,243,235,.48) 77%,rgba(248,243,235,.78) 88%,#f8f3eb 100%)!important
  }
  body .app.hubview #content .ph-stage{top:342px!important}
  body .app.hubview #content .ph-footer{
    display:flex!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;height:122px!important;transform:none!important;z-index:40!important
  }
}

@media(min-width:981px) and (max-height:820px){
  body .app.hubview #content .panorama-hub:before{height:266px!important}
  body .app.hubview #content .panorama-hub:after{height:312px!important}
  body .app.hubview #content .ph-stage{top:292px!important}
  body .app.hubview #content .ph-footer{display:flex!important;height:82px!important;bottom:0!important}
}