:root{
--calc-fuel-bg-light:#fff;
--calc-fuel-text-light:#343a40;
--calc-fuel-text-secondary-light:#6c757d;
--calc-fuel-header-bg:linear-gradient(135deg,#f8f9fa,#e9ecef);
--calc-fuel-border-light:#e9ecef;
--calc-fuel-input-bg-light:#f8f9fa;
--calc-fuel-success-light:#d4edda;
--calc-fuel-success-light-border:#c3e6cb;
--calc-fuel-success-text-light:#155724;
--calc-fuel-danger-light:#f8d7da;
--calc-fuel-danger-light-border:#f5c6cb;
--calc-fuel-danger-text-light:#721c24;
--calc-fuel-warning-light:#fff3cd;
--calc-fuel-warning-light-border:#ffeeba;
--calc-fuel-warning-text-light:#856404;
}
[data-theme="dark"]{
--calc-fuel-bg-light:#2d2d2d;
--calc-fuel-text-light:#e9ecef;
--calc-fuel-text-secondary-light:#adb5bd;
--calc-fuel-header-bg:linear-gradient(135deg,#1a1a1a,#495057);
--calc-fuel-border-light:#495057;
--calc-fuel-input-bg-light:#1a1a1a;
--calc-fuel-success-light:#1e4d3d;
--calc-fuel-success-light-border:#2d6a54;
--calc-fuel-success-text-light:#a8e6d3;
--calc-fuel-danger-light:#5c2a2a;
--calc-fuel-danger-light-border:#8b4a4a;
--calc-fuel-danger-text-light:#ff9999;
--calc-fuel-warning-light:#664400;
--calc-fuel-warning-light-border:#995500;
--calc-fuel-warning-text-light:#ffc966;
}
.calculadora-combustivel-container{background:var(--calc-fuel-bg-light);border-radius:1rem;box-shadow:var(--box-shadow);padding:2rem;margin:1.5rem auto;max-width:500px;transition:all 0.3s ease;overflow:hidden;position:relative;border:2px solid transparent;}
.calculadora-combustivel-container:hover{box-shadow:0 8px 25px rgba(0,0,0,0.1);transform:translateY(-2px);}
.fuel-type-header{text-align:center;margin-bottom:2rem;padding:1rem;background:var(--calc-fuel-header-bg);border-radius:0.5rem;}
.fuel-type-header h2{color:var(--calc-fuel-text-light);font-size:1.5rem;margin-bottom:0.5rem;font-weight:600;}
.fuel-type-header p{color:var(--calc-fuel-text-secondary-light);font-size:0.9rem;margin:0;}
.calculadora-combustivel-inputs{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;}
.input-group{position:relative;display:flex;flex-direction:column;}
.input-group label{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;font-weight:600;color:var(--calc-fuel-text-light);font-size:0.9rem;}
.fuel-icon{width:20px;height:20px;fill:currentColor;}
.gasoline-label{color:#dc3545;}
.ethanol-label{color:#28a745;}
.calculadora-combustivel-inputs input{width:100%;padding:1rem;font-size:1.1rem;border:2px solid var(--calc-fuel-border-light);border-radius:0.5rem;background-color:var(--calc-fuel-bg-light);color:var(--calc-fuel-text-light);transition:all 0.3s ease;font-family:inherit;box-sizing:border-box;font-weight:500;}
.calculadora-combustivel-inputs input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px rgba(0,166,81,0.1);transform:translateY(-1px);background-color:var(--calc-fuel-input-bg-light);}
.calculadora-combustivel-inputs input:hover{border-color:var(--primary-blue);background-color:var(--calc-fuel-input-bg-light);}
.calculadora-combustivel-inputs input::placeholder{color:var(--calc-fuel-text-secondary-light);font-weight:400;}
.calculate-btn{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:0.5rem;cursor:pointer;transition:all 0.3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-shadow:0 4px 15px rgba(0,166,81,0.3);}
.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,166,81,0.4);background:linear-gradient(135deg,var(--dark-green),var(--dark-blue));}
.calculate-btn:active{transform:translateY(0);}
.calculate-btn svg{width:20px;height:20px;}
.calculadora-combustivel-resultado{background:var(--calc-fuel-header-bg);padding:1.5rem;border-radius:0.5rem;margin-top:0;border-left:4px solid var(--primary-green);font-size:1rem;line-height:1.6;color:var(--calc-fuel-text-light);min-height:60px;opacity:0;transform:translateY(20px);transition:all 0.5s ease;display:none;}
.calculadora-combustivel-resultado.show{opacity:1;transform:translateY(0);display:block;margin-top:1.5rem;}
.calculadora-combustivel-resultado.vantagem-etanol{background:linear-gradient(135deg,var(--calc-fuel-success-light),var(--calc-fuel-success-light-border));border-left-color:var(--success);color:var(--calc-fuel-success-text-light);}
.calculadora-combustivel-resultado.vantagem-gasolina{background:linear-gradient(135deg,var(--calc-fuel-danger-light),var(--calc-fuel-danger-light-border));border-left-color:var(--danger);color:var(--calc-fuel-danger-text-light);}
.calculadora-combustivel-resultado.neutro{background:linear-gradient(135deg,var(--calc-fuel-warning-light),var(--calc-fuel-warning-light-border));border-left-color:var(--warning);color:var(--calc-fuel-warning-text-light);}
.resultado-header{display:flex;justify-content:center;margin-bottom:1rem;}
.resultado-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.3);}
.resultado-icon svg{width:24px;height:24px;}
.resultado-content{text-align:center;}
.resultado-line{display:block;margin-bottom:0.75rem;padding:0.5rem 0;}
.resultado-line:last-child{margin-bottom:0;}
.resultado-line.aviso{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:1rem;padding:0.75rem;background:rgba(255,255,255,0.5);border-radius:0.25rem;font-style:italic;font-size:0.9rem;}
[data-theme="dark"] .resultado-line.aviso{background:rgba(0,0,0,0.3);}
.resultado-line.aviso svg{width:16px;height:16px;flex-shrink:0;}
/* Responsividade */
@media (max-width:768px){
.calculadora-combustivel-container{margin:1rem;padding:1.5rem;max-width:none;}
.fuel-type-header h2{font-size:1.3rem;}
.calculadora-combustivel-inputs{gap:1.25rem;}
.calculadora-combustivel-inputs input{padding:0.875rem;font-size:1rem;}
.calculate-btn{padding:0.875rem 1.5rem;font-size:1rem;}
.price-comparison{grid-template-columns:1fr;gap:0.75rem;}
.vs-divider{width:30px;height:30px;font-size:1rem;margin:0 auto;}
}
@media (max-width:480px){
.calculadora-combustivel-container{margin:0.5rem;padding:1rem;}
.fuel-type-header{padding:0.75rem;margin-bottom:1.5rem;}
.fuel-type-header h2{font-size:1.2rem;}
.calculadora-combustivel-inputs{gap:1rem;}
.calculadora-combustivel-inputs input{padding:0.75rem;font-size:0.95rem;}
.calculate-btn{padding:0.75rem 1rem;font-size:0.95rem;}
.calculadora-combustivel-resultado{padding:1rem;font-size:0.9rem;}
}
/* Animações de entrada */
.calculadora-combustivel-container>*{animation:slideInFromBottom 0.5s ease-out;}
@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
/* Indicador de campos obrigatórios */
.input-group.required label::after{content:' *';color:var(--danger);font-weight:bold;}
/* Estados de validação */
.calculadora-combustivel-inputs input.valid{border-color:var(--success);background-color:var(--calc-fuel-input-bg-light);}
.calculadora-combustivel-inputs input.invalid{border-color:var(--danger);background-color:var(--calc-fuel-input-bg-light);}