.calc {
  max-width: var(--measure, 68ch);
  margin-inline: auto;
  padding: clamp(1.25rem, 4vw, 2rem);
  background: var(--paper, #fff);
  border: 1px solid var(--line, #CBD5DF);
  border-radius: var(--radius-lg, 16px);
  box-shadow: var(--shadow-2, 0 1px 2px rgba(0, 0, 0, .05));
  color: var(--ink, #14202E);
}
.calc-titulo { margin-top: 0; }
.calc-intro { color: var(--muted, #4B5767); }
.calc-form { display: none; }
.js .calc-form { display: block; }
.calc fieldset { border: 0; margin: 0 0 1.25rem; padding: 0; min-width: 0; }
.calc legend { font-weight: 600; margin-bottom: .5rem; padding: 0; }
.calc-opcion { display: flex; gap: .5rem; align-items: flex-start; padding: .35rem 0; cursor: pointer; }
.calc-opcion input { margin-top: .25rem; accent-color: var(--link); }
.calc-ayuda { font-size: .925rem; color: var(--muted, #4B5767); margin: 0 0 .75rem; }
.calc-campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.calc-campo { display: flex; flex-direction: column; justify-content: flex-end; gap: .25rem; }
.calc-campo label { font-size: .925rem; }
.calc-campo input {
  font: inherit;
  width: 100%;
  min-height: 2.75rem;
  padding: .5rem .75rem;
  border: 1px solid var(--field, #66727F);
  border-radius: var(--radius, 6px);
  background: #fff;
  color: var(--ink, #14202E);
}
.calc-campo input:focus-visible { outline: 3px solid var(--link); outline-offset: 1px; }
.calc-campo input[aria-invalid="true"] { border-color: var(--error, #A4262C); box-shadow: 0 0 0 1px var(--error, #A4262C); }
.calc-boton { width: 100%; }
.calc-resultado:empty { display: none; }
.calc-resultado { margin-top: 1.5rem; }
.calc-principal { font-size: 1.15rem; font-weight: 600; margin-top: 0; }
.calc-error { color: var(--error, #A4262C); font-weight: 600; margin: 0; }
.calc-tabla { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #fff; font-variant-numeric: tabular-nums; }
.calc-tabla caption { text-align: left; font-size: .925rem; color: var(--muted, #4B5767); padding-bottom: .4rem; }
.calc-tabla th, .calc-tabla td { padding: .45rem .6rem; border-bottom: 1px solid var(--line, #CBD5DF); text-align: left; }
.calc-tabla thead th { font-size: .875rem; color: var(--muted, #4B5767); }
.calc-nota { margin: 0 0 1rem; }
.calc-aviso { font-size: .875rem; color: var(--muted, #4B5767); }
.calc-cta { width: 100%; }
@media (min-width: 40em) {
  .calc-campos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .calc-campos-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .calc-boton, .calc-cta { width: auto; }
}