{{-- Tour interactivo de bienvenida (Shepherd.js) --}}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/shepherd.js@14.1.1/dist/css/shepherd.css">
<script src="https://cdn.jsdelivr.net/npm/shepherd.js@14.1.1/dist/js/shepherd.min.js"></script>
<style>
.shepherd-element{background:linear-gradient(180deg,#ffffff,#ffffff) !important;border:1px solid var(--gold) !important;border-radius:14px !important;color:var(--text) !important;font-family:var(--body) !important;box-shadow:0 30px 80px -20px rgba(0,0,0,.85),0 0 0 1px rgba(201,168,76,.4) !important;max-width:380px}
.shepherd-text{color:var(--text) !important;font-size:14px !important;line-height:1.55 !important;padding:18px !important}
.shepherd-header{background:linear-gradient(180deg,rgba(201,168,76,.15),transparent) !important;border-bottom:1px solid var(--line) !important;padding:14px 18px !important}
.shepherd-title{font-family:var(--display) !important;font-weight:600 !important;font-size:17px !important;letter-spacing:-0.025em !important;color:var(--gold) !important}
.shepherd-footer{padding:12px 18px !important;border-top:1px solid var(--line) !important;background:rgba(0,0,0,.2) !important;display:flex !important;gap:8px !important;justify-content:flex-end !important}
.shepherd-button{padding:8px 14px !important;border-radius:10px !important;font-weight:600 !important;font-family:var(--body) !important;font-size:13px !important;border:1px solid var(--line-strong) !important;background:linear-gradient(180deg,#262d40,#f6f8fc) !important;color:var(--text) !important;cursor:pointer !important}
.shepherd-button-primary{background:linear-gradient(180deg,#e6c971,#8b6914) !important;color:#111 !important;border-color:transparent !important}
.shepherd-arrow:before{background:#ffffff !important;border:1px solid var(--gold) !important}
</style>
<script>
function startOnboardingTour(){
    if (typeof Shepherd === 'undefined') return;
    if (localStorage.getItem('inmocore_tour_done') === '1') return;
    const tour = new Shepherd.Tour({
        useModalOverlay: true,
        defaultStepOptions: {
            cancelIcon: {enabled: true},
            classes: 'inmocore-step',
            scrollTo: {behavior: 'smooth', block: 'center'}
        }
    });
    tour.addStep({
        title: '¡Bienvenido a {{ brand_name() }}! 👋',
        text: 'Te mostramos en 60 segundos como sacarle el maximo provecho a tu sistema inmobiliario profesional.',
        attachTo: {element: '.brand', on: 'right'},
        buttons: [{text: 'Comenzar', action: tour.next, classes:'shepherd-button-primary'}, {text: 'Saltar', action: tour.complete}]
    });
    tour.addStep({
        title: 'Tu navegacion',
        text: 'Todo el sistema esta organizado en 4 grupos: Principal (CRM, leads, proyectos), Finanzas, Operaciones y Configuracion.',
        attachTo: {element: '.nav', on: 'right'},
        buttons: [{text: 'Atras', action: tour.back}, {text: 'Siguiente', action: tour.next, classes:'shepherd-button-primary'}]
    });
    tour.addStep({
        title: 'Busqueda global ⌘K',
        text: 'Presiona <kbd>⌘K</kbd> (Mac) o <kbd>Ctrl+K</kbd> (Windows) en cualquier momento para buscar clientes, propiedades, leads o contratos al instante.',
        attachTo: {element: '#cmdk-trigger', on: 'bottom'},
        buttons: [{text: 'Atras', action: tour.back}, {text: 'Siguiente', action: tour.next, classes:'shepherd-button-primary'}]
    });
    tour.addStep({
        title: 'Notificaciones en tiempo real 🔔',
        text: 'Aqui recibes alertas: nuevos leads, pagos recibidos, cuentas vencidas, contratos firmados. Tambien por workflow.',
        attachTo: {element: '#notif-toggle', on: 'bottom'},
        buttons: [{text: 'Atras', action: tour.back}, {text: 'Siguiente', action: tour.next, classes:'shepherd-button-primary'}]
    });
    tour.addStep({
        title: 'Listo para operar',
        text: 'Explora cada modulo. Recuerda configurar tus integraciones (Stripe, WhatsApp, Mifiel) desde <strong>Configuracion → Integraciones</strong> para desbloquear todo el potencial.',
        buttons: [{text: 'Entendido', action: () => { localStorage.setItem('inmocore_tour_done','1'); tour.complete(); }, classes:'shepherd-button-primary'}]
    });
    tour.start();
}
// Auto-iniciar para usuarios nuevos
if (!sessionStorage.getItem('tour_checked')) {
    sessionStorage.setItem('tour_checked','1');
    setTimeout(startOnboardingTour, 1000);
}
</script>