:root {
  --h-papel: #fffdf9;
  --h-acento: #701f28;
  --h-aura-halo: 0.72;
  --h-aura-franja: 0.45;
  --h-aura-brillo: 0.9;
  --h-aura-nucleo: 0.92;
  --h-aura-tinte: 0.72;
  --h-aura-sombra: rgba(40, 55, 74, 0.3);
  --h-aura-ojos: #28374a;
  --h-aura-vidrio: radial-gradient(
    120% 120% at 32% 22%,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.42) 28%,
    rgba(255, 255, 255, 0.12) 58%,
    rgba(255, 255, 255, 0.34) 90%,
    rgba(255, 255, 255, 0.72) 100%
  );
  --h-dur-1: 150ms;
  --h-dur-2: 220ms;
  --h-dur-3: 320ms;
  --h-dur-4: 400ms;
  --h-curva: cubic-bezier(0.2, 0, 0, 1);
  --h-resorte: linear(
    0,
    0.076 6%,
    0.241 13%,
    0.431 19%,
    0.607 25%,
    0.752 31%,
    0.861 38%,
    0.937 44%,
    0.985 50%,
    1.012 56%,
    1.025 63%,
    1.028 69%,
    1.026 75%,
    1.021 81%,
    1.016 88%,
    1.011 94%,
    1
  );
  --h-respira: 10s;
}
@keyframes auraRespira {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  40% {
    transform: translateY(calc(var(--s) * -0.022)) scale(1.016);
  }
}
@keyframes auraNucleo {
  0%,
  100% {
    transform: scale(0.93);
    opacity: 0.8;
  }
  40% {
    transform: scale(1.05);
    opacity: 1;
  }
}
@keyframes auraHalo {
  0%,
  100% {
    transform: scale(0.94);
  }
  40% {
    transform: scale(1.07);
  }
}
@keyframes auraOnda {
  0% {
    transform: scale(1);
    opacity: 0.65;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes auraGiro {
  to {
    transform: rotate(360deg);
  }
}
@keyframes auraBurbuja {
  0% {
    transform: translateY(0) scale(0.5);
    opacity: 0;
  }
  18% {
    opacity: 0.95;
  }
  100% {
    transform: translateY(calc(var(--s) * -0.46)) scale(1);
    opacity: 0;
  }
}
@keyframes auraChispa {
  0%,
  100% {
    transform: scale(0.8);
    opacity: 0.55;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-aura] * {
    animation: none !important;
  }
}