/* PC: alertas compactos e centralizados, sem cobrir a navegacao inteira. */
@media (min-width: 700px) {
  #dialog.dialog {
    padding: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, .66) !important;
  }

  #dialog .dialog-box {
    width: min(460px, calc(100vw - 48px)) !important;
    max-width: 460px !important;
    min-height: 0 !important;
    padding: 28px 30px !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .65) !important;
  }

  #dialog .dialog-box h2 {
    margin: 0 0 14px !important;
    font-size: clamp(26px, 2vw, 34px) !important;
  }

  #dialog .dialog-box p {
    margin: 0 0 24px !important;
    font-size: clamp(16px, 1.15vw, 20px) !important;
  }
}