{{-- Indicador de pasos del wizard. Variable esperada: $step (1, 2 o 3). --}}
<ul class="nav nav-pills mb-6">
    <li class="nav-item">
        <span class="nav-link {{ $step === 1 ? 'active' : ($step > 1 ? 'text-success' : 'disabled') }}">
            <i class="ti tabler-{{ $step > 1 ? 'circle-check-filled' : 'photo' }} me-1"></i> 1. Contenido
        </span>
    </li>
    <li class="nav-item">
        <span class="nav-link {{ $step === 2 ? 'active' : ($step > 2 ? 'text-success' : 'disabled') }}">
            <i class="ti tabler-{{ $step > 2 ? 'circle-check-filled' : 'settings' }} me-1"></i> 2. Configuración
        </span>
    </li>
    <li class="nav-item">
        <span class="nav-link {{ $step === 3 ? 'active' : 'disabled' }}">
            <i class="ti tabler-eye me-1"></i> 3. Preview y confirmar
        </span>
    </li>
</ul>