.breadcrumbs{background:#fff;border-radius:0;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 4px #00000014;border-left:4px solid var(--pippa-primary)}.breadcrumbs-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--pippa-gray);font-weight:700;margin-bottom:12px}.breadcrumbs-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.breadcrumb-item{display:flex;align-items:center;font-size:14px;color:var(--pippa-gray);text-decoration:none;transition:all .2s ease}.breadcrumb-item a{color:var(--pippa-gray);text-decoration:none;padding:6px 12px;border-radius:0;border-left:2px solid transparent;transition:all .2s ease}.breadcrumb-item a:hover{background:var(--pippa-light);color:var(--pippa-primary)}.breadcrumb-item.active{color:var(--pippa-primary);font-weight:600}.breadcrumb-separator{color:var(--pippa-gray);opacity:.4;margin:0 4px;font-size:12px}.phase-navigation{background:#fff;border-radius:0;border-left:4px solid var(--pippa-primary);padding:30px;margin-bottom:30px;box-shadow:0 2px 4px #00000014}.phase-navigation-title{font-size:14px;text-transform:uppercase;letter-spacing:1.2px;color:var(--pippa-gray);font-weight:800;margin-bottom:20px;text-align:center}.phases-container{display:flex;justify-content:space-between;align-items:center;position:relative;margin:0 auto;max-width:1000px}.phases-container:before{content:"";position:absolute;top:25px;left:0;right:0;height:3px;background:#e2e8f0;z-index:0}.phase-item{position:relative;z-index:1;text-align:center;flex:1;max-width:120px}.phase-circle{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;transition:all .3s ease;cursor:pointer;position:relative}.phase-circle span{font-size:16px;font-weight:700;color:var(--pippa-gray);transition:all .3s ease}.phase-label{font-size:11px;color:var(--pippa-gray);font-weight:600;line-height:1.3;min-height:28px;display:flex;align-items:center;justify-content:center}.phase-item.completed .phase-circle{background:linear-gradient(135deg,var(--pippa-primary),var(--pippa-secondary));border-color:var(--pippa-primary)}.phase-item.completed .phase-circle span{color:#fff}.phase-item.completed .phase-label{color:var(--pippa-primary);font-weight:700}.phase-item.active .phase-circle{border-color:var(--pippa-primary);border-width:4px;box-shadow:0 0 0 4px #2e86de1a}.phase-item.active .phase-circle span{color:var(--pippa-primary)}.phase-item.active .phase-label{color:var(--pippa-primary);font-weight:700}.phase-item:hover .phase-circle{transform:scale(1.1);box-shadow:0 4px 12px #2e86de33}.phase-item.completed:hover .phase-circle,.phase-item.active:hover .phase-circle{box-shadow:0 0 0 4px #2e86de26,0 4px 12px #2e86de4d}.phase-link{text-decoration:none;display:block}.phases-container.animated:before{background:linear-gradient(90deg,var(--pippa-primary) 0%,var(--pippa-primary) 30%,#e2e8f0 30%,#e2e8f0 100%);transition:background .5s ease}@media (max-width: 768px){.phases-container{flex-direction:column;gap:16px;max-width:300px}.phases-container:before{top:0;left:25px;right:auto;bottom:0;width:3px;height:100%}.phase-item{display:flex;align-items:center;text-align:left;max-width:100%;width:100%}.phase-circle{margin:0 16px 0 0;flex-shrink:0}.phase-label{text-align:left;justify-content:flex-start;min-height:auto}}.step-indicator{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 24px;border-radius:0;border-left:4px solid var(--pippa-primary);margin-bottom:24px;box-shadow:0 2px 4px #00000014}.step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pippa-gray);text-decoration:none;transition:all .2s ease}.step-number{width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:var(--pippa-gray);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;transition:all .2s ease}.step.completed .step-number{background:linear-gradient(135deg,var(--pippa-primary),var(--pippa-secondary));color:#fff}.step.active .step-number{border:3px solid var(--pippa-primary);background:#fff;color:var(--pippa-primary)}.step:hover{color:var(--pippa-primary)}.step:hover .step-number{transform:scale(1.1)}@media (max-width: 640px){.step-indicator{flex-wrap:wrap;gap:12px}.step{flex:1 1 calc(50% - 6px);min-width:140px}.step-text{font-size:12px}}
