/* SeteVias — Segurança Digital / v2.8
   IMPORTANTE: geometria copiada da v2.6 aprovada.
   Sidebar permanece fixa; somente a arte central muda. */
@media (min-width:901px){
  .pex-scene-canvas{aspect-ratio:1414/928!important}
  .pex-scene-bg{
    background-image:url('../assets/scenario/SEGURANCA-DIGITAL-CLEAN.webp?v=28')!important;
    background-size:100% 100%!important;
    background-position:center!important;
  }

  /* Toda a UI visual desta página já faz parte da arte central. */
  .pex-hud-terminal,.pex-cta-header,.pex-board,.pex-crt,.pex-map-monitor,
  .pex-hotspot,.pex-tower-leds,.clean-nav,.clean-social,.pex-clean-footer-line,
  .pex-scene-canvas::after{display:none!important}

  .pex-menu a[aria-current="page"]{
    background:linear-gradient(90deg,rgba(23,115,48,.48),rgba(9,48,27,.46))!important;
    border-left-color:#42ff72!important;
  }

  /* Relógio real de São Paulo sobre o visor físico da arte. */
  .pex-clock{
    display:flex!important;
    left:87.15%!important;top:33.75%!important;width:12.85%!important;height:13.65%!important;
    box-sizing:border-box!important;z-index:50!important;
    align-items:center!important;justify-content:center!important;
    background:radial-gradient(ellipse at center,#171006 0%,#0b0702 72%,#050301 100%)!important;
    border:1px solid rgba(190,116,31,.46)!important;border-radius:4px!important;
    color:#ffc13a!important;font-family:'Lucida Console','Courier New',monospace!important;
    font-size:clamp(16px,1.75vw,30px)!important;font-weight:700!important;letter-spacing:.06em!important;
    text-shadow:0 0 5px #ff9c00,0 0 12px rgba(255,151,0,.66)!important;
    box-shadow:inset 0 0 14px rgba(0,0,0,.92),0 0 10px rgba(255,153,0,.06)!important;
  }
  .pex-clock-colon{animation:securityClockBlink 1s steps(1,end) infinite}

  /* Hotspot invisível sobre o CTA verde impresso na arte. */
  .security-analysis-hotspot{
    position:absolute;left:77.3%;top:87.3%;width:19.4%;height:7.2%;z-index:52;
    display:block;border-radius:5px;cursor:pointer;background:transparent;
  }
  .security-analysis-hotspot:focus-visible{outline:2px solid #31ff91;outline-offset:3px}
  .security-analysis-hotspot:hover{box-shadow:0 0 18px rgba(49,255,145,.20)}
}
@keyframes securityClockBlink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.pex-clock-colon{animation:none}}
@media (max-width:900px){.security-analysis-hotspot{display:none}}