/* SeteVias — Fase 2 / Presença Digital
   Regra principal: sidebar PRD 1.9 permanece real e intocada;
   somente o scene plate central é substituído. */
@media (min-width:901px){
  .pex-scene-canvas{
    aspect-ratio:1414/928!important;
  }
  .pex-scene-bg{
    background-image:url('../assets/scenario/PRESENCA-DIGITAL-CLEAN.webp?v=pd1')!important;
    background-size:100% 100%!important;
    background-position:center!important;
  }

  /* A arte já contém toda a composição. Nada de duplicar UI sobre ela. */
  .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;
  }

  /* Relógio real de São Paulo cobre SOMENTE os dígitos impressos da arte. */
  .pex-clock{
    display:flex!important;
    left:91.05%!important;
    top:42.15%!important;
    width:7.45%!important;
    height:5.55%!important;
    z-index:45!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,.42)!important;
    border-radius:5px!important;
    color:#ffc13a!important;
    font-family:'Lucida Console','Courier New',monospace!important;
    font-size:clamp(13px,1.45vw,24px)!important;
    font-weight:700!important;
    letter-spacing:.05em!important;
    text-shadow:0 0 5px #ff9c00,0 0 11px rgba(255,151,0,.62)!important;
    box-shadow:inset 0 0 12px rgba(0,0,0,.9)!important;
  }
  .pex-clock-colon{animation:pdClockBlink 1s steps(1,end) infinite}

  /* Seleção da página — mesma linguagem visual da HOME. */
  .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;
  }
}
@keyframes pdClockBlink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.pex-clock-colon{animation:none}}

/* Oferta integrada ao cenário: pequena placa de vidro, sem alterar a arte-base. */
@media (min-width:901px){
  .pd-offer{position:absolute;left:47.4%;top:83.0%;width:17.2%;min-width:184px;z-index:46;padding:10px 13px 11px;border:1px solid rgba(35,255,153,.34);border-radius:5px;background:linear-gradient(135deg,rgba(0,10,12,.91),rgba(0,24,20,.78));box-shadow:0 10px 30px rgba(0,0,0,.46),inset 0 0 24px rgba(0,255,151,.045);backdrop-filter:blur(5px);font-family:'Lucida Console','Courier New',monospace;color:#d9fff0}
  .pd-offer::before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:2px;background:#22ff8a;box-shadow:0 0 9px #22ff8a}
  .pd-offer-kicker{display:block;margin-left:7px;font-size:clamp(7px,.55vw,10px);letter-spacing:.12em;color:#72c9b0}
  .pd-offer strong{display:block;margin:3px 0 7px 7px;font-size:clamp(15px,1.25vw,23px);line-height:1;color:#f4fff9;text-shadow:0 0 12px rgba(74,255,172,.16)}
  .pd-offer a{display:flex;align-items:center;justify-content:space-between;margin-left:7px;padding-top:6px;border-top:1px solid rgba(35,255,153,.18);color:#37ff9a;text-decoration:none;font-size:clamp(7px,.58vw,10px);font-weight:700;letter-spacing:.05em}
  .pd-offer a:hover,.pd-offer a:focus-visible{color:#fff;text-shadow:0 0 9px #22ff8a;outline:none}
}
@media (max-width:900px){.pd-offer{display:none}}