/* Colores comerciales para crear_evento_completo.php */

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

body::before {
  background: radial-gradient(circle, rgba(59,130,246,0.08) 0%, transparent 70%);
}

.wizard-title {
  background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

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

.progress-bar {
  border: 1px solid rgba(59,130,246,0.15);
}

.progress-fill {
  background: var(--gradient-primary);
}

.step.active {
  background: var(--gradient-primary);
  box-shadow: 0 8px 25px rgba(59,130,246,0.35), 0 0 0 4px rgba(59,130,246,0.15);
}

.step.completed {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.step.pending {
  background: #F1F5F9;
  color: var(--color-text-secondary);
}

.wizard-content::before {
  background: var(--gradient-primary);
}

.form-label {
  color: var(--color-text-primary);
}

.form-input {
  border: 2px solid #E2E8F0;
  background: #FAFBFC;
}

.form-input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 4px rgba(59,130,246,0.12), 0 4px 12px rgba(59,130,246,0.1);
}

.btn-primary {
  background: var(--gradient-primary);
  box-shadow: 0 4px 15px rgba(59,130,246,0.25);
}

.btn-primary:hover {
  box-shadow: 0 12px 35px rgba(59,130,246,0.35);
  background: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
}

#btnSiguiente {
  animation: heartbeat 2s ease-in-out infinite;
}

@keyframes heartbeat {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 4px 15px rgba(59,130,246,0.25);
  }
  10% {
    transform: scale(1.03);
    box-shadow: 0 6px 20px rgba(59,130,246,0.4), 0 0 15px rgba(59,130,246,0.2);
  }
  20% {
    transform: scale(1);
    box-shadow: 0 4px 15px rgba(59,130,246,0.25);
  }
  30% {
    transform: scale(1.03);
    box-shadow: 0 6px 20px rgba(59,130,246,0.4), 0 0 15px rgba(59,130,246,0.2);
  }
  40% {
    transform: scale(1);
    box-shadow: 0 4px 15px rgba(59,130,246,0.25);
  }
}

.btn-secondary {
  background: #F1F5F9;
  color: var(--color-text-secondary);
}

.btn-secondary:hover {
  background: #E2E8F0;
}

.feature-card:hover {
  border-color: var(--color-primary);
}

.feature-card.selected {
  border-color: var(--color-primary);
  background: rgba(59,130,246,0.08);
}

.template-card {
  border: 3px solid #E2E8F0;
}

.template-card:hover {
  border-color: var(--color-primary);
  box-shadow: 0 15px 40px rgba(59,130,246,0.2);
}

.template-card.selected {
  border-color: var(--color-primary);
  box-shadow: 0 15px 40px rgba(59,130,246,0.3), 0 0 0 4px rgba(59,130,246,0.1);
}

.template-card[data-template="elegante"] .template-preview {
  background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
}

.template-card[data-template="romantico"] .template-preview {
  background: linear-gradient(135deg, #EC4899 0%, #F472B6 100%);
}

.template-card[data-template="moderno"] .template-preview {
  background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
}

.template-card[data-template="festivo"] .template-preview {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
}

.sugerencias-box {
  border: 2px solid var(--color-primary);
  box-shadow: 0 4px 12px rgba(59,130,246,0.2);
}

.sugerencia-item:hover {
  background: rgba(59,130,246,0.08);
}

.sugerencia-titulo {
  color: var(--color-primary);
}

.icon-picker {
  border: 2px solid var(--color-primary);
  box-shadow: 0 4px 12px rgba(59,130,246,0.2);
}

.icon-option:hover {
  background: rgba(59,130,246,0.08);
  border-color: var(--color-primary);
}

.itinerario-item {
  background: #F8FAFC;
}

.itinerario-item:hover {
  border-color: var(--color-primary);
}

.itinerario-item label {
  color: var(--color-primary);
}

.success-icon {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 10px 30px rgba(16,185,129,0.3), 0 0 0 8px rgba(16,185,129,0.1);
}

#credenciales-box h3 {
  color: var(--color-primary);
}

button[onclick*="toggleLugarSeccion"] {
  background: rgba(59,130,246,0.08);
  border: 2px dashed var(--color-primary);
  color: var(--color-primary);
}

button[onclick*="agregarItinerarioItem"] {
  background: rgba(59,130,246,0.08);
  border: 2px dashed var(--color-primary);
  color: var(--color-primary);
}

#btnAgregarFoto {
  background: var(--gradient-primary);
  box-shadow: 0 4px 15px rgba(59,130,246,0.25);
}

#btnAgregarFoto:hover {
  background: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
}

#contador_fotos {
  color: var(--color-primary);
}

.form-input[type="file"] + button {
  background: var(--gradient-primary);
}

span[style*="color: #10b981"] {
  color: var(--color-primary) !important;
}

div[style*="background: linear-gradient(135deg, rgba(139,115,85"] {
  background: linear-gradient(135deg, rgba(59,130,246,0.08), rgba(139,92,246,0.05)) !important;
}

div[style*="background: linear-gradient(135deg, rgba(16,185,129"] {
  background: linear-gradient(135deg, rgba(16,185,129,0.1), rgba(5,150,105,0.05)) !important;
}

div[style*="background: linear-gradient(135deg, rgba(59,130,246"] {
  background: linear-gradient(135deg, rgba(59,130,246,0.08), rgba(37,99,235,0.05)) !important;
}

div[style*="background: linear-gradient(135deg, rgba(147,51,234"] {
  background: linear-gradient(135deg, rgba(139,92,246,0.08), rgba(167,139,250,0.05)) !important;
}

h3[style*="color: #8b7355"] {
  color: var(--color-primary) !important;
}

h3[style*="color: #3b82f6"] {
  color: var(--color-primary) !important;
}

h3[style*="color: #7c3aed"] {
  color: var(--color-accent) !important;
}

span[style*="color: #8b7355"] {
  color: var(--color-primary) !important;
}

span[style*="color: #3b82f6"] {
  color: var(--color-primary) !important;
}

span[style*="color: #7c3aed"] {
  color: var(--color-accent) !important;
}

.form-input[name*="itinerario"] {
  border-color: #E2E8F0;
}

button[style*="background: white; border: 2px solid #e8dfd6"] {
  border-color: #E2E8F0 !important;
}

button[style*="background: white; border: 2px solid #e8dfd6"]:hover {
  border-color: var(--color-primary) !important;
}