/* Sezioni partner su due piani (gc-pages/partners.js tiers(), 15/10/26). Sopra i sigilli ufficiali alla stessa misura,
   col nome e il programma sotto; sotto i partner degli strumenti in tessere da 40 px col ruolo. Stessa griglia e stesso
   passo (8 px): ogni sigillo sta sopra uno o due strumenti. Niente orbite, nastri o bagliori; testi a 16px.
   Le colonne degli strumenti le scrive partners.js nello style della lista (--c, --n, --c2, --n2, --n3). */
.gcpt-seals,.gcpt-tools{list-style:none;margin:0;padding:0;display:grid}
.gcpt-seals{grid-template-columns:repeat(var(--ns,5),minmax(0,1fr));gap:24px 8px;margin-top:36px}
.gcpt-seal,.gcpt-tool{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;text-align:center}
.gcpt-seal{gap:14px}
.gcpt-seal-img{display:flex;align-items:center;justify-content:center;height:92px}
.gcpt-seal-img img{display:block;width:auto;height:var(--sh,88px);transition:transform .25s ease}
.gcpt-tx{display:grid;gap:2px;font-size:16px;line-height:1.35;letter-spacing:normal;text-transform:none}
.gcpt-tx b{font-weight:500;color:#E4E4E7}
.gcpt-tx span{color:#8B8B94}
.gcpt-tools{position:relative;justify-content:center;grid-template-columns:repeat(var(--n,5),calc((100% - (var(--c,5) - 1) * 8px) / var(--c,5)));
  gap:24px 8px;margin-top:40px;padding-top:36px}
/* filo fra i piani: lungo quanto gli strumenti (pieno sotto 5 o 10, corto sotto uno solo) */
.gcpt-tools:before{content:"";position:absolute;top:0;height:1px;background:rgba(255,255,255,0.07);
  left:calc((1 - var(--n,5) / var(--c,5)) * 50% + var(--n,5) / var(--c,5) * 7%);right:calc((1 - var(--n,5) / var(--c,5)) * 50% + var(--n,5) / var(--c,5) * 7%)}
.gcpt-tool{gap:10px}
.gcpt-ic{display:block;width:40px;height:40px;border-radius:10px;outline:1px solid rgba(255,255,255,0.1);outline-offset:-1px;
  transition:filter .5s ease,opacity .5s ease,transform .25s ease;transition-delay:calc(var(--i,0) * 70ms),calc(var(--i,0) * 70ms),0s}
/* entrata: gc-partner-tiers.js mette gcpt-wait alla lista sotto la piega e lo toglie quando entra in vista; i loghi passano
   dal grigio al colore uno dopo l'altro. Senza script restano a colori. */
.gcpt-wait .gcpt-ic{filter:grayscale(1);opacity:.45;transition:none}
a.gcpt-seal:hover .gcpt-seal-img img,a.gcpt-tool:hover .gcpt-ic{transform:translateY(-2px)}
a.gcpt-seal:hover .gcpt-tx b,a.gcpt-tool:hover .gcpt-tx b{color:#FFFFFF}
@media (max-width:1100px){
  .gcpt-tools{grid-template-columns:repeat(var(--n2,5),calc((100% - (var(--c2,5) - 1) * 8px) / var(--c2,5)));row-gap:28px}
  .gcpt-tools:before{left:calc((1 - var(--n2,5) / var(--c2,5)) * 50% + var(--n2,5) / var(--c2,5) * 7%);
    right:calc((1 - var(--n2,5) / var(--c2,5)) * 50% + var(--n2,5) / var(--c2,5) * 7%)}
}
/* telefono: sigilli in colonna e strumenti su due colonne, logo a sinistra e testo a destra */
@media (max-width:700px){
  .gcpt-seals{grid-template-columns:minmax(0,1fr);gap:12px;max-width:340px;margin:28px auto 0}
  .gcpt-seal{flex-direction:row;gap:16px;text-align:left}
  .gcpt-seal-img{flex:0 0 64px;height:56px}
  .gcpt-seal-img img{height:calc(var(--sh,88px) * 0.6)}
  .gcpt-tools{justify-content:start;grid-template-columns:repeat(var(--n3,2),calc((100% - 12px) / 2));gap:18px 12px;max-width:340px;
    margin:32px auto 0;padding-top:28px}
  .gcpt-tools:before{left:7%;right:7%}
  .gcpt-tool{flex-direction:row;gap:12px;text-align:left}
  .gcpt-ic{flex:0 0 36px;width:36px;height:36px;border-radius:9px}
}
@media (prefers-reduced-motion:reduce){
  .gcpt-ic,.gcpt-seal-img img{transition:none}
  .gcpt-wait .gcpt-ic{filter:none;opacity:1}
}