@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap');

:root {
  --bg-dark: #030a16;
  --panel-bg: rgba(6, 18, 36, 0.95);
  --border-color: #00f0ff;
  --neon-primary: #00f0ff;
  --text-main: #e0f7fc;
  --font-brand: 'Orbitron', monospace;
}

body {
  background-color: var(--bg-dark);
  color: var(--text-main);
  font-family: var(--font-brand);
}

/* EFECTO DEGAUSS IMPLEMENTADO */
.effect-degauss {
  animation: degauss-anim 0.4s ease-out;
}

@keyframes degauss-anim {
  0% { transform: scale(1.02) skewX(5deg); filter: brightness(2) contrast(2); }
  50% { transform: scale(0.99) skewX(-2deg); filter: brightness(1.2); }
  100% { transform: scale(1) skewX(0deg); filter: brightness(1); }
}