/* ──────────────────────────────────────────────────────────────────────────
   Simulação do AdSense Vignette (DEV) — intersticial de ecrã inteiro p/ testar.
   Em produção é o AdSense real que renderiza; este CSS só atua quando a simulação aparece.
   ────────────────────────────────────────────────────────────────────────── */
.eqe-vign {
  position: fixed; inset: 0; z-index: 9000;
  background: rgba(10, 10, 12, .93);
  display: flex; align-items: center; justify-content: center; padding: 20px;
  opacity: 0; transition: opacity .3s;
}
.eqe-vign.show { opacity: 1; }
.eqe-vign .vg-card {
  width: 100%; max-width: 420px; background: #16181d; color: #fff;
  border-radius: 16px; overflow: hidden; box-shadow: 0 24px 70px rgba(0, 0, 0, .55);
  display: flex; flex-direction: column;
}
.eqe-vign .vg-top {
  display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: #0e0f13;
  font-family: var(--font-mono, monospace); font-size: 10px; letter-spacing: .08em; text-transform: uppercase;
}
.eqe-vign .vg-ad { color: #c9c9c9; border: 1px solid #3a3a3a; border-radius: 4px; padding: 2px 6px; }
.eqe-vign .vg-sim { color: #e0b45c; }
.eqe-vign .vg-count { margin-left: auto; color: #8a8a8a; font-weight: 600; }
.eqe-vign .vg-media {
  aspect-ratio: 16 / 10; background: linear-gradient(135deg, #23262e, #14161b);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #6f7682; text-align: center; padding: 16px;
}
.eqe-vign .vg-media svg { width: 56px; height: 56px; color: #8a93a0; }
.eqe-vign .vg-media span { font-size: 14px; font-weight: 600; color: #aeb6c2; }
.eqe-vign .vg-media small { font-size: 11px; color: #6a717a; }
.eqe-vign .vg-skip {
  margin: 12px 14px 0; padding: 12px; border-radius: 10px; border: 1px solid #3a3a3a;
  background: #23262e; color: #cfcfcf; font-size: 13px; font-weight: 600; font-family: inherit; text-align: center;
}
.eqe-vign .vg-skip:disabled { opacity: .6; cursor: default; }
.eqe-vign .vg-skip:not(:disabled) { background: #2c313a; color: #fff; cursor: pointer; }
.eqe-vign .vg-prem {
  margin: 10px 14px 14px; padding: 12px; border-radius: 10px; text-align: center;
  background: linear-gradient(135deg, #C9962F, #E2B65C); color: #1a1d22; font-weight: 700; font-size: 14px; text-decoration: none;
}
.eqe-vign .vg-prem:active { transform: translateY(1px); }