/* ─────────────────────────────────────────
   ESCUELA ARS MAGICA — style.css
   ───────────────────────────────────────── */

/* Marcellus — fuente local */
@font-face {
  font-family: 'Marcellus';
  src: url('fonts/Marcellus.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Marcellus siempre en mayúsculas */
.font-marcellus {
  text-transform: uppercase;
}

/* Efecto glow en el H1 del hero */
.glow-text {
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5),
               0 0 40px rgba(255, 255, 255, 0.2);
}

/* Gradiente dorado para textos */
.gold-gradient-text {
  background: linear-gradient(to right, #a8631c, #d1a312, #a8631c, #d1a312, #a8631c);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Línea vertical del timeline */
.timeline-line {
  background: linear-gradient(to bottom, transparent, #d1a312, transparent);
}

/* Glow animado para el icono del timeline */
@keyframes icon-glow-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 7px rgba(209, 163, 18, 0.85))
            drop-shadow(0 0 14px rgba(209, 163, 18, 0.5));
  }
  50% {
    filter: drop-shadow(0 0 3px rgba(209, 163, 18, 0.3));
  }
}

.animate-icon-glow {
  animation: icon-glow-pulse 3s ease-in-out infinite;
}