/* ===== Orçamento de Mudança v5.0 ===== */
:root { --mudanca-cor:#1D9E75; --mudanca-cor-dark:#0F6E56; }

.mudanca-wrap{max-width:700px;margin:0 auto;padding:1.5rem 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mudanca-steps-nav{display:flex;gap:6px;margin-bottom:1.5rem}
.mudanca-dot{height:5px;flex:1;border-radius:99px;background:#ddd;transition:background .3s}
.mudanca-dot.active{background:var(--mudanca-cor)}
.mudanca-step{display:none}
.mudanca-step.active{display:block}
.mudanca-titulo{font-size:20px;font-weight:600;color:#111;margin:0 0 4px}
.mudanca-sub{font-size:14px;color:#666;margin:0 0 1rem}

/* Contador */
.mudanca-contador-wrap{display:flex;align-items:center;gap:8px;margin-bottom:1.2rem;padding:8px 14px;background:#f8f8f8;border-radius:8px;border:1px solid #eee}
.mudanca-contador-label{font-size:13px;color:#666}
.mudanca-contador-num{font-size:15px;font-weight:700;color:#bbb;background:#eee;border-radius:99px;padding:2px 10px;transition:all .2s}
.mudanca-contador-num.tem-itens{background:var(--mudanca-cor);color:#fff}

/* Categorias */
.mudanca-categoria{margin-bottom:1.6rem}
.mudanca-cat-label{font-size:13px;font-weight:600;color:#555;margin-bottom:10px;display:flex;align-items:center;gap:6px}

/* Grid de itens */
.mudanca-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.mudanca-item-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:10px 10px 8px;cursor:default;transition:border-color .15s,background .15s;text-align:center}
.mudanca-item-card.selecionado{border:2px solid var(--mudanca-cor);background:#f0faf6}
.mudanca-item-icone{font-size:24px;margin-bottom:4px;line-height:1}
.mudanca-item-nome{font-size:12px;font-weight:500;color:#333;margin-bottom:8px;line-height:1.3}
.mudanca-item-card.selecionado .mudanca-item-nome{color:var(--mudanca-cor-dark)}
.mudanca-item-qty{display:flex;align-items:center;justify-content:center;gap:6px}
.mudanca-item-qty button{width:26px;height:26px;border-radius:50%;border:1px solid #ccc;background:#f5f5f5;color:#333;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
.mudanca-item-qty button:hover{background:#e5e5e5}
.mudanca-item-card.selecionado .mudanca-item-qty button{border-color:var(--mudanca-cor);color:var(--mudanca-cor)}
.mudanca-item-qty span{font-size:14px;font-weight:700;min-width:20px;text-align:center;color:#333}
.mudanca-item-card.selecionado .mudanca-item-qty span{color:var(--mudanca-cor)}

/* Formulário */
.mudanca-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.mudanca-form-row{grid-template-columns:1fr}}
.mudanca-form-group{margin-bottom:14px}
.mudanca-form-group label{display:block;font-size:13px;color:#555;margin-bottom:5px;font-weight:500}
.mudanca-form-group input,
.mudanca-form-group select,
.mudanca-form-group textarea{width:100%;padding:9px 12px;border:1px solid #ddd;border-radius:7px;font-size:14px;color:#222;background:#fff;box-sizing:border-box;font-family:inherit}
.mudanca-form-group input:focus,
.mudanca-form-group select:focus,
.mudanca-form-group textarea:focus{outline:none;border-color:var(--mudanca-cor);box-shadow:0 0 0 2px rgba(29,158,117,.12)}
.mudanca-obs-tag{font-size:12px;color:#aaa;font-weight:400}

/* Distância (radio cards) */
.mudanca-distancia-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(max-width:480px){.mudanca-distancia-wrap{grid-template-columns:1fr}}
.mudanca-radio-card{cursor:pointer}
.mudanca-radio-card input{display:none}
.mudanca-radio-card span{display:flex;flex-direction:column;align-items:center;padding:10px 8px;border:1px solid #ddd;border-radius:8px;font-size:13px;font-weight:500;color:#444;text-align:center;transition:all .15s;background:#fff}
.mudanca-radio-card span small{font-size:11px;color:#999;font-weight:400;margin-top:2px}
.mudanca-radio-card input:checked + span{border:2px solid var(--mudanca-cor);background:#f0faf6;color:var(--mudanca-cor-dark)}

/* Botões */
.mudanca-btn-primary{display:block;width:100%;background:var(--mudanca-cor);color:#fff;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;font-family:inherit}
.mudanca-btn-primary:hover{background:var(--mudanca-cor-dark)}
.mudanca-btn-secondary{display:block;width:100%;background:#f5f5f5;color:#444;border:1px solid #ddd;border-radius:8px;padding:11px;font-size:14px;cursor:pointer;margin-top:8px;font-family:inherit}
.mudanca-btn-secondary:hover{background:#ebebeb}
.mudanca-btn-wpp{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#25D366;color:#fff;border:none;border-radius:8px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;font-family:inherit}
.mudanca-btn-wpp:hover{background:#1da851}

/* Resumo */
.mudanca-resumo-item{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f0f0f0;font-size:14px}
.mudanca-resumo-item:last-child{border-bottom:none}
.mudanca-resumo-icone{font-size:18px;width:24px;text-align:center}
.mudanca-resumo-nome{flex:1;color:#222}
.mudanca-resumo-qty{font-weight:600;color:var(--mudanca-cor);font-size:13px;background:#f0faf6;padding:2px 8px;border-radius:99px}
.mudanca-resumo-dados{font-size:13px;color:#666;margin:12px 0 1rem;background:#fafafa;border-radius:7px;padding:12px 14px;border:1px solid #eee;line-height:1.9}

/* Confirmação */
.mudanca-confirmacao{position:absolute;inset:0;background:rgba(255,255,255,.95);border-radius:14px;display:flex;align-items:center;justify-content:center;z-index:10;text-align:center;padding:2rem}
.mudanca-confirmacao-box{max-width:300px}
.mudanca-confirmacao-box strong{font-size:18px;display:block;margin-bottom:8px;color:#111}
.mudanca-confirmacao-box p{font-size:14px;color:#666;margin-bottom:1rem}

/* Modal */
.mudanca-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000;align-items:center;justify-content:center;padding:16px}
.mudanca-modal-overlay.aberto{display:flex}
.mudanca-modal-box{background:#fff;border-radius:14px;width:100%;max-width:700px;max-height:92vh;overflow-y:auto;padding:28px 28px 20px;position:relative;animation:mudanca-slide-in .2s ease}
@keyframes mudanca-slide-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.mudanca-modal-fechar{position:absolute;top:14px;right:16px;background:#f0f0f0;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;line-height:1}
.mudanca-modal-fechar:hover{background:#e0e0e0}

/* Botões flutuantes */
.mudanca-float-wrap{position:fixed;display:flex;flex-direction:column;gap:10px;z-index:9999}
.mudanca-float-btn{display:flex;align-items:center;gap:10px;padding:0 18px 0 14px;height:50px;border-radius:99px;border:none;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:transform .15s,box-shadow .15s;text-decoration:none;white-space:nowrap;font-family:inherit}
.mudanca-float-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.mudanca-float-btn:active{transform:scale(0.97)}
.mudanca-float-orcamento{background:var(--mudanca-cor);color:#fff}
.mudanca-float-wpp{background:#25D366;color:#fff}
.mudanca-float-label{display:inline}

/* Pulso nos botões */
@keyframes mudanca-pulso{0%,100%{box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 0 rgba(29,158,117,.4)}50%{box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 10px rgba(29,158,117,0)}}
.mudanca-float-orcamento{animation:mudanca-pulso 2.5s infinite}
@keyframes mudanca-pulso-wpp{0%,100%{box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 0 rgba(37,211,102,.4)}50%{box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 10px rgba(37,211,102,0)}}
.mudanca-float-wpp{animation:mudanca-pulso-wpp 2.5s infinite 1.2s}
.mudanca-float-btn:hover{animation:none}

@media(max-width:480px){
  .mudanca-float-label{display:none}
  .mudanca-float-btn{width:50px;height:50px;padding:0;justify-content:center;border-radius:50%}
  .mudanca-modal-box{padding:20px 16px 16px}
}