.clc{
  background: var(--sur);
  border: 1px solid var(--bdr2);
  border-radius: 14px;
  padding: 1.5rem;
  max-width: 760px;
  margin: 0 auto;
  box-shadow: var(--s1);
  text-align: left;
}

.clc__titulo{
  margin: 0 0 .3rem;
  font-size: 1.12rem;
  font-weight: 650;
  letter-spacing: -.01em;
  color: var(--tx1);
}
.clc__sub{
  margin: 0 0 1.25rem;
  font-size: .89rem;
  line-height: 1.55;
  color: var(--tx3);
}

.clc__grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .9rem 1rem;
}
.clc__campo{
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: .35rem;
  min-width: 0;
}
.clc__campo label{
  font-size: .82rem;
  font-weight: 600;
  color: var(--tx2);
  display: flex; align-items: baseline; gap: .3rem; flex-wrap: wrap;
  align-content: end;      
}
.clc__campo label small{ font-weight: 400; color: var(--tx3); font-size: .76rem; }

@supports not (grid-template-rows: subgrid){
  .clc__campo{ display: flex; flex-direction: column; }
  .clc__campo label{ min-height: 2.9em; }
}

.clc__campo input,
.clc__campo select{
  width: 100%;
  min-height: 44px;                
  padding: .55rem .75rem;
  border: 1px solid var(--bdr);
  border-radius: 9px;
  background: var(--bg);
  color: var(--tx1);
  font: inherit;
  font-size: 1rem;
}
.clc__campo input:focus,
.clc__campo select:focus{
  outline: none;
  border-color: var(--cl);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cl) 22%, transparent);
}
.clc__campo input::placeholder{ color: var(--tx4); }

.clc__erro{
  margin: .9rem 0 0;
  padding: .6rem .8rem;
  border: 1px solid var(--avc, #E0B15C);
  background: var(--avb, #FEF3DC);
  color: var(--av, #9E5500);
  border-radius: 9px;
  font-size: .85rem;
  line-height: 1.5;
}

.clc__saida{
  margin: 1.25rem 0 0;
  padding: 1.1rem 1.2rem;
  border-radius: 11px;
  background: var(--clx);
  border: 1px solid rgba(28,124,78,.22);
}
.clc__saida--vazia{
  background: var(--sur2);
  border-color: var(--bdr2);
  color: var(--tx3);
  font-size: .88rem;
  text-align: center;
}
.clc__num{
  display: flex; align-items: baseline; gap: .45rem; flex-wrap: wrap;
  font-size: 2rem; font-weight: 700; letter-spacing: -.03em;
  color: var(--cla); line-height: 1.05;
}
.clc__num span{ font-size: .95rem; font-weight: 600; color: var(--tx2); letter-spacing: 0; }
.clc__linha{
  margin: .55rem 0 0;
  font-size: .87rem; line-height: 1.55; color: var(--tx2);
}
.clc__conta{
  margin: .7rem 0 0; padding-top: .7rem;
  border-top: 1px solid rgba(28,124,78,.18);
  font-size: .81rem; line-height: 1.6; color: var(--tx3);
}
.clc__conta b{ color: var(--tx2); font-weight: 600; }

.clc__nota{
  margin: .7rem 0 0; padding: .55rem .7rem;
  background: var(--sur); border: 1px solid var(--bdr2);
  border-radius: 8px; font-size: .82rem; line-height: 1.5; color: var(--tx2);
}

.clc__pe{
  margin: 1rem 0 0; font-size: .8rem; line-height: 1.55; color: var(--tx3);
}
.clc__pe a{ color: var(--cla); }

@media print{
  .clc{ box-shadow: none; }
  .clc__grid{ display: none; }
}

@media (max-width: 560px){
  .clc{ padding: 1.15rem; border-radius: 12px; }
  .clc__num{ font-size: 1.7rem; }
}

.clc__acoes{
  margin: 1.1rem 0 0;
  display: flex; flex-direction: column; align-items: center; gap: .55rem;
  text-align: center;
}
.clc__acoes .lp-btn{ min-height: 44px; }
.clc__dica{
  margin: 0; font-size: .78rem; line-height: 1.5; color: var(--tx3);
}

.clc__proximo{
  margin: 1.25rem 0 0;
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--bdr2);
  border-radius: 12px;
  background: var(--sur2);
}
.clc__proximo p{ margin: 0; }
.clc__proximo-txt{
  font-size: .89rem; line-height: 1.6; color: var(--tx2);
}
.clc__proximo-txt strong{ color: var(--tx1); font-weight: 650; }
.clc__proximo .lp-btn{ margin: .9rem auto 0; min-height: 44px; display: inline-flex; }
.clc__proximo-acao{ text-align: center; }
.clc__proximo-outras{
  margin: .9rem 0 0 !important;
  padding-top: .8rem;
  border-top: 1px solid var(--bdr2);
  font-size: .82rem; line-height: 1.7; color: var(--tx3);
}
.clc__proximo-outras a{
  color: var(--cla);
  text-decoration: underline;
  text-underline-offset: .18em;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, var(--cl) 38%, transparent);
}
.clc__proximo-outras a:hover{ text-decoration-color: var(--cl); }

@media print{ .clc__acoes, .clc__proximo{ display: none; } }

@media (max-width: 560px){
  .clc__acoes .lp-btn{ width: 100%; justify-content: center; }
  .clc__proximo{ padding: 1rem; }
  .clc__proximo .lp-btn{ width: 100%; justify-content: center; }
}

.post-calc-wrap{
  margin: 2rem 0;
  padding: 1.35rem;
  border: 1px solid var(--bdr2);
  border-radius: 14px;
  background: var(--sur);
}
.post-calc-wrap__tit{
  margin: 0 0 .25rem;
  font-size: 1.08rem; font-weight: 650; letter-spacing: -.01em; color: var(--tx1);
}
.post-calc-wrap__sub{
  margin: 0 0 1.1rem; font-size: .86rem; line-height: 1.5; color: var(--tx3);
}
.post-calc-wrap .clc{ background: none; border: 0; padding: 0; box-shadow: none; max-width: none; }
.post-calc-wrap .clc__titulo, .post-calc-wrap .clc__sub{ display: none; }
.post-calc-wrap .clc__proximo{ display: none; }
.post-calc-wrap .post-calc{ margin: 0; }
@media print{ .post-calc-wrap{ display: none; } }
@media (max-width: 560px){ .post-calc-wrap{ padding: 1rem; margin-inline: -.25rem; } }