/* ==========================================================================
   METAL S.r.l. — strumenti (calcolatori) dentro il guscio dell'app
   Tutto sotto .toolwrap: cosi' non tocca le classi .card/.grid del sito.
   ========================================================================== */

.toolwrap{padding:48px 0 80px}
@media(min-width:900px){.toolwrap{padding:64px 0 96px}}

.toolwrap h1{font-size:clamp(1.9rem,5vw,3rem);margin-bottom:12px}
.toolwrap .subtitle{color:var(--grigio);font-size:clamp(1.02rem,1.5vw,1.15rem);max-width:66ch;margin-bottom:34px}

.toolwrap .grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.toolwrap .grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}

.toolwrap .card{
  background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:24px;
  box-shadow:var(--ombra);transition:none;
}
.toolwrap .card:hover{transform:none;box-shadow:var(--ombra);border-color:var(--linea)}
.toolwrap .card h2{
  margin:0 0 14px;font-size:1.05rem;line-height:1.3;
  padding-bottom:11px;border-bottom:2px solid var(--acc);
}

.toolwrap label{display:block;margin:15px 0 5px;font-size:12.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--grigio)}
/* 16px non e' un capriccio: sotto i 16px iOS ingrandisce la pagina al tocco */
.toolwrap input,.toolwrap select{
  width:100%;padding:13px 12px;font-size:16px;font-family:inherit;
  border:1px solid var(--linea);border-radius:var(--r);
  background:#fff;color:var(--nero);
}
.toolwrap input:focus,.toolwrap select:focus{border-color:var(--acc);outline:2px solid var(--acc);outline-offset:1px}

.toolwrap .result{
  background:var(--nero);color:#fff;border-radius:var(--r);
  padding:16px;margin-top:20px;text-align:center;
  font-family:Archivo,Inter,sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;
}
.toolwrap .formula{
  background:var(--nebbia);border-radius:var(--r);padding:11px 13px;margin-top:12px;
  font-size:13px;line-height:1.5;color:var(--grigio);
}
.toolwrap .tip{font-size:13px;color:var(--grigio);font-style:italic;margin-top:12px}

.toolwrap .tabx{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:16px}
.toolwrap table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:280px}
.toolwrap th,.toolwrap td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--linea)}
.toolwrap th{background:var(--nebbia);font-weight:700}
.toolwrap tr:last-child td{border-bottom:0}

.toolwrap .cta{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--acc);color:#fff;border:1.5px solid var(--acc);border-radius:var(--r);
  padding:15px 28px;margin-top:14px;font-size:14px;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;text-decoration:none;
  transition:background var(--t),transform var(--t);
}
.toolwrap .cta:hover{background:var(--acc-d);border-color:var(--acc-d);transform:translateY(-2px)}

.toolwrap .bcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:13px;color:var(--grigio);margin-bottom:26px;
}
.toolwrap .bcrumb a{color:var(--acc);font-weight:600}

/* la barra azioni del telefono non deve coprire la fine della pagina */
@media(max-width:860px){.toolwrap{padding-bottom:104px}}