/* Estilos para o widget de Processo */
.diaspora-processo-widget { padding-block: 4rem; background:#fff; font-family:'Poppins', ui-sans-serif, system-ui, sans-serif; }
@media (min-width:768px){ .diaspora-processo-widget { padding-block: 6rem; } }

.proc-container{ width:min(1200px, 100% - 48px); margin-inline:auto; }

/* Timeline desktop */
.proc-track{ position:relative; display:none; }
@media (min-width:768px){ .proc-track{ display:block; } }
.proc-line{ position:absolute; inset-inline:0; top:2rem; height:2px; background:#D1D5DB; z-index:0; }
.proc-steps{ list-style:none; margin:0; padding:0; display:flex; justify-content:space-between; text-align:center; }
.proc-step{ width:20%; padding-inline:.5rem; }
.proc-bullet{
  position:relative; z-index:1;
  width:4rem; height:4rem; margin-inline:auto; border-radius:999px; background:#fff;
  border:4px solid #D1D5DB;
  display:flex; align-items:center; justify-content:center;
  font-size:1.75rem; color:#9CA3AF;
  transition: transform .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.proc-bullet.is-accent{ border-color:#F16400; color:#F16400; }
.proc-step:hover .proc-bullet{ transform:scale(1.05); box-shadow:0 1px 2px rgba(2,6,23,.05), 0 1px 1px rgba(2,6,23,.04); }
.proc-step-title{ margin:.75rem 0 .25rem; font-size:1.0625rem; font-weight:700; color:#111827; }
.proc-step-desc{ margin:0; color:#4B5563; font-size:.95rem; padding-inline:.5rem; }

/* Mobile list */
.proc-mobile{ display:grid; gap:1.25rem; margin-top:0; }
@media (min-width:768px){ .proc-mobile{ display:none; } }
.proc-item{ display:flex; gap:1rem; align-items:flex-start; padding:.5rem .25rem; border-radius:12px; }
.proc-icon{
  width:3rem; height:3rem; border-radius:999px; display:flex; align-items:center; justify-content:center;
  background: #E5E7EB; font-size:1.375rem;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.proc-icon.is-accent{ background: #fee2d4; /* Laranja mais claro */ outline:2px solid #F16400; }
.proc-item:hover .proc-icon{ transform:translateY(-1px); box-shadow:0 1px 2px rgba(2,6,23,.05), 0 1px 1px rgba(2,6,23,.04); }
.proc-item-title{ margin:0 0 .125rem; font-weight:700; color:#111827; }
.proc-item-desc{ margin:0; color:#4B5563; font-size:.95rem; }

/* Animação */
.proc-bump{ animation: proc-bump .35s ease; }
@keyframes proc-bump{ 0%{transform:scale(1)} 50%{transform:scale(1.08)} 100%{transform:scale(1)} }