@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.status-tracker-container{max-width:900px;margin:2rem auto;padding:2rem;background:#ffffff08;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-xl)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem}.order-info h1{font-size:2rem;margin:0;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Space Grotesk,sans-serif}.order-date{color:#94a3b8;font-size:.9rem;margin-top:.5rem}.client-badge{background:#7c3aed33;padding:.5rem 1rem;border-radius:99px;border:1px solid rgba(124,58,237,.3);font-size:.85rem;color:#c084fc}.timeline{display:flex;justify-content:space-between;position:relative;margin-bottom:4rem;padding:0 1rem}.timeline:before{content:"";position:absolute;top:24px;left:3rem;right:3rem;height:2px;background:#ffffff1a;z-index:1}.timeline-progress{position:absolute;top:24px;left:3rem;height:2px;background:linear-gradient(90deg,#7c3aed,#f43f5e);z-index:2;transition:width 1s cubic-bezier(.4,0,.2,1)}.timeline-step{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;flex:1}.step-node{width:50px;height:50px;border-radius:50%;background:#1e1e30;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .4s ease;position:relative}.step-node svg{width:20px;height:20px;color:#64748b;transition:all .4s ease}.timeline-step.completed .step-node{border-color:#7c3aed;background:#7c3aed1a;box-shadow:0 0 15px #7c3aed4d}.timeline-step.completed .step-node svg{color:#a78bfa}.timeline-step.active .step-node{border-color:#f43f5e;background:#1e1e30;box-shadow:0 0 20px #f43f5e66;transform:scale(1.15)}.timeline-step.active .step-node svg{color:#f43f5e}.step-label{font-size:.75rem;font-weight:500;color:#64748b;text-align:center;max-width:100px;transition:color .3s ease}.timeline-step.active .step-label{color:#f43f5e;font-weight:700}.timeline-step.completed .step-label{color:#a78bfa}.you-are-here{position:absolute;top:-35px;background:#f43f5e;color:#fff;padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:700;white-space:nowrap;animation:bounce 2s infinite}.you-are-here:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #f43f5e}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.items-container{margin-top:3rem}.item-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.item-main-info h3{margin:0;font-size:1.1rem;color:#fff}.sku{font-family:Fira Code,monospace;font-size:.8rem;color:#7c3aed;display:block;margin-top:.25rem}.item-status-pill{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-top:1rem}.status-ingresado{background:#3b82f633;color:#60a5fa}.status-en_diagnostico{background:#f59e0b33;color:#fbbf24}.status-cerrado{background:#10b98133;color:#34d399}.item-details{border-left:1px solid rgba(255,255,255,.1);padding-left:1.5rem}.detail-row{margin-bottom:1rem}.detail-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem}.detail-text{font-size:.95rem;color:#cbd5e1;line-height:1.5}.resolution-box{background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);padding:.75rem;border-radius:8px;margin-top:1rem}.resolution-title{color:#f43f5e;font-weight:700;font-size:.85rem;margin-bottom:.25rem}@media(max-width:768px){.timeline{flex-direction:column;padding-left:2rem;height:auto}.timeline:before{top:0;left:24px;width:2px;height:100%}.timeline-progress{top:0;left:24px;width:2px;height:0}.timeline-step{flex-direction:row;margin-bottom:2rem;align-items:center;justify-content:flex-start}.step-node{margin-bottom:0;margin-right:1.5rem}.step-label{text-align:left;max-width:none}.you-are-here{left:-80px;top:15px}.you-are-here:after{left:100%;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #f43f5e}.item-card{grid-template-columns:1fr}.item-details{border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-left:0;padding-top:1.5rem}}@font-face{font-family:Oasis;src:url(/assets/Cano-COv2UDvK.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Jost;src:url(/assets/Jost-BgZVHdM1.ttf) format("trueType");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter-c8O0ljhh.ttf) format("trueType");font-weight:400;font-style:normal}@font-face{font-family:Inter_Light;src:url(/assets/Inter_Light-DbzEu6wT.ttf) format("trueType");font-weight:400;font-style:normal}@font-face{font-family:Inter_Bold;src:url(/assets/Inter_Bold-BVTOCPiq.ttf) format("trueType");font-weight:400;font-style:normal}@font-face{font-family:Inter_SemiBold;src:url(/assets/Inter_SemiBold-C9_sHzqi.ttf) format("trueType");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Regular-bmdV8fUx.ttf) format("trueType");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu_Regular;src:url(/assets/Ubuntu-Regular-bmdV8fUx.ttf) format("trueType");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu_Light;src:url(/assets/Ubuntu-Light-DlXMI-yU.ttf) format("trueType");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu_Bold;src:url(/assets/Ubuntu-Bold-BGoo8i9Y.ttf) format("trueType");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu_SemiBold;src:url(assets/fonts/Ubuntu-SemiBold.ttf) format("trueType");font-weight:400;font-style:normal}:root{--color-primary: #7C3AED;--color-secondary: #A78BFA;--color-cta: #F43F5E;--color-background: #0F0F23;--color-text: #E2E8F0;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.15)}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.brand-card{position:relative;overflow:hidden;transition:all .3s ease}.loading-bar{position:absolute;bottom:0;left:0;width:100%;height:6px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.brand-card:hover .loading-bar{transform:scaleX(1)}.text-glow{text-shadow:0 0 10px rgba(124,58,237,.5),0 0 20px rgba(124,58,237,.3)}.box-glow{box-shadow:0 0 15px #7c3aed33}