:root{
--simulador-container-bg:#fff;
--simulador-container-border:#e1e5e9;
--simulador-label-color:#2c3e50;
--simulador-input-bg:#fff;
--simulador-input-border:#e1e5e9;
--simulador-input-color:#2c3e50;
--simulador-input-focus-border:#00a651;
--simulador-input-focus-shadow:rgba(0,166,81,0.1);
--simulador-resultado-bg:#f8f9fa;
--simulador-resultado-border:#e1e5e9;
--simulador-sucesso-bg:linear-gradient(135deg,#d4edda,#c3e6cb);
--simulador-sucesso-border:#28a745;
--simulador-sucesso-color:#155724;
--simulador-detalhe-bg:rgba(255,255,255,0.7);
--simulador-detalhe-hover-bg:rgba(255,255,255,0.9);
--simulador-fonte-color:#155724;
--simulador-fonte-opacity:0.7;
}
[data-theme="dark"]{
--simulador-container-bg:#2d2d2d;
--simulador-container-border:#495057;
--simulador-label-color:#e9ecef;
--simulador-input-bg:#1a1a1a;
--simulador-input-border:#495057;
--simulador-input-color:#e9ecef;
--simulador-input-focus-border:#34d399;
--simulador-input-focus-shadow:rgba(52,211,153,0.1);
--simulador-resultado-bg:#1a1a1a;
--simulador-resultado-border:#495057;
--simulador-sucesso-bg:linear-gradient(135deg,#065f46,#047857);
--simulador-sucesso-border:#10b981;
--simulador-sucesso-color:#d1fae5;
--simulador-detalhe-bg:rgba(45,45,45,0.7);
--simulador-detalhe-hover-bg:rgba(45,45,45,0.9);
--simulador-fonte-color:#d1fae5;
--simulador-fonte-opacity:0.6;
}
.simulador-milhao-container{max-width:600px;margin:2rem auto;background:var(--simulador-container-bg);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:2rem;border:1px solid var(--simulador-container-border);overflow:hidden;position:relative;}
.simulador-milhao-campos{display:grid;gap:1.5rem;margin-bottom:2rem;}
.input-group{display:flex;flex-direction:column;}
.input-group label{font-weight:600;color:var(--simulador-label-color);margin-bottom:0.5rem;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px;}
.input-wrapper{display:flex;align-items:center;gap:0.5rem;}
.simulador-milhao-campos input,.simulador-milhao-campos select{padding:1rem;font-size:1rem;border:2px solid var(--simulador-input-border);border-radius:8px;background:var(--simulador-input-bg);color:var(--simulador-input-color);transition:all 0.3s ease;outline:none;width:100%;}
.simulador-milhao-campos input:focus,.simulador-milhao-campos select:focus{border-color:var(--simulador-input-focus-border);box-shadow:0 0 0 3px var(--simulador-input-focus-shadow);transform:translateY(-1px);}
.simulador-milhao-campos input:hover,.simulador-milhao-campos select:hover{border-color:var(--simulador-input-focus-border);}
.input-wrapper select{width:auto;min-width:100px;flex-shrink:0;}
.simulador-milhao-botoes{display:flex;gap:1rem;margin-bottom:2rem;}
.simulador-milhao-btn-calcular,.simulador-milhao-btn-limpar{flex:1;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 1.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:0.5px;border-radius:8px;}
.simulador-milhao-resultados{background:var(--simulador-resultado-bg);border-radius:8px;padding:1.5rem;min-height:80px;display:none;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--simulador-resultado-border);transition:all 0.3s ease;margin-bottom:2rem;}
.resultados-placeholder{text-align:center;color:#6c757d;display:flex;flex-direction:column;align-items:center;gap:0.5rem;}
.resultados-placeholder svg{width:48px;height:48px;opacity:0.5;fill:#6c757d;}
.resultados-sucesso{background:var(--simulador-sucesso-bg);border-color:var(--simulador-sucesso-border);color:var(--simulador-sucesso-color);box-shadow:0 4px 15px rgba(40,167,69,0.15);}
[data-theme="dark"] .resultados-sucesso{box-shadow:0 4px 15px rgba(16,185,129,0.15);}
.resultado-principal{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px dashed rgba(21,87,36,0.2);width:100%;color:var(--simulador-sucesso-color);display:flex;align-items:center;justify-content:center;gap:0.5rem;}
[data-theme="dark"] .resultado-principal{border-bottom-color:rgba(209,250,229,0.2);}
.resultado-principal svg{width:24px;height:24px;fill:var(--simulador-sucesso-color);}
.resultado-detalhes{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;font-size:0.9rem;width:100%;}
.detalhe-item{text-align:center;padding:1rem;background:var(--simulador-detalhe-bg);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:transform 0.2s ease;}
[data-theme="dark"] .detalhe-item{box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.detalhe-item:hover{transform:translateY(-2px);background:var(--simulador-detalhe-hover-bg);}
.detalhe-label{font-weight:600;display:block;margin-bottom:0.5rem;text-transform:uppercase;font-size:0.8rem;letter-spacing:0.5px;color:var(--simulador-sucesso-color);opacity:0.8;text-align:center;}
.detalhe-valor{font-size:1.1rem;font-weight:700;color:var(--simulador-sucesso-color);}
.resultado-fonte{margin-top:1rem;font-size:0.8rem;color:var(--simulador-fonte-color);opacity:var(--simulador-fonte-opacity);text-align:center;}
.btn-copy{margin-top:1.5rem;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:0.5rem;cursor:pointer;transition:all 0.2s ease;justify-content:center;}
.copy-success{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(40,167,69,0.9);color:#fff;padding:10px 20px;border-radius:5px;z-index:1000;display:none;animation:fadeInOut 2s ease;}
@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px);}20%{opacity:1;transform:translate(-50%,0);}80%{opacity:1;transform:translate(-50%,0);}100%{opacity:0;transform:translate(-50%,-20px);}}
.btn-loading{position:relative;color:transparent!important;}
.btn-loading::after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;}
@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg);}100%{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.resultados-sucesso.show{animation:fadeInUp 0.3s ease forwards;}
@media (max-width:768px){
.simulador-milhao-container{margin:1rem auto;padding:1.5rem;}
.simulador-milhao-botoes{flex-direction:column;}
.resultado-detalhes{grid-template-columns:1fr;}
.resultado-principal{font-size:1.4rem;}
.input-wrapper{flex-direction:column;gap:0.5rem;}
.input-wrapper select{width:100%;min-width:auto;}
}
@media (max-width:480px){
.simulador-milhao-container{padding:1rem;margin:0.5rem auto;}
.simulador-milhao-campos input,.simulador-milhao-campos select{padding:0.75rem;font-size:0.9rem;}
.simulador-milhao-btn-calcular,.simulador-milhao-btn-limpar{padding:0.75rem 1rem;font-size:0.9rem;}
.resultado-principal{font-size:1.2rem;}
}