main {
  opacity: 0;
  animation: fadeIn 1.2s ease forwards;
  animation-delay: 2.2s; /* un poco después de ocultar el loader */
}

/* Animación de pulso para el logo */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}


@keyframes fadeIn {
  to {
    opacity: 1;
  }
}


@keyframes modalShow { from{opacity:0; transform:translateY(-50px);} to{opacity:1; transform:translateY(0);} }
@keyframes pulse {
   0% {
    transform: scale(1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  }
}


@keyframes moveBackground { 0%{background-position:0 0,0 0;}100%{background-position:200% 200%, -200% -200%;} }