.timeline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.timeline-step{--timeline-step-color:#6c757d;--timeline-step--title-color:var(--timeline-step-color);--timeline-step-icon-color:#FFF;display:flex;align-items:center;gap:12px;min-width:180px;padding:12px;border-radius:12px;transition:.2s}.timeline-step-icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border:1px solid gray;border-radius:50%;background:var(--timeline-step-color);color:var(--timeline-step-icon-color);font-size:1.3rem}.timeline-step-title{font-weight:600;font-size:.95rem;color:var(--timeline-step--title-color)}.timeline-step-date{font-size:.8rem;opacity:.7}.timeline-arrow{font-size:1.5rem;color:#0d6efd}.timeline-step-status-completed{--timeline-step-color:#198754}.timeline-step-status-active{--timeline-step-color:#ffc107;--timeline-step-title-color:#df7b00;--timeline-step-icon-color:#000}.timeline-step-status-active .timeline-step-icon{animation:anim_timeline_active 0.8s ease-in-out infinite alternate}@keyframes anim_timeline_active{from{background:var(--timeline-step-color);box-shadow:0 0 0 rgba(255,193,7,0)}to{background:#ffe596;box-shadow:0 0 12px rgba(255,193,7,.5)}}@media screen and (max-width:768px){.timeline{flex-direction:column;align-items:center}.timeline-arrow{transform:rotate(90deg);transform-origin:center center;font-size:2rem}}.timeline-container{container-name:containerTimeline;container-type:inline-size}@container containerTimeline (min-width:768px) and (max-width:1300px){.timeline{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0px!important;margin:auto!important}.timeline-arrow{margin:auto!important;font-size:2.5rem!important}}@media screen{[data-bs-theme=dark] .timeline-step-status-{--timeline-step--title-color:#FFF}[data-bs-theme=dark] .timeline-step-status-completed{--timeline-step-color:#00da74}[data-bs-theme=dark] .timeline-step-date{opacity:0.85}}