/* Loader juvenil — ficha de inscripción Multicursos */
.insc-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px 12px;
  text-align: center;
  background: linear-gradient(160deg, #f7fbf0 0%, #eef6ff 100%);
  border-radius: 16px;
  border: 1px solid rgba(147, 185, 34, 0.35);
}

.insc-loading__scene {
  width: 140px;
  height: 110px;
  position: relative;
}

.insc-loading__scene svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.insc-loading__msg {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #051b34;
}

.insc-loading__sub {
  margin: 0;
  font-size: 0.85rem;
  color: #5f6b75;
}

.insc-loading__dots span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  border-radius: 50%;
  background: #93b922;
  animation: insc-dot 1.1s ease-in-out infinite;
}

.insc-loading__dots span:nth-child(2) { animation-delay: 0.15s; }
.insc-loading__dots span:nth-child(3) { animation-delay: 0.3s; }

@keyframes insc-dot {
  0%, 80%, 100% { transform: translateY(0); opacity: 0.35; }
  40% { transform: translateY(-6px); opacity: 1; }
}

/* Cabeza / torso del estudiante */
.insc-bob {
  transform-origin: 70px 78px;
  animation: insc-bob 1.4s ease-in-out infinite;
}

@keyframes insc-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

/* Lápiz escribiendo */
.insc-pencil {
  transform-origin: 88px 62px;
  animation: insc-write 0.7s ease-in-out infinite;
}

@keyframes insc-write {
  0%, 100% { transform: rotate(-8deg) translate(0, 0); }
  50% { transform: rotate(6deg) translate(2px, 1px); }
}

/* Líneas del cuaderno */
.insc-line {
  stroke-dasharray: 28;
  stroke-dashoffset: 28;
  animation: insc-line 1.6s ease-in-out infinite;
}

.insc-line:nth-child(1) { animation-delay: 0s; }
.insc-line:nth-child(2) { animation-delay: 0.2s; }
.insc-line:nth-child(3) { animation-delay: 0.4s; }

@keyframes insc-line {
  0% { stroke-dashoffset: 28; opacity: 0.2; }
  40% { stroke-dashoffset: 0; opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 0.35; }
}

/* Estrellitas / ideas */
.insc-spark {
  animation: insc-spark 1.8s ease-in-out infinite;
  transform-origin: center;
}

.insc-spark:nth-child(1) { animation-delay: 0s; }
.insc-spark:nth-child(2) { animation-delay: 0.4s; }
.insc-spark:nth-child(3) { animation-delay: 0.8s; }

@keyframes insc-spark {
  0%, 100% { opacity: 0.2; transform: scale(0.7); }
  50% { opacity: 1; transform: scale(1.15); }
}