/* ─── La Timba · daus mentre carrega ───
   Ús: <div class="daus-carrega" role="status"><div class="daus-fila"><span class="dau" aria-hidden="true"></span><span class="dau" aria-hidden="true"></span></div><span class="daus-text">Carregant…</span></div>
   - Només apareix si l'espera passa de 0,3 s (si carrega abans, no es veu res i no fa pampallugues).
   - Amb «reduir el moviment» activat, els daus no giren: només es veu el text. */
.daus-carrega { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 1.5rem 1rem; opacity: 0; animation: daus-apareix .2s ease-out .3s forwards; }
.daus-carrega .daus-fila { display: flex; gap: 12px; }
.daus-carrega .dau {
  width: 36px; height: 36px; border-radius: 8px; background-color: #fff; border: 3px solid #124797; box-shadow: 0 3px 0 #0c3470;
  /* cinc punts */
  background-image:
    radial-gradient(circle, #124797 2.6px, transparent 3px),
    radial-gradient(circle, #124797 2.6px, transparent 3px),
    radial-gradient(circle, #124797 2.6px, transparent 3px),
    radial-gradient(circle, #124797 2.6px, transparent 3px),
    radial-gradient(circle, #124797 2.6px, transparent 3px);
  background-size: 8px 8px; background-repeat: no-repeat;
  background-position: 3px 3px, 19px 3px, 11px 11px, 3px 19px, 19px 19px;
  animation: daus-roda 1s cubic-bezier(.5, 0, .5, 1) infinite;
}
.daus-carrega .dau + .dau { background-color: #f0c030; animation-delay: .15s; animation-direction: reverse; }
.daus-carrega .daus-text { font: 700 14px Nunito, system-ui, sans-serif; color: #5b6178; }
@keyframes daus-apareix { to { opacity: 1; } }
@keyframes daus-roda {
  0% { transform: translateY(0) rotate(0); }
  35% { transform: translateY(-10px) rotate(160deg); }
  70% { transform: translateY(0) rotate(360deg); }
  100% { transform: translateY(0) rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .daus-carrega { animation: none; opacity: 1; }
  .daus-carrega .dau { animation: none; }
}
/* Formulari de MailerLite: quan el formulari ja hi és, els daus s'amaguen sols */
.ml-embedded:not(:empty) ~ .daus-carrega { display: none; }