.pt-home-magnetic {position:relative;isolation:isolate;padding:clamp(24px,4vw,56px) 12px;background:#fff;color:#f5f8fa;scroll-margin-top:90px}
.pt-production-monitor {position:relative;width:min(1680px,100%);aspect-ratio:1672 / 780;margin-inline:auto;container-type:inline-size;overflow:hidden}
.pt-production-chassis {position:absolute;top:-10.2564%;left:0;display:block;width:100%;height:auto}
.pt-application-screen {position:absolute;inset:17.3077% 7.6% 22.0513% 7.42%;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #202c35;border-radius:16px;background:#070d12;box-shadow:inset 0 0 24px #000}
.pt-production-topline {position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:clamp(9px,1vw,16px) 3%;background:linear-gradient(#030608c9,transparent);color:#f5f8fa;font:800 11px/1.3 var(--pt-font-body,sans-serif);letter-spacing:.1em}
.pt-production-topline b {color:#a2b5c2;font-size:10px;font-weight:600}
.pt-application-counter {color:#20bee9;font-variant-numeric:tabular-nums;white-space:nowrap}
.pt-application-workspace {position:absolute;inset:0;display:block;min-width:0;min-height:0;padding:0}
.pt-application-copy {position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;padding:50px 6%;text-align:center;pointer-events:none;opacity:var(--application-copy-opacity,1);transform:translateY(var(--application-copy-y,0px));will-change:opacity,transform}
.pt-application-copy h2 {margin:0;color:#fff;font:950 clamp(20px,4cqw,64px)/1.05 var(--pt-font-punch,var(--pt-font-display,sans-serif));letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance}
.pt-home-body main .pt-application-screen .pt-application-copy > h2 {max-width:100%;font-size:clamp(20px,4cqw,64px)!important;text-shadow:0 2px 8px #000,0 0 28px #0009!important}
.pt-application-copy h2 span,.pt-application-copy h2 em {display:block}
.pt-application-copy h2 em {margin-top:.16em;color:#20bee9;font-style:normal}
.pt-application-media {position:absolute;z-index:0;inset:0;min-width:0;min-height:0;overflow:hidden;background:#030608}
.pt-application-media video {display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;background:#030608}
.pt-application-media::after {content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#03060873,transparent 85%)}
.pt-production-monitor[data-no-captions="true"] .pt-application-media::after {display:none}
.pt-application-controls {position:absolute;z-index:3;left:0;right:0;bottom:3px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:0;padding:5px 3%;background:linear-gradient(transparent,#030608d9)}
.pt-application-selector,.pt-application-playback {display:flex;align-items:center;gap:4px}
.pt-application-playback {margin-left:auto}
.pt-application-controls button {display:grid;place-items:center;min-width:40px;min-height:34px;padding:7px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:#bfd0db;font:800 11px/1.2 var(--pt-font-body,sans-serif);cursor:pointer}
.pt-application-selector button[aria-current="true"] {color:#20bee9;border-color:#20bee970;background:#20bee910}
.pt-application-controls button:hover {color:#fff;background:#ffffff10}
.pt-application-controls button:focus-visible {outline:3px solid #20bee9;outline-offset:-3px}
.pt-application-controls button:disabled {opacity:.35;cursor:default}
.pt-application-progress {position:absolute;z-index:4;left:0;right:0;bottom:0;height:3px;background:#15212a}
.pt-application-progress span {display:block;height:100%;background:#20bee9;transform:scaleX(var(--application-progress,0));transform-origin:left;box-shadow:0 0 10px #20bee966}
.pt-application-announcement {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pt-production-monitor [hidden] {display:none!important}
@media(max-width:1100px) {
  .pt-home-magnetic {padding:32px 16px}
  .pt-production-monitor {aspect-ratio:auto;padding:12px;border:1px solid #bcc4ce;border-radius:24px;background:linear-gradient(145deg,#fbfdff 0%,#e6eaf0 36%,#9da8b5 72%,#f4f7fc 96%);box-shadow:inset 0 2px 2px #fff,inset 0 -4px 3px #6c7988,0 15px 22px #10203024}
  .pt-production-chassis {display:none}
  .pt-application-screen {position:relative;inset:auto;box-sizing:border-box;width:100%;aspect-ratio:16 / 9;min-height:240px;border-radius:14px}
  .pt-production-topline {padding:14px 18px}
  .pt-application-controls {padding:8px 16px}
  .pt-application-controls button {min-width:40px;min-height:44px}
}
@media(max-width:540px) {
  .pt-home-magnetic {padding-inline:8px}
  .pt-production-monitor {padding:9px}
  .pt-production-topline {padding:12px;letter-spacing:.025em}
  .pt-production-topline b {font-size:9px}
  .pt-application-copy {padding:64px 14px}
  .pt-application-controls {padding:5px 10px;justify-content:center;gap:2px 8px}
  .pt-application-controls button {min-width:32px;min-height:34px;padding:5px 7px;font-size:10px}
  .pt-application-playback {margin-inline:auto}
}
@media(prefers-reduced-motion:reduce) {.pt-application-copy {transform:none;will-change:auto}}

/* v76.193.25 — cenário neon como BASE ESTRUTURAL FORA da TV branca.
   A imagem original fica inteira (sem crop) e o monitor branco flutua por cima. */
@media (min-width:1101px){
  .pt-home-magnetic{
    position:relative!important;
    isolation:isolate!important;
    padding:0!important;
    overflow:hidden!important;
    background:#05080d!important;
  }
  .pt-home-magnetic-bg{
    position:relative!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    pointer-events:none!important;
    user-select:none!important;
  }
  .pt-production-monitor{
    position:absolute!important;
    z-index:2!important;
    left:50%!important;
    top:50%!important;
    width:min(1680px,92%)!important;
    aspect-ratio:1672 / 780!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  .pt-production-chassis{
    position:absolute!important;
    z-index:1!important;
    top:-10.2564%!important;
    left:0!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    pointer-events:none!important;
  }
  .pt-application-screen{
    z-index:2!important;
  }
  .pt-frame-live-mark{
    z-index:4!important;
  }
}
@media (max-width:1100px){
  .pt-home-magnetic{
    background-color:#05080d!important;
    background-image:url("media/home-application-neon-bg-v76.194.29-mobile.jpg")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
  }
  .pt-home-magnetic-bg{display:none!important;}
}

/* v76.194.31 — aumento forte do respiro superior e inferior no bloco mobile da área de aplicação */
@media (max-width:767px){
  .pt-home-magnetic{
    padding-top:200px!important;
    padding-bottom:200px!important;
    padding-inline:8px!important;
  }
}