/* === INICIO DEL ARCHIVO === */
@import url('../../assets/css/base.css');

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&display=swap');

:root {
  --surface: #131318;
  --surface-dim: #131318;
  --surface-bright: #39383e;
  --surface-container-lowest: #0e0e13;
  --surface-container-low: #1b1b20;
  --surface-container: #1f1f25;
  --surface-container-high: #2a292f;
  --surface-container-highest: #35343a;
  --on-surface: #e4e1e9;
  --on-surface-variant: #e6beb2;
  --inverse-surface: #e4e1e9;
  --inverse-on-surface: #303036;
  --outline: #ad897e;
  --outline-variant: #5c4037;
  --surface-tint: #ffb59e;
  --primary: #ffb59e;
  --on-primary: #5e1700;
  --primary-container: #ff571a;
  --on-primary-container: #521300;
  --inverse-primary: #ae3200;
  --secondary: #ffffff;
  --on-secondary: #363100;
  --secondary-container: #fae500;
  --on-secondary-container: #6f6600;
  --secondary-fixed: #fae500;
  --secondary-fixed-dim: #dbc900;
  --on-secondary-fixed: #1f1c00;
  --on-secondary-fixed-variant: #4f4800;
  --tertiary: #ffb1c3;
  --on-tertiary: #66002c;
  --tertiary-container: #ff4b89;
  --on-tertiary-container: #590026;
  --error: #ffb4ab;
  --on-error: #690005;
  --error-container: #93000a;
  --on-error-container: #ffdad6;
  --background: #131318;
  --on-background: #e4e1e9;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Sora', sans-serif;
  background: var(--background);
  color: var(--on-surface);
  -webkit-font-smoothing: antialiased;
}

.glass-panel {
  background: rgba(31, 31, 37, 0.6);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(173, 137, 126, 0.2);
}

.neon-glow-primary {
  box-shadow: 0 0 15px rgba(255, 87, 26, 0.4);
}

.neon-glow-secondary {
  box-shadow: 0 0 15px rgba(250, 229, 0, 0.4);
}

.pulse-secondary {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(250, 229, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(250, 229, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(250, 229, 0, 0);
  }
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.gradient-text {
  background: linear-gradient(to right, #ff571a, #ffb1c3, #fae500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Transiciones y animaciones básicas */
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.hover\:scale-105:hover {
  transform: scale(1.05);
}

.hover\:scale-\[1\.02\]:hover {
  transform: scale(1.02);
}

/* ========== ELIMINADOS LOS BLOQUES DE SKELETON Y TOAST ========== */