/* Calculadora de caixa de gordura. Usa os controles dg- de diagnostico.css e acrescenta só o que é próprio (cgcalc-). */
.cgcalc-campo{margin-bottom:18px}
.cgcalc-campo label{display:block;margin-bottom:7px;font-weight:800;color:var(--marinho);font-size:.95rem}
.cgcalc-campo input{width:100%;max-width:260px;min-height:50px;padding:0 14px;border:1.5px solid var(--borda);border-radius:12px;background:var(--gelo);color:var(--texto);font:600 1rem var(--fonte)}
.cgcalc-campo input:focus{outline:3px solid var(--azul-claro);outline-offset:1px}
.cgcalc-campo small{display:block;margin-top:5px;color:var(--cinza);font-size:.82rem}
.cgcalc-barra{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:14px}
.cgcalc-barra span{padding:7px 4px;border-radius:8px;background:var(--gelo-2);color:var(--cinza);text-align:center;font-size:.8rem;font-weight:700}
.cgcalc-barra span.on:nth-child(1){background:#16A34A;color:#fff}
.cgcalc-barra span.on:nth-child(2){background:#E0A100;color:#2B2000}
.cgcalc-barra span.on:nth-child(3){background:var(--vermelho-2);color:#fff}
.cgcalc-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.cgcalc-num>div{display:grid;gap:2px;align-content:start;padding:14px;border:1px solid var(--borda);border-radius:12px;background:var(--gelo)}
.cgcalc-num small{color:var(--cinza);font-size:.8rem;font-weight:700}
.cgcalc-num b{color:var(--marinho);font-size:1.5rem;line-height:1.15}
.cgcalc-num b.cgcalc-menor{font-size:1rem;line-height:1.3}
.cgcalc-num span{color:var(--cinza);font-size:.78rem;line-height:1.3}
.cgcalc-conf{font-size:.9rem;line-height:1.45}
@media (max-width:620px){.cgcalc-num{grid-template-columns:1fr}}
@media print{.topbar,header.site,footer.site,.wa-float,.barra-wa,.hero-servico,.dg-texto,section.gmb,.faixa-cta,.cgcalc-acoes,.gotas,#cgcalc>.dg-res>a.btn{display:none!important}.dg-app{border:0;box-shadow:none;padding:0;min-height:0}section{padding:0}}