body {
  font-family: 'Montserrat', sans-serif;
}

.bg-openday {
  background-color: #050138;
  /* base muy oscura */

  background-image:
    radial-gradient(circle at 0% 0%,
      #450062 0,
      #0F0232 45%,
      transparent 70%),
    radial-gradient(circle at 100% 0%,
      #8B086A 0,
      #43005E 40%,
      transparent 70%),
    radial-gradient(circle at 50% 100%,
      #B20055 0,
      #560046 40%,
      #050138 80%);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Rotacion de Anillo Host */
@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.animate-spin-slow {
  animation: spin-slow 10s linear infinite;
}

/* Animacion Cara Host */
@keyframes tiltHold {

  0%,
  50% {
    transform: rotate(0deg);
  }

  50.01%,
  100% {
    transform: rotate(15deg);
  }
}

/* Sin suavizados */
.host-tilt {
  animation: tiltHold 2s steps(1, end) infinite;
}

/* Brillo Automatico en Logo */
@keyframes pulseBrightness {

  0%,
  100% {
    filter: brightness(1.1);
    /* brillo normal */
  }

  50% {
    filter: brightness(1.8);
    /* pico de brillo */
  }
}

.logo-pulse {
  animation: pulseBrightness 2s infinite ease-in-out;
}


@keyframes logo-brightness-pulse {

  0%,
  60%,
  100% {
    filter: brightness(1.1);
  }

  80% {
    filter: brightness(2);
    /* ≈ brightness-150 */
  }
}

.animate-logo-brightness {
  animation: logo-brightness-pulse 4s ease-in-out infinite;
}