:root{
  --anthracite:#222427;
  --panel:#1b1c1f;
  --text:#e9ecef;
  --muted:#b9c0c7;
  --pro-yellow:#FFED00;
  --radius:16px;
  }

/* ========== HERO / PRIMA FASCIA ========== */
.industria-landing{background:var(--anthracite);padding:clamp(40px,6vw,80px) 20px;color:var(--text);}
.industria-wrap{
  max-width:1200px;margin-inline:auto;display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:1fr;
}
@media (min-width:900px){
  /* allargo la colonna testo per far stare il titolo su due righe */
  .industria-wrap{grid-template-columns:0.8fr 1.2fr;align-items:center;}
}
.industria-media{position:relative;overflow:hidden;border-radius:var(--radius);margin:0;box-shadow:var(--shadow);isolation:isolate;}
.industria-media::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 80% 20%,rgba(0,0,0,.0) 0%,rgba(0,0,0,.35) 70%);z-index:1;pointer-events:none;}
.industria-media img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.02);transition:transform .6s ease;}
.industria-media:hover img{transform:scale(1.05);}
.industria-panel{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.00) 100%),var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(24px,3vw,44px);}
.industria-eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0 0 10px 0;}
.industria-panel h1{color:var(--pro-yellow);font-size:clamp(28px,4vw,48px);line-height:1.1;margin:0 0 14px 0;}

/* >>> forza max 2 righe per il titolo */
.industria-title-clamp{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.industria-panel p{margin:0 0 18px 0;font-size:clamp(16px,1.4vw,18px);color:var(--text);}
.industria-link a{color:var(--pro-yellow);text-decoration:none;border-bottom:1px solid rgba(255,237,0,.55);transition:border-color .2s ease,color .2s ease;}
.industria-link a:hover,.industria-link a:focus{border-bottom-color:var(--pro-yellow);color:var(--pro-yellow);}
.btn-industria{display:inline-block;background:var(--pro-yellow);color:#222;padding:14px 26px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(255,237,0,.35);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;}
.btn-industria:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(255,237,0,.45);filter:saturate(1.05);}
.page-template-page-industria .site-main{padding-top:0;padding-bottom:0;}
@media (prefers-reduced-motion:reduce){.industria-media img,.btn-industria{transition:none;}}

/* ========== SECONDA FASCIA SEO ========== */
.industria-seo{background:#f4f5f7;padding:clamp(48px,6vw,88px) 20px;}
.industria-seo-wrap{max-width:1200px;margin-inline:auto;}
.industria-seo h2{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:0 0 10px 0;color:#1d2024;}
.seo-intro{color:#4a4f55;max-width:900px;margin:0 0 28px 0;font-size:clamp(16px,1.3vw,18px);}
.seo-cards{display:grid;gap:clamp(16px,2.4vw,28px);grid-template-columns:1fr;}
@media (min-width:900px){.seo-cards{grid-template-columns:repeat(3,1fr);}}

.seo-card{background:#fff;border:1px solid #e7e9ee;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column;}
.seo-card-media{aspect-ratio:16/10;background:#eef1f5;overflow:hidden;}
.seo-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.seo-card:hover .seo-card-media img{transform:scale(1.04);}
.seo-card-body{padding:18px 18px 22px 18px;}
.seo-card-body h3{font-size:1.1rem;margin:0 0 8px 0;color:#111;}
.seo-card-body p{margin:0;color:#3e4349;font-size:0.98rem;}

/* ========== FAQ (TERZA FASCIA) ========== */
.industria-faq{
  background:#f4f5f7;
  padding:clamp(48px,6vw,88px) 20px;
  border-top:1px solid #e7e9ee;
}
.industria-faq > h2{
  max-width:1200px;
  margin:0 auto 16px;
  font-size:clamp(22px,2.6vw,32px);
  line-height:1.2;
  color:#1d2024;
}

/* Contenitore con card “unica” e separatori fra le coppie Q/A */
.industria-faq .faq{
  max-width:1200px;
  margin:0 auto;
  background:#fff;
  border:1px solid #e7e9ee;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  padding:clamp(18px,2.2vw,28px);
}

/* Domande */
.industria-faq .faq h3{
  margin:0;
  font-size:clamp(18px,2vw,22px);
  line-height:1.25;
  color:#111;
  font-weight:700;
}

/* Separatore tra Q/A successive */
.industria-faq .faq h3:not(:first-of-type){
  padding-top:clamp(16px,2vw,22px);
  margin-top:clamp(16px,2vw,22px);
  border-top:1px solid #eceff3;
}

/* Risposte */
.industria-faq .faq p{
  margin:8px 0 0 0;
  color:#3e4349;
  font-size:clamp(15px,1.3vw,17px);
  line-height:1.6;
  max-width:90ch; /* evita righe troppo lunghe */
}

/* Link dentro le risposte */
.industria-faq .faq p a{
  color:#1d2024;
  box-shadow:inset 0 -2px 0 rgba(255,237,0,.6);
  text-decoration:none;
  transition:box-shadow .2s ease;
}
.industria-faq .faq p a:hover{ box-shadow:inset 0 -2px 0 var(--pro-yellow); }


/* ====== MOBILE: titolo sempre su 2 righe, senza troncamenti ====== */
@media (max-width: 640px){
  .industria-panel h1{
    font-size: clamp(22px, 6vw, 30px);
    line-height: 1.12;
    /* larghezza “ottimale” per due righe del titolo corrente */
    inline-size: min(22ch, 90vw);   /* ≈ 22 caratteri per riga */
    text-wrap: balance;             /* distribuisce meglio le parole (se supportato) */
    hyphens: auto;                  /* evita buchi se una parola è lunga */
    margin: 0 0 14px 0;
  }
  /* disattiva il clamping che metteva i … */
  .industria-title-clamp{
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }
}

/* extra schermi piccolissimi */
@media (max-width: 380px){
  .industria-panel h1{
    inline-size: min(20ch, 92vw);  /* stringiamo un pelo per restare su 2 righe */
    font-size: clamp(20px, 7.2vw, 28px);
  }
}