/**
 * mc-push.css — convite para ativar notificações (mc-push.js).
 * Paleta alinhada ao marcae (--blue #4F46E5). Tema claro, como o site.
 * Um degrau mais discreto que o banner de consentimento: este convite é
 * opcional e não deve competir com o aviso de cookies.
 */
.mc-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: #fff; color: #111; border: 1px solid #E5E5E5; border-radius: 14px;
  box-shadow: 0 12px 40px rgba(17,17,17,.18);
  font-family: 'Satoshi', system-ui, sans-serif; font-size: 14px; line-height: 1.5;
}

/* Abaixo do banner de consentimento (9998) e do modal (9999). O JS já impede
   que apareçam juntos, exigindo decisão de consentimento antes. */

.mc-push__texto { flex: 1 1 260px; color: #6B6B6B; }
.mc-push__texto strong { display: block; color: #111; }

.mc-push__acoes { display: flex; gap: 8px; }
.mc-push__btn {
  padding: 9px 16px; border-radius: 10px; border: 1px solid #E5E5E5;
  background: transparent; color: #111; font: inherit; font-weight: 600; cursor: pointer;
}
.mc-push__btn:hover { border-color: #4F46E5; }
.mc-push__btn:focus-visible { outline: 2px solid #4F46E5; outline-offset: 2px; }
.mc-push__btn--primario { background: #4F46E5; border-color: #4F46E5; color: #fff; }
.mc-push__btn--primario:hover { filter: brightness(1.12); }

@media (prefers-reduced-motion: no-preference) {
  .mc-push { animation: mc-push-entrada .28s ease-out both; }
  @keyframes mc-push-entrada {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: none; }
  }
}

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