/* Haricode — hoja de las herramientas públicas (calculadoras).
   Se apoya en tokens.css y en la base de .lead-form que vive en site.css. */

.tool{padding:var(--sp-8) 0}
.tool-grid{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--sp-6);align-items:start;
}
.tool-form{
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--r-card);padding:var(--sp-6);
  display:grid;gap:var(--sp-4);
}
.tool-form .row{display:grid;gap:var(--sp-2)}
.tool-form label{font-size:var(--fs-xs);color:var(--text-3)}
.tool-form input[type=date],.tool-form input[type=number]{
  font:inherit;font-size:var(--fs-sm);color:var(--text);
  background:var(--surface-0);border:1px solid var(--border);
  border-radius:var(--r-control);padding:var(--sp-3) var(--sp-4);width:100%;
}
.tool-form input:focus-visible{outline:none;border-color:var(--border-strong)}
.tool-form .par{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.tool-check{
  display:flex;gap:var(--sp-3);align-items:flex-start;
  font-size:var(--fs-sm);color:var(--text-2);line-height:1.45;cursor:pointer;
}
.tool-check input{margin-top:3px;accent-color:var(--accent);flex:none}
.tool-check b{display:block;color:var(--text);font-weight:var(--fw-medium)}
.tool-aviso{
  background:var(--accent-quiet);border-left:3px solid var(--accent);
  padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--text);
  border-radius:0 var(--r-control) var(--r-control) 0;
}
.tool-nota{font-size:var(--fs-xs);color:var(--text-3);line-height:1.5}

.tool-out{
  background:var(--surface-1);border:1px solid var(--border);
  border-radius:var(--r-card);padding:var(--sp-6);
}
.tool-out-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);
  padding-bottom:var(--sp-4);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4);
}
.tool-out-head h3{font-size:var(--fs-md);margin:0}
.tool-out-head span{font-size:var(--fs-xs);color:var(--text-3);font-variant-numeric:tabular-nums}
.tool-lineas{display:grid;gap:var(--sp-4)}
.tool-linea{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2) var(--sp-4);align-items:baseline}
.tool-linea dt{color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.tool-linea dd{
  margin:0;text-align:right;font-variant-numeric:tabular-nums;
  font-size:var(--fs-md);color:var(--text);
}
.tool-linea .det{grid-column:1/-1;font-size:var(--fs-xs);color:var(--text-3);line-height:1.5}
.tool-total{
  display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);
  margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border-strong);
}
.tool-total span{font-size:var(--fs-sm);color:var(--text-2)}
.tool-total strong{font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;line-height:1.1}
.tool-vacio{color:var(--text-3);font-size:var(--fs-sm);line-height:1.6}

@media(max-width:900px){
  .tool-grid{grid-template-columns:1fr}
  .tool-form .par{grid-template-columns:1fr}
}