.vaa-calc{
  --vaa-ink:#1C2126; --vaa-paper:#FBFAF8; --vaa-rule:#D9D5CE; --vaa-quiet:#6B6F73;
  --vaa-s1:#5A6B72; --vaa-s2:#A8802C; --vaa-s3:#A1502C; --vaa-s4:#6E1F1F;
  font:inherit; color:var(--vaa-ink); background:var(--vaa-paper);
  border:1px solid var(--vaa-rule); border-radius:2px;
  padding:1.75rem 1.5rem; margin:2rem 0; max-width:44rem;
}
.vaa-calc *{box-sizing:border-box}
.vaa-calc__eyebrow{margin:0 0 .35rem; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--vaa-quiet); font-weight:600;}
.vaa-calc__titulo{margin:0 0 1.4rem; font-size:1.3rem; font-weight:700; line-height:1.25}
.vaa-calc__campos{display:grid; grid-template-columns:1fr; gap:1rem; margin-bottom:1.5rem}
@media(min-width:600px){.vaa-calc__campos{grid-template-columns:1.3fr 1fr .8fr}}
.vaa-calc__campo label{display:block; font-size:.78rem; font-weight:600; margin-bottom:.35rem; color:var(--vaa-quiet);}
.vaa-calc__campo select,.vaa-calc__campo input{width:100%; padding:.6rem .65rem; font:inherit; font-size:.95rem; border:1px solid var(--vaa-rule); border-radius:2px; background:#fff; color:var(--vaa-ink);}
.vaa-calc__campo select:focus-visible,.vaa-calc__campo input:focus-visible{outline:2px solid var(--vaa-ink); outline-offset:1px;}
.vaa-calc__inline{display:flex; gap:.5rem}
.vaa-calc__inline input{flex:1 1 auto; min-width:0}
.vaa-calc__inline select{flex:0 0 5rem}
.vaa-calc__resultado{border-top:1px solid var(--vaa-rule); padding-top:1.25rem}
.vaa-calc__zona{margin:0 0 .4rem; font-size:1.15rem; font-weight:700; line-height:1.3; color:var(--vaa-zona,var(--vaa-ink));}
.vaa-calc__detalle{margin:0 0 1.1rem; font-size:.92rem; line-height:1.55; font-variant-numeric:tabular-nums;}
.vaa-calc__regla{position:relative; display:grid; grid-template-columns:repeat(4,1fr); height:.5rem; border-radius:2px; overflow:visible; margin-bottom:.55rem;}
.vaa-calc__tramo{height:100%; opacity:.28}
.vaa-calc__tramo[data-z="1"]{background:var(--vaa-s1)}
.vaa-calc__tramo[data-z="2"]{background:var(--vaa-s2)}
.vaa-calc__tramo[data-z="3"]{background:var(--vaa-s3)}
.vaa-calc__tramo[data-z="4"]{background:var(--vaa-s4)}
.vaa-calc__tramo.is-on{opacity:1}
.vaa-calc__marca{position:absolute; top:-.3rem; width:2px; height:1.1rem; background:var(--vaa-ink); left:0; transform:translateX(-1px); transition:left .25s ease;}
@media(prefers-reduced-motion:reduce){.vaa-calc__marca{transition:none}}
.vaa-calc__leyenda{display:grid; grid-template-columns:repeat(4,1fr); gap:.25rem; list-style:none; margin:0 0 1.25rem; padding:0; font-size:.66rem; line-height:1.3; color:var(--vaa-quiet); font-variant-numeric:tabular-nums;}
.vaa-calc__pena{margin:0; font-size:.92rem; line-height:1.55}
.vaa-calc__aviso{margin:1.25rem 0 0; padding-top:1rem; border-top:1px solid var(--vaa-rule); font-size:.8rem; line-height:1.6; color:var(--vaa-quiet);}
.vaa-calc__cta{margin-top:1.25rem}
.vaa-calc__cta p{margin:0 0 .7rem; font-size:.92rem}
.vaa-calc__boton{display:inline-block; padding:.7rem 1.35rem; background:var(--vaa-ink); color:#fff; text-decoration:none; border-radius:2px; font-size:.88rem; font-weight:600;}
.vaa-calc__boton:hover,.vaa-calc__boton:focus-visible{background:#000; color:#fff}