{"state":1,"html":"<div class=\"tracking-account-modern\">\n    <div class=\"tracking-account-header\">\n        <button type=\"button\" class=\"close-modal-btn\" onclick=\"closeModal()\">Cerrar<\/button>\n    <\/div>\n\n            <div class=\"track-alert track-alert-warning\">Indica un numero de seguimiento valido.<\/div>\n    <\/div>\n\n<style>\n.tracking-account-modern {\n    background: #f8fafc;\n    color: #0f172a;\n    width: min(1200px, 96vw);\n    max-height: 94vh;\n    overflow-y: auto;\n    border-radius: 16px;\n    padding: 18px;\n    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.25);\n}\n.tracking-account-header {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 10px;\n}\n.close-modal-btn {\n    background: #0f172a;\n    color: #fff;\n    border: 0;\n    border-radius: 8px;\n    padding: 8px 14px;\n    font-weight: 600;\n    cursor: pointer;\n}\n.tracking-account-title h3 {\n    margin: 0;\n    text-transform: uppercase;\n}\n.tracking-account-title h3 span {\n    color: #1d4ed8;\n}\n.tracking-account-title p {\n    margin: 6px 0 14px;\n    color: #475569;\n}\n.track-alert {\n    border-radius: 10px;\n    padding: 10px 12px;\n    margin: 0 0 10px;\n    border: 1px solid transparent;\n}\n.track-alert p {\n    margin: 6px 0 0;\n}\n.track-alert-warning {\n    background: #fffbeb;\n    border-color: #fcd34d;\n    color: #92400e;\n}\n.track-alert-info {\n    background: #eff6ff;\n    border-color: #93c5fd;\n    color: #1e3a8a;\n}\n.track-status-schenker {\n    background: #e0f2fe;\n    border: 1px solid #7dd3fc;\n    border-radius: 10px;\n    padding: 10px 12px;\n    margin-bottom: 12px;\n    color: #0c4a6e;\n}\n.track-horizontal {\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: minmax(240px, 290px);\n    gap: 12px;\n    overflow-x: auto;\n    padding: 4px 2px 12px;\n    margin-bottom: 16px;\n}\n.track-card {\n    background: #fff;\n    border: 1px solid #e2e8f0;\n    border-radius: 14px;\n    padding: 12px;\n    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);\n}\n.track-card h4 {\n    margin: 8px 0 4px;\n    font-size: 15px;\n}\n.track-card p {\n    margin: 0;\n    color: #475569;\n    font-size: 13px;\n}\n.track-card .date {\n    color: #0f172a;\n    font-weight: 600;\n    margin-bottom: 6px;\n}\n.track-card.current {\n    border-color: #2563eb;\n    box-shadow: 0 10px 18px rgba(37, 99, 235, 0.18);\n}\n.track-card.pending {\n    opacity: 0.75;\n}\n.track-card.completed {\n    opacity: 1;\n}\n.track-icon {\n    width: 42px;\n    height: 42px;\n    border-radius: 10px;\n    \/* Cambiamos el fondo a un gris oscuro para los estados pendientes *\/\n    background: #94a3b8; \n    display: grid;\n    place-items: center;\n}\n\n\/* Fondo azul para el paso actual *\/\n.track-card.current .track-icon {\n    background: #2563eb; \n}\n\n\/* Fondo verde oscuro para los pasos ya completados *\/\n.track-card.completed:not(.current) .track-icon {\n    background: #10b981; \n}\n\n.track-icon img {\n    width: 28px;\n    height: 28px;\n    object-fit: contain;\n    filter: none !important;\n    mix-blend-mode: normal !important;\n    display: block !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n.track-icon svg {\n    width: 28px;\n    height: 28px;\n    display: block !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n.track-code {\n    display: inline-block;\n    margin-top: 8px;\n    font-size: 11px;\n    background: #e2e8f0;\n    color: #0f172a;\n    border-radius: 999px;\n    padding: 2px 8px;\n}\n.track-card.schenker-exc {\n    border-color: #f59e0b;\n    background: #fff7ed;\n}\n.track-card.schenker-del {\n    border-color: #10b981;\n    background: #ecfdf5;\n}\n.track-detail-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n}\n.track-detail-card {\n    background: #fff;\n    border: 1px solid #e2e8f0;\n    border-radius: 14px;\n    padding: 12px;\n}\n.track-detail-card h4 {\n    margin: 0 0 8px;\n    font-size: 15px;\n}\n.track-detail-card ul {\n    margin: 0;\n    padding-left: 16px;\n}\n.track-detail-card li {\n    margin-bottom: 5px;\n    font-size: 13px;\n}\n@media (max-width: 900px) {\n    .tracking-account-modern {\n        width: 100vw;\n        height: 100vh;\n        max-height: 100vh;\n        border-radius: 0;\n    }\n    .track-detail-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n"}