.calculadora-porcentagem-container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:800px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;box-shadow:0 20px 40px rgb(0 0 0 / .1);color:#333;position:relative;overflow:hidden}.calculadora-porcentagem-container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .1) 0%,transparent 70%);animation:float 6s ease-in-out infinite;pointer-events:none}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.tema-claro{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.tema-claro .calc-header,.tema-claro .calc-content,.tema-claro .calc-historico{background:rgb(255 255 255 / .95);backdrop-filter:blur(10px)}.tema-escuro{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)}.tema-escuro .calc-header,.tema-escuro .calc-content,.tema-escuro .calc-historico{background:rgb(44 62 80 / .95);backdrop-filter:blur(10px);color:#ecf0f1}.calc-header{text-align:center;padding:30px 20px;border-radius:15px;margin-bottom:20px;position:relative;z-index:1}.calc-titulo{font-size:2.2em;font-weight:700;margin:0 0 10px 0;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;text-shadow:0 2px 4px rgb(0 0 0 / .1)}.calc-subtitulo{font-size:1.1em;color:#666;margin:0;opacity:.8}.tema-escuro .calc-subtitulo{color:#bdc3c7}.calc-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center}.calc-tab{background:rgb(255 255 255 / .2);border:none;padding:12px 20px;border-radius:25px;cursor:pointer;font-weight:600;color:#fff;transition:all 0.3s ease;backdrop-filter:blur(10px);font-size:.9em;position:relative;overflow:hidden}.calc-tab::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s}.calc-tab:hover::before{left:100%}.calc-tab:hover{background:rgb(255 255 255 / .3);transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.calc-tab.active{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 5px 15px rgb(102 126 234 / .4);transform:translateY(-2px)}.calc-content{background:rgb(255 255 255 / .95);border-radius:15px;padding:30px;margin-bottom:20px;position:relative;z-index:1;backdrop-filter:blur(10px)}.calc-tab-content{display:none;animation:fadeIn 0.5s ease-in-out}.calc-tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calc-tab-content h4{color:#667eea;font-size:1.4em;margin-bottom:20px;text-align:center;font-weight:600}.calc-form{margin-bottom:30px}.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}@media (max-width:600px){.calc-row{grid-template-columns:1fr;gap:15px}}.calc-field{display:flex;flex-direction:column}.calc-field label{font-weight:600;margin-bottom:8px;color:#555;font-size:.95em}.tema-escuro .calc-field label{color:#bdc3c7}.input-group{display:flex;align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:12px;overflow:hidden;transition:all 0.3s ease;position:relative}.input-group:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgb(102 126 234 / .1);transform:translateY(-1px)}.input-group input{flex:1;border:none;padding:15px;font-size:1.1em;outline:none;background:#fff0;color:#333}.input-group input::placeholder{color:#aaa}.input-addon{padding:15px;background:#f8f9fa;color:#667eea;font-weight:600;border-left:1px solid #e1e5e9;min-width:50px;text-align:center}.tema-escuro .input-group{background:#34495e;border-color:#4a5f7a}.tema-escuro .input-group input{color:#ecf0f1}.tema-escuro .input-addon{background:#2c3e50;color:#3498db;border-left-color:#4a5f7a}.calc-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:25px}.btn-calcular,.btn-limpar,.btn-limpar-historico{padding:15px 30px;border:none;border-radius:12px;font-weight:600;font-size:1em;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;text-transform:none}.btn-calcular{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgb(102 126 234 / .3)}.btn-calcular:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4)}.btn-limpar,.btn-limpar-historico{background:#f8f9fa;color:#666;border:2px solid #e1e5e9}.btn-limpar:hover,.btn-limpar-historico:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 0 0 / .1)}.calc-resultado{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;text-align:center;font-size:1.2em;font-weight:600;margin-top:20px;box-shadow:0 4px 15px rgb(102 126 234 / .3);display:none;animation:slideIn 0.5s ease-out}.calc-resultado.show{display:block}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resultado-valor{font-size:1.5em;font-weight:700;margin:10px 0}.resultado-explicacao{font-size:.9em;opacity:.9;margin-top:10px;line-height:1.4}.calc-explicacao{background:#f8f9fa;border-left:4px solid #667eea;padding:20px;border-radius:8px;margin-top:20px}.tema-escuro .calc-explicacao{background:#2c3e50;border-left-color:#3498db}.calc-explicacao h5{color:#667eea;margin-bottom:15px;font-size:1.1em}.tema-escuro .calc-explicacao h5{color:#3498db}.calc-explicacao p{margin-bottom:15px;line-height:1.6;color:#666}.tema-escuro .calc-explicacao p{color:#bdc3c7}.formula,.exemplo{background:#fff;padding:15px;border-radius:8px;margin:10px 0;border:1px solid #e1e5e9;font-family:'Courier New',monospace}.tema-escuro .formula,.tema-escuro .exemplo{background:#34495e;border-color:#4a5f7a;color:#ecf0f1}.calc-historico{background:rgb(255 255 255 / .95);border-radius:15px;padding:25px;position:relative;z-index:1;backdrop-filter:blur(10px)}.calc-historico h4{color:#667eea;margin-bottom:20px;font-size:1.3em;text-align:center}.tema-escuro .calc-historico h4{color:#3498db}#historico-lista{max-height:200px;overflow-y:auto;margin-bottom:15px}.historico-item{background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:10px;border-left:3px solid #667eea;font-size:.9em;animation:slideInRight 0.3s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.tema-escuro .historico-item{background:#34495e;border-left-color:#3498db;color:#ecf0f1}.historico-vazio{text-align:center;color:#999;font-style:italic;padding:20px}.tema-escuro .historico-vazio{color:#7f8c8d}.btn-limpar-historico{width:100%;margin-top:10px}@media (max-width:768px){.calculadora-porcentagem-container{margin:10px;padding:15px}.calc-titulo{font-size:1.8em}.calc-tabs{flex-direction:column;align-items:center}.calc-tab{width:100%;max-width:300px}.calc-content,.calc-historico{padding:20px}.calc-buttons{flex-direction:column;align-items:center}.btn-calcular,.btn-limpar{width:100%;max-width:200px}}.loading{position:relative;overflow:hidden}.loading::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}100%{left:100%}}.tooltip{position:relative;cursor:help}.tooltip::before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:.8em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s;z-index:1000}.tooltip:hover::before{opacity:1}.calc-field:hover .input-group{border-color:#667eea;box-shadow:0 0 0 2px rgb(102 126 234 / .1)}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(102 126 234 / .4)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@media (max-width:600px){.calc-content{padding:10px!important}.calc-field,.input-group{width:100%!important;min-width:0!important;box-sizing:border-box}.input-group input,.input-addon{font-size:1em;padding:12px!important}}@media (max-width:600px){.calc-tipo-label{font-size:.92em}}