/* Fondo tipo LÁMPARA DE LAVA del login (Fase 6). Extraído a un archivo propio
   para reusarlo en las pantallas de recuperar/restablecer contraseña sin
   duplicar el CSS. 100% CSS, sin video. */
.fondo {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #0a1633;
}
.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(85px);
  mix-blend-mode: screen; /* al superponerse se iluminan y funden */
}
.b1 { width: 58vw; height: 58vw; background: radial-gradient(circle, rgba(214, 220, 230, 0.85) 0%, transparent 66%); animation: lava1 28s ease-in-out infinite alternate; }
.b2 { width: 54vw; height: 54vw; background: radial-gradient(circle, rgba(150, 180, 225, 0.78) 0%, transparent 66%); animation: lava2 37s ease-in-out infinite alternate; }
.b3 { width: 50vw; height: 50vw; background: radial-gradient(circle, rgba(95, 125, 190, 0.72) 0%, transparent 66%); animation: lava3 32s ease-in-out infinite alternate; }
.b4 { width: 56vw; height: 56vw; background: radial-gradient(circle, rgba(180, 202, 236, 0.72) 0%, transparent 66%); animation: lava4 43s ease-in-out infinite alternate; }
.b5 { width: 52vw; height: 52vw; background: radial-gradient(circle, rgba(120, 155, 210, 0.72) 0%, transparent 66%); animation: lava5 34s ease-in-out infinite alternate; }
.b6 { width: 48vw; height: 48vw; background: radial-gradient(circle, rgba(196, 208, 228, 0.68) 0%, transparent 66%); animation: lava6 46s ease-in-out infinite alternate; }

@keyframes lava1 { 0% {transform:translate(2vw,12vh);} 25% {transform:translate(32vw,44vh);} 50% {transform:translate(-6vw,58vh);} 75% {transform:translate(26vw,28vh);} 100% {transform:translate(6vw,50vh);} }
@keyframes lava2 { 0% {transform:translate(54vw,50vh);} 25% {transform:translate(30vw,16vh);} 50% {transform:translate(64vw,40vh);} 75% {transform:translate(40vw,64vh);} 100% {transform:translate(60vw,24vh);} }
@keyframes lava3 { 0% {transform:translate(68vw,12vh);} 25% {transform:translate(44vw,50vh);} 50% {transform:translate(76vw,58vh);} 75% {transform:translate(54vw,24vh);} 100% {transform:translate(38vw,44vh);} }
@keyframes lava4 { 0% {transform:translate(8vw,54vh);} 25% {transform:translate(34vw,28vh);} 50% {transform:translate(-8vw,40vh);} 75% {transform:translate(20vw,64vh);} 100% {transform:translate(4vw,22vh);} }
@keyframes lava5 { 0% {transform:translate(40vw,-6vh);} 25% {transform:translate(14vw,26vh);} 50% {transform:translate(54vw,8vh);} 75% {transform:translate(30vw,36vh);} 100% {transform:translate(50vw,2vh);} }
@keyframes lava6 { 0% {transform:translate(60vw,58vh);} 25% {transform:translate(74vw,34vh);} 50% {transform:translate(44vw,54vh);} 75% {transform:translate(66vw,20vh);} 100% {transform:translate(48vw,44vh);} }

/* Respeta a quien prefiere menos movimiento (accesibilidad). */
@media (prefers-reduced-motion: reduce) {
  .blob { animation: none; }
}