/* EMPTY STATE */
.empty { text-align: center; padding: 52px 24px; color: var(--texto3); }
.empty-icon { font-size: 58px; margin-bottom: 14px; opacity: 0.8; }
.empty p { font-size: 14px; font-weight: 600; color: var(--texto2); }

/* SUCCESS */
.success-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 24px; text-align: center; background: linear-gradient(180deg, var(--verde3) 0%, var(--gris) 40%); }
.success-circle { width: 84px; height: 84px; border-radius: 50%; background: var(--verde); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; font-size: 40px; box-shadow: 0 8px 28px rgba(27,107,58,0.35); animation: popIn 0.5s cubic-bezier(0.22,1,0.36,1) both; position: relative; }
.success-circle::after { content: ''; position: absolute; inset: -8px; border-radius: 50%; border: 3px solid var(--verde); opacity: 0; animation: rippleOut 1.2s ease-out 0.5s infinite; }
@keyframes popIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes rippleOut { from { inset: -4px; opacity: 0.7; } to { inset: -22px; opacity: 0; } }
.success-title { font-size: 21px; font-weight: 900; color: var(--texto); margin-bottom: 6px; }
.success-sub { font-size: 13px; color: var(--texto2); line-height: 1.5; max-width: 290px; font-weight: 500; }
.steps-list { width: 100%; margin-top: 16px; text-align: left; background: white; border-radius: var(--radio); padding: 4px 16px; box-shadow: var(--sombra); }
.step-item { display: flex; align-items: flex-start; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--gris2); }
.step-item:last-child { border-bottom: none; }
.step-dot { width: 34px; height: 34px; border-radius: 50%; background: var(--verde); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 15px; box-shadow: 0 3px 10px rgba(27,107,58,0.25); }
.step-txt strong { font-size: 13px; font-weight: 800; color: var(--texto); display: block; }
.step-txt span { font-size: 12px; color: var(--texto2); font-weight: 500; }