/* MARIPOSAS VIVAS · estilos compartidos (invitación y panel) */
.mp { display: block; }
.mp:not(.deco):not(.vuela) { position: relative; }
.mp-mueve { position: relative; width: 100%; transform-style: preserve-3d; will-change: transform; }
.mp-alas { position: relative; width: 100%; transform-style: preserve-3d; }
.mp-alas img { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none;
               backface-visibility: visible; will-change: transform; }
.mp-alas img + img { position: absolute; inset: 0; }

/* Capas de vuelo: fijas a la pantalla, nunca reciben toques */
.vuelo-capa { position: fixed; inset: 0; pointer-events: none; overflow: hidden; opacity: 0; transition: opacity 1.6s ease; }
.vuelo-capa.lista { opacity: 1; }
.vuela { position: absolute; left: 0; top: 0; }

@media (prefers-reduced-motion: reduce) { .vuelo-capa { display: none; } }