/*
 * File: wizard.css
 * Main responsibility: Styles for the multi-step wizard interface.
 * Related files: _wizard-stepper-*.css, onboarding.css
 */

/* ═════════════════════════════════════════════════════════════════════╗
║ STEP-PER 2025 – Hoja de estilos principal del stepper               ║
║                                                                     ║
║ 🎯 OBJETIVO                                                         ║
║   – Pintar una barra de pasos (“stepper”) full-width, sticky y      ║
║     centrada, con soporte para iconos Feather/Lucide y tipografía   ║
║     Rajdhani.                                                       ║
║   – Provee estados visuales: normal, activo, completado (“done”).   ║
║   – Incluye animaciones de entrada (slide-in) y glow sutil.         ║
║   – Responsive: en ≤1200 px sólo se muestra el paso activo ocupando ║
║     todo el ancho.                                                  ║
║                                                                     ║
║ 📂 ESTRUCTURA DE BLOQUES                                            ║
║   1. BASE (html, body)                                              ║
║   2. CONTENEDOR pegado (sticky)                                     ║
║   3. LISTA UL (.stepper)                                            ║
║   4. LOGO romboide opcional (.logo-stepper)                         ║
║   5. ITEM LI (cada paso)                                            ║
║   6. Estados activo / done                                          ║
║   7. Barra de progreso superior                                     ║
║   8. Icono Feather (.icon)                                          ║
║   9. Media queries responsive                                       ║
║  10. Animaciones (keyframes)                                        ║
║  11. Hover desktop                                                 ║
╚═════════════════════════════════════════════════════════════════════ */

@import url('./_wizard-stepper-base.css');
@import url('./_wizard-stepper-skin.css');
@import url('./_wizard-stepper-responsive.css');
@import url('./_wizard-stepper-animations.css');
@import url('./_wizard-stepper-overlay.css');