:root{
--agua-container-bg:#fff;
--agua-container-shadow:0 8px 25px rgba(0,0,0,0.1);
--agua-label-color:#343a40;
--agua-input-border:#e9ecef;
--agua-input-bg:#f8f9fa;
--agua-input-color:#343a40;
--agua-input-focus-border:#00a651;
--agua-input-focus-shadow:rgba(0,166,81,0.1);
--agua-input-placeholder:#6c757d;
--agua-button-bg:linear-gradient(135deg,#00a651,#0072bc);
--agua-button-color:#fff;
--agua-button-hover-shadow:rgba(0,166,81,0.2);
--agua-resultado-card-bg:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);
--agua-resultado-card-border:rgba(0,0,0,0.08);
--agua-resultado-icon-bg:linear-gradient(135deg,#00a651,#0072bc);
--agua-resultado-icon-color:#fff;
--agua-resultado-icon-shadow:rgba(0,166,81,0.2);
--agua-resultado-valor-color:#00a651;
--agua-resultado-valor-shadow:rgba(0,0,0,0.1);
--agua-resultado-texto-color:#343a40;
--agua-resultado-dicas-bg:#fff;
--agua-resultado-dicas-border:#e9ecef;
--agua-resultado-dicas-title-color:#343a40;
--agua-resultado-dicas-title-icon:#0072bc;
--agua-resultado-dicas-item-color:#6c757d;
--agua-resultado-dicas-item-border:#f8f9fa;
--agua-visual-bg:rgba(0,166,81,0.05);
--agua-copo-extra-color:#6c757d;
--agua-copo-extra-bg:rgba(108,117,125,0.1);
}
[data-theme="dark"]{
--agua-container-bg:#2d2d2d;
--agua-container-shadow:0 8px 25px rgba(0,0,0,0.4);
--agua-label-color:#e9ecef;
--agua-input-border:#495057;
--agua-input-bg:#1a1a1a;
--agua-input-color:#e9ecef;
--agua-input-focus-border:#10b981;
--agua-input-focus-shadow:rgba(16,185,129,0.1);
--agua-input-placeholder:#adb5bd;
--agua-button-bg:linear-gradient(135deg,#10b981,#3b82f6);
--agua-button-color:#fff;
--agua-button-hover-shadow:rgba(16,185,129,0.2);
--agua-resultado-card-bg:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);
--agua-resultado-card-border:rgba(255,255,255,0.1);
--agua-resultado-icon-bg:linear-gradient(135deg,#10b981,#3b82f6);
--agua-resultado-icon-color:#fff;
--agua-resultado-icon-shadow:rgba(16,185,129,0.2);
--agua-resultado-valor-color:#4ade80;
--agua-resultado-valor-shadow:rgba(0,0,0,0.3);
--agua-resultado-texto-color:#e9ecef;
--agua-resultado-dicas-bg:#1a1a1a;
--agua-resultado-dicas-border:#495057;
--agua-resultado-dicas-title-color:#e9ecef;
--agua-resultado-dicas-title-icon:#60a5fa;
--agua-resultado-dicas-item-color:#adb5bd;
--agua-resultado-dicas-item-border:#495057;
--agua-visual-bg:rgba(16,185,129,0.1);
--agua-copo-extra-color:#adb5bd;
--agua-copo-extra-bg:rgba(107,114,128,0.1);
}
.calculadora-agua-container{max-width:600px;margin:0 auto;background:var(--agua-container-bg);border-radius:12px;box-shadow:var(--agua-container-shadow);overflow:hidden;position:relative;}
.calculadora-agua-content{padding:2rem;}
.calculadora-agua-form{display:grid;gap:1.5rem;margin-bottom:2rem;}
.calculadora-agua-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.calculadora-agua-field{display:flex;flex-direction:column;gap:0.5rem;}
.calculadora-agua-label{font-weight:600;color:var(--agua-label-color);font-size:1rem;}
.calculadora-agua-input{padding:0.875rem 1rem;border:2px solid var(--agua-input-border);border-radius:8px;font-size:1rem;transition:all 0.3s ease;background:var(--agua-input-bg);color:var(--agua-input-color);}
.calculadora-agua-input:focus{outline:none;border-color:var(--agua-input-focus-border);background:var(--agua-container-bg);box-shadow:0 0 0 3px var(--agua-input-focus-shadow);}
.calculadora-agua-input::placeholder{color:var(--agua-input-placeholder);}
.calculadora-agua-button{width:100%;text-align:center;}
.calculadora-agua-resultado{margin-top:2rem;padding:0;display:none;animation:slideInUp .4s ease-out;}
.calculadora-agua-resultado.show{display:block;}
@keyframes slideInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.calculadora-agua-resultado-card{background:var(--agua-resultado-card-bg);border-radius:12px;padding:2rem;border:1px solid var(--agua-resultado-card-border);position:relative;overflow:hidden;text-align:center;}
.calculadora-agua-resultado-icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:var(--agua-resultado-icon-bg);color:var(--agua-resultado-icon-color);box-shadow:0 4px 15px var(--agua-resultado-icon-shadow);}
.calculadora-agua-resultado-icon svg{width:40px;height:40px;}
.calculadora-agua-resultado-valor{font-size:2.5rem;font-weight:700;color:var(--agua-resultado-valor-color);margin-bottom:0.5rem;text-shadow:0 2px 4px var(--agua-resultado-valor-shadow);}
.calculadora-agua-resultado-texto{font-size:1.1rem;color:var(--agua-resultado-texto-color);margin-bottom:1.5rem;}
.calculadora-agua-resultado-dicas{background:var(--agua-resultado-dicas-bg);border-radius:8px;padding:1.5rem;border:1px solid var(--agua-resultado-dicas-border);margin-top:1.5rem;text-align:left;}
.calculadora-agua-resultado-dicas-title{font-size:1.1rem;font-weight:600;color:var(--agua-resultado-dicas-title-color);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;}
.calculadora-agua-resultado-dicas-title svg{width:20px;height:20px;color:var(--agua-resultado-dicas-title-icon);}
.calculadora-agua-resultado-dicas-list{list-style:none;padding:0;margin:0;}
.calculadora-agua-resultado-dicas-item{padding:0.5rem 0;border-bottom:1px solid var(--agua-resultado-dicas-item-border);color:var(--agua-resultado-dicas-item-color);font-size:.95rem;line-height:1.4;}
.calculadora-agua-resultado-dicas-item:last-child{border-bottom:none;}
.calculadora-agua-copy-btn{display:inline-flex;align-items:center;gap:0.5rem;border:none;margin-top:1rem;}
.calculadora-agua-copy-btn svg{width:16px;height:16px;flex-shrink:0;color:currentColor;}
.calculadora-agua-visual{display:flex;justify-content:center;align-items:flex-end;gap:0.5rem;margin:1.5rem 0;padding:1rem;background:var(--agua-visual-bg);border-radius:8px;}
.calculadora-agua-copo{width:30px;height:40px;background:linear-gradient(180deg,#b3e0ff 0%,#4fc3f7 60%,#1976d2 100%);border-radius:4px 4px 8px 8px;position:relative;animation:fillCup 1s ease-out;}
@keyframes fillCup{from{transform:scaleY(0);}to{transform:scaleY(1);}}
.calculadora-agua-copo::after{content:'';position:absolute;top:-4px;left:-2px;right:-2px;height:8px;background:rgba(255,255,255,0.8);border-radius:50%;}
.calculadora-agua-copo-extra{display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--agua-copo-extra-color);background:var(--agua-copo-extra-bg);border-radius:8px;padding:0.5rem;margin-left:0.5rem;}
@media (max-width:768px){
.calculadora-agua-container{margin:0 1rem;}
.calculadora-agua-content{padding:1.5rem;}
.calculadora-agua-form-row{grid-template-columns:1fr;}
.calculadora-agua-resultado-valor{font-size:2rem;}
.calculadora-agua-resultado-card{padding:1.5rem;}
.calculadora-agua-resultado-icon{width:60px;height:60px;margin-bottom:1rem;}
.calculadora-agua-resultado-icon svg{width:30px;height:30px;}
}
@media (max-width:576px){
.calculadora-agua-content{padding:1rem;}
.calculadora-agua-form{gap:1rem;}
.calculadora-agua-form-row{gap:0.75rem;}
.calculadora-agua-button{font-size:1rem;}
.calculadora-agua-copy-btn{font-size:0.875rem;}
.calculadora-agua-resultado-valor{font-size:1.8rem;}
.calculadora-agua-visual{gap:0.25rem;}
.calculadora-agua-copo{width:25px;height:35px;}
.calculadora-agua-resultado-dicas{padding:1rem;}
}
.calculadora-agua-copy-btn-container{text-align:center;margin-bottom:1rem;}