/* TaTech · solo la home (rifatta il 23/10/2026): apertura con le sei cose in fila, AI su fondo Notte, gestionale con i piani,
   laboratorio, fila centralino · hosting · siti. Componenti comuni in componenti.css; le entrate le fa assets/js/base.js. */

/* ---------- apertura ---------- */
.pg-home .hp-h1{font-size:clamp(38px,4.4vw,62px);max-width:21ch}
.pg-home .hp-ap .ap-int-in{padding-bottom:clamp(36px,5vh,64px)}
.pg-home .hp-ap .ap-int-img{aspect-ratio:4/3.2}

/* l'indice delle sei cose: una fila sotto l'apertura, i siti in fondo */
.hp-indice{background:var(--bianco);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.hp-indice ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.hp-indice li+li{border-left:1px solid var(--linea)}
.hp-indice a{display:flex;align-items:baseline;gap:10px;min-height:64px;padding:18px clamp(10px,1.2vw,18px);text-decoration:none;color:var(--grafite);transition:background-color .2s,color .2s}
.hp-indice li:first-child a{padding-left:0}
.hp-indice a:hover{color:var(--rosso-scuro)}
.hp-i-n{font:500 13px/1 var(--f-mono);letter-spacing:.06em;color:var(--rosso);flex:none}
.hp-i-t{font:700 16px/1.25 var(--f-tit)}
@media (max-width:1180px){.hp-indice ol{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-indice li:nth-child(4){border-left:0}.hp-indice li:nth-child(n+4){border-top:1px solid var(--linea)}.hp-indice li:nth-child(4) a{padding-left:0}}
@media (max-width:640px){
  .hp-indice ol{grid-template-columns:1fr 1fr}
  .hp-indice li+li{border-left:0}
  .hp-indice li:nth-child(even){border-left:1px solid var(--linea)}
  .hp-indice li:nth-child(n+3){border-top:1px solid var(--linea)}
  .hp-indice li:nth-child(odd) a{padding-left:0}
  .hp-indice li:nth-child(4) a{padding-left:clamp(10px,1.2vw,18px)}
  .hp-indice a{min-height:56px;padding-top:14px;padding-bottom:14px}
  .hp-i-t{font-size:15px}
}

/* ---------- 01 · AI (fondo Notte) ---------- */
.hp-ai-testa{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(36px,4.5vw,56px)}
.hp-ai-testa .h2{max-width:16ch}
.hp-ai-testa .sotto{margin-top:0}
.hp-ai-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.hp-ai-l li{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.2vw,30px);background:var(--notte-2);border-radius:var(--r);border-top:3px solid var(--rosso)}
.hp-ai-l h3{font-size:clamp(21px,1.7vw,24px);letter-spacing:-.02em}
.hp-ai-l p{color:var(--nebbia);font-size:17px;line-height:1.55}
.hp-ai-cons{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:clamp(28px,3vw,44px);padding-top:clamp(24px,2.6vw,32px);border-top:1px solid var(--notte-2)}
.hp-ai-cons p{max-width:44em;font-size:clamp(18px,1.4vw,20px);color:var(--nebbia)}
.hp-ai-cons strong{color:#fff}
.hp-ai-cons .btn .fr{width:20px;height:12px;flex:none}
@media (max-width:1180px){.hp-ai-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.hp-ai-testa{grid-template-columns:1fr;align-items:start}}
@media (max-width:620px){.hp-ai-l{grid-template-columns:1fr}.hp-ai-cons .btn{width:100%}}

/* ---------- 02 · gestionale ---------- */
.hp-due{display:grid;grid-template-columns:7fr 5fr;gap:clamp(36px,6vw,96px);align-items:center}
.hp-due .h2{max-width:17ch}
.hp-p{font-size:clamp(18px,1.35vw,20px);max-width:36em;margin:22px 0 26px}
.hp-piani{background:var(--bianco);border-radius:var(--r-foto);padding:clamp(24px,2.6vw,36px);box-shadow:0 0 0 1px var(--linea) inset,var(--ombra)}
.hp-piani-t{font:500 13px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ferro);margin-bottom:8px}
.hp-piani ul{display:grid}
.hp-piani li{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:4px 10px;padding:14px 0;border-bottom:1px solid var(--linea)}
.hp-piani li span{font:700 18px/1.25 var(--f-tit)}
.hp-piani li b{font:800 26px/1 var(--f-tit);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.hp-piani li small{font-size:15px;color:var(--ferro);min-width:4.2em}
.hp-piani .scopri{margin-top:22px}
@media (max-width:1023px){.hp-due{grid-template-columns:1fr}}
@media (max-width:420px){.hp-piani li{grid-template-columns:1fr auto}.hp-piani li small{grid-column:2;text-align:right}}

/* ---------- 03 · laboratorio ---------- */
.hp-lab .tf .h2{max-width:17ch}
.hp-lab-l{display:grid;border-top:1px solid var(--linea)}
.hp-lab-l li{border-bottom:1px solid var(--linea)}
.hp-lab-l a{display:block;padding:14px 0;text-decoration:none}
.hp-lab-l b{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 20px/1.25 var(--f-tit)}
.hp-lab-l .fr{width:20px;height:12px;flex:none;color:var(--rosso);transition:transform .25s}
.hp-lab-l span{display:block;margin-top:3px;color:var(--ferro);font-size:17px}
.hp-lab-l a:hover b{color:var(--rosso-scuro)}
.hp-lab-l a:hover .fr{transform:translateX(5px)}
.hp-lab .numeri{margin:clamp(28px,3vw,40px) 0 0;padding:20px 0;gap:16px;border-bottom:0}
.hp-lab .numeri b{font-size:clamp(24px,2.2vw,32px)}
.hp-lab .numeri span{font-size:15px}
.hp-dove{display:flex;align-items:center;gap:10px;margin-top:6px;color:var(--ferro);font-size:16px}
.hp-dove .ico{color:var(--rosso)}
.hp-dove a{color:var(--rosso-scuro);font-weight:700}
@media (max-width:1180px) and (min-width:1024px){.hp-lab .numeri{grid-template-columns:1fr 1fr}}

/* ---------- 04 · 05 · 06: la fila (centralino, hosting, siti) ---------- */
.hp-fila-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.hp-fila-l li{display:flex;flex-direction:column;gap:10px;padding:clamp(24px,2.4vw,34px);background:var(--bianco);border-radius:var(--r);box-shadow:0 0 0 1px var(--linea) inset;scroll-margin-top:96px}
.hp-fila-n{font:500 13px/1 var(--f-mono);letter-spacing:.08em;color:var(--rosso);padding-left:13px;border-left:3px solid var(--rosso)}
.hp-fila-t{font-size:clamp(26px,2.3vw,32px);letter-spacing:-.02em;line-height:1.08}
.hp-fila-l p{color:var(--ferro);font-size:17px}
.hp-fila-l .hp-da{margin-top:auto;padding-top:8px;font:700 17px/1.3 var(--f-tit);color:var(--grafite)}
.hp-fila-a{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--rosso-scuro);text-decoration:none;min-height:44px}
.hp-fila-a .fr{width:20px;height:12px;transition:transform .25s}
.hp-fila-a:hover .fr{transform:translateX(5px)}
@media (max-width:900px){.hp-fila-l{grid-template-columns:1fr}}

/* le ancore dell'indice: il titolo non finisce sotto la testata */
.pg-home #ai,.pg-home #gestionale,.pg-home #laboratorio{scroll-margin-top:24px}
.hp-piani li b .hp-da-pre{font:600 15px/1 var(--f-txt);color:var(--ferro);letter-spacing:0;min-width:0}