/* contenedor centrado */
#zero-hero .edutick {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 3;
  position: relative;	
  	
}

/* nuestro SVG-logo */
.edutick-logo {
  width: 100%;         /* ó tu ancho fijo en px */
  max-width: 1038px;
  height: auto;
  filter: drop-shadow(0 0 0px rgba(255,255,255,0));
  animation: logo-glow 3s ease-in-out infinite;
  transform: translateY(65%);
   	  
}

@keyframes logo-glow {
  0%, 100% {
    filter: 
      drop-shadow(0 0 0 rgba(255,255,255,0))
      drop-shadow(0 0 0 rgba(0,200,255,0));
  }
  40% {
    filter:
      drop-shadow(0 0 6px rgba(255,255,255,0.6))
      drop-shadow(0 0 12px rgba(0,200,255,0.4));
  }
  50% {
    filter:
      drop-shadow(0 0 12px rgba(255,255,255,0.8))
      drop-shadow(0 0 24px rgba(0,200,255,0.6));
  }
  60% {
    filter:
      drop-shadow(0 0 6px rgba(255,255,255,0.4))
      drop-shadow(0 0 12px rgba(0,200,255,0.3));
  }
}
@media (min-width: 1200px) {
  #zero-hero .edutick-logo {
    width: 100%;
    max-width: 1038px;
    transform: translateY(60%);
  }
  /* Letras y pelotas mantienen sus tamaños "normales" */
  #zero-hero .edutick-logo img {
    height: 7.5rem;
  }
  #zero-hero .edutick-logo img:first-child {
    width: 250px;
  }
}

/* — Tablet / Desktop medio (768px–1199px) — */
@media (min-width: 768px) and (max-width: 1199px) {
  #zero-hero .edutick-logo {
    width: 80%;
    max-width: 900px;
    transform: translateY(50%);
  }
  #zero-hero .edutick-logo img {
    height: 6rem;          /* un poco más pequeño */
  }
  #zero-hero .edutick-logo img:first-child {
    width: 200px;
  }
}

/* — Móvil (<768px) — */
@media (max-width: 767px) {
  #zero-hero .edutick-logo {
    width: 90vw;            /* casi el ancho de la pantalla */
    max-width: none;
    transform: translateY(40%);
    padding: 0 1rem;
  }
  #zero-hero .edutick-logo img {
    height: 4.5rem;         /* compacto para móviles */
    margin-left: 0.3rem;    /* menos separación entre letras */
  }
  #zero-hero .edutick-logo img:first-child {
    width: 120px;           /* pelotas más pequeñas */
  }
}