/* Aplicación de nueva paleta de colores al sistema.php */

body {
  background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 50%, #F8FAFC 100%);
  color: var(--color-text-primary);
}

/* Navbar */
.navbar {
  background: rgba(255,255,255,0.95);
  border-bottom: 1px solid rgba(59,130,246,0.2);
  box-shadow: 0 4px 20px rgba(59,130,246,0.1);
}

.nav-menu a {
  color: var(--color-text-primary);
}

.nav-menu a:hover {
  color: var(--color-primary);
}

.nav-cta {
  background: var(--gradient-primary);
}

/* Hero Section */
.hero-section {
  background: linear-gradient(135deg, #F1F5F9, #F8FAFC);
}

.section-badge {
  background: rgba(59,130,246,0.1);
  color: var(--color-primary);
  border: 1px solid rgba(59,130,246,0.3);
}

.section-title {
  color: var(--color-text-primary);
}

.section-subtitle {
  color: var(--color-text-secondary);
}

/* Botón Trial */
a[href="crear_evento_completo.php"] {
  background: var(--gradient-primary) !important;
  box-shadow: 0 10px 30px rgba(59,130,246,0.3) !important;
}

a[href="crear_evento_completo.php"]:hover {
  box-shadow: 0 20px 50px rgba(59,130,246,0.5) !important;
}

/* Sistema Grid */
.sistema-item {
  box-shadow: 0 10px 40px rgba(59,130,246,0.12);
}

.sistema-item:hover {
  box-shadow: 0 20px 60px rgba(59,130,246,0.2);
}

.sistema-label {
  background: linear-gradient(135deg, #F1F5F9, #F8FAFC);
  color: var(--color-text-primary);
}

/* Footer */
footer {
  background: var(--color-text-primary);
}