/**
 * md-push.css — convite para ativar notificações (md-push.js).
 * Mesma paleta do banner de consentimento, um degrau mais discreto: este
 * convite é opcional e não deve competir com o banner LGPD.
 */
.md-push {
  position: fixed; inset-inline: 16px; bottom: 16px; z-index: 9997;
  display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between;
  max-width: 560px; margin-inline: auto; padding: 14px 18px;
  background: #FBF9F4; color: #1A1815;
  border: 1px solid rgba(26,24,21,.14); border-radius: 14px;
  box-shadow: 0 12px 40px rgba(26,24,21,.16);
  font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 14px; line-height: 1.5;
}

/* z-index abaixo do banner de consentimento (9998) e do modal (9999): se os
   dois aparecessem juntos, o convite ficaria por baixo — mas o JS já impede
   isso ao exigir decisão de consentimento antes de aparecer. */

.md-push__texto { flex: 1 1 260px; color: #55524B; }
.md-push__texto strong { display: block; color: #1A1815; }

.md-push__acoes { display: flex; gap: 8px; }
.md-push__btn {
  padding: 9px 16px; border-radius: 10px; border: 1px solid rgba(26,24,21,.20);
  background: transparent; color: #1A1815; font: inherit; font-weight: 600; cursor: pointer;
}
.md-push__btn:hover { border-color: #1A1815; }
.md-push__btn:focus-visible { outline: 2px solid #1A1815; outline-offset: 2px; }
.md-push__btn--primario { background: #1A1815; border-color: #1A1815; color: #F7F4EE; }
.md-push__btn--primario:hover { filter: brightness(1.15); }

/* Entrada suave; quem pediu menos movimento recebe o convite já posicionado. */
@media (prefers-reduced-motion: no-preference) {
  .md-push { animation: md-push-entrada .28s ease-out both; }
  @keyframes md-push-entrada {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: none; }
  }
}

@media (max-width: 520px) {
  .md-push { gap: 10px; }
  .md-push__acoes { width: 100%; }
  .md-push__btn { flex: 1; }
}