/* V41 — bloqueio visual robusto para desktop.
   É uma barreira de interface; não impede inspeção técnica/devtools. */

#desktopGuard {
  display: none;
}

@media (min-width: 769px) {
  html,
  body {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #020202 !important;
  }

  html.desktop-blocked body > *:not(#desktopGuard),
  body > *:not(#desktopGuard) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #desktopGuard {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content: center !important;
    background: #020202 !important;
    color: #fff !important;
    padding: 32px !important;
    box-sizing: border-box !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center !important;
  }

  .desktop-guard-card {
    width: min(420px, calc(100vw - 48px));
    display: grid;
    justify-items: center;
    gap: 12px;
  }

  .desktop-guard-phone {
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    display: grid;
    place-items: center;
    margin-bottom: 5px;
  }

  .desktop-guard-phone svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .desktop-guard-card strong {
    font-size: 21px;
    line-height: 1.15;
    letter-spacing: -.25px;
  }

  .desktop-guard-card span {
    max-width: 340px;
    color: rgba(255,255,255,.62);
    font-size: 12px;
    line-height: 1.55;
  }

  .desktop-guard-label {
    margin-top: 6px;
    padding: 7px 11px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    color: rgba(255,255,255,.5) !important;
    font-size: 9px !important;
    font-weight: 900;
    letter-spacing: 1.3px;
  }
}

/* JS também aplica a classe imediatamente, inclusive durante resize. */
html.desktop-blocked,
html.desktop-blocked body {
  background: #020202 !important;
  overflow: hidden !important;
}