/* Efecto aislado: no modifica body, menús, carruseles ni Bootstrap. */
.uk-dm { --uk-dm-opacity: .65; position:fixed; inset:0; z-index:1030;
  pointer-events:none; overflow:hidden; overflow:clip; contain:layout paint; }
.uk-dm, .uk-dm * { box-sizing:border-box; pointer-events:none; }
.uk-dm__flower { position:absolute; bottom:18px; left:-22px; width:90px; height:90px;
  background:url("../img/cempasuchil.svg") center / contain no-repeat; opacity:var(--uk-dm-opacity); transform:rotate(-16deg); }
.uk-dm__flower::after { content:""; position:absolute; width:52px; height:52px; left:55px; top:43px;
  background:inherit; transform:rotate(35deg); }
.uk-dm__flower--right { left:auto; right:-25px; bottom:25px; transform:rotate(28deg); }
.uk-dm__flower--right::after { left:-24px; top:51px; width:40px; height:40px; }
.uk-dm__petal { position:absolute; top:-35px; left:var(--x); width:10px; height:17px;
  border-radius:80% 15% 70% 35%; background:linear-gradient(130deg,#f9cb61,#e59a26 55%,#c97016);
  opacity:0; animation:uk-dm-fall var(--t,16s) linear var(--d,0s) 2 both; }
/* Dos pasadas y termina: evita movimiento continuo mientras se lee. */
@keyframes uk-dm-fall {
  0% { transform:translate3d(0,-20px,0) rotate(0deg); opacity:0; }
  8% { opacity:var(--uk-dm-opacity); }
  40% { transform:translate3d(20px,42vh,0) rotate(130deg); }
  75% { opacity:var(--uk-dm-opacity); }
  100% { transform:translate3d(-12px,105vh,0) rotate(310deg); opacity:0; }
}
@media(max-width:600px) {
  .uk-dm { --uk-dm-opacity:.5; }
  .uk-dm__petal:nth-child(n+5) { display:none; }
  .uk-dm__flower { width:62px; height:62px; bottom:14px; }
  .uk-dm__flower::after { width:32px; height:32px; left:40px; top:32px; }
  .uk-dm__flower--right::after { left:-12px; }
}
@media(prefers-reduced-motion:reduce) { .uk-dm__petal { display:none; animation:none; } }
@media print { .uk-dm { display:none; } }