/* Elementi aggiuntivi delle pagine di settore (interior design, paesaggio, studenti e facoltà).
   Da usare insieme a progettazione-architettonica.css, che definisce variabili, hero e blocchi. */

.badge-new{display:inline-block;background:var(--blue-light);color:var(--blue-dark);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-pill);padding:3px 10px;margin-left:8px;vertical-align:middle;}
.usecase-media video{width:100%;display:block;}
.usecase ul.ticks{list-style:none;padding:0;margin:0 0 16px;}
.usecase ul.ticks li{position:relative;padding-left:26px;margin-bottom:10px;color:var(--ink-soft);font-size:15.5px;}
.usecase ul.ticks li::before{content:"";position:absolute;left:2px;top:7px;width:12px;height:7px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg);}
.usecase ul.ticks b{color:var(--ink);}

/* Sequenza di immagini con didascalia (momenti della giornata, stagioni, dettagli) */
.strip{max-width:var(--maxw);margin:0 auto;padding:24px 32px 64px;}
.strip-head{text-align:center;max-width:680px;margin:0 auto 32px;}
.strip-grid{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:16px;}
.strip-grid figure{margin:0;}
.strip-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);}
.strip-grid figcaption{font-size:14px;font-weight:600;color:var(--ink);margin-top:10px;}
.strip-grid figcaption span{display:block;font-weight:400;color:var(--ink-soft);margin-top:2px;}

/* Galleria finale */
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:240px;gap:16px;max-width:var(--maxw);margin:0 auto;padding:0 32px 80px;}
.gallery img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);}
.gallery .tall{grid-row:span 2;}

/* Licenze educational */
.lic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.lic{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;}
.lic h3{font-size:24px;margin-bottom:6px;}
.lic .lic-for{color:var(--blue);font-weight:600;font-size:15px;margin-bottom:20px;}
.lic dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0 0 24px;font-size:15px;}
.lic dt{font-weight:600;color:var(--ink);}
.lic dd{margin:0;color:var(--ink-soft);}
.lic .cta-row{margin-top:auto;}

/* Domande frequenti */
.faq{max-width:820px;margin:0 auto;padding:0 32px 88px;}
.faq h2{text-align:center;margin-bottom:32px;}
.faq details{border-bottom:1px solid var(--line);padding:18px 0;}
.faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--blue);font-size:22px;line-height:1;}
.faq details[open] summary::after{content:"–";}
.faq details p{margin:12px 0 0;}

@media(max-width:900px){
  .strip{padding:16px 20px 48px;}
  .strip-grid{grid-template-columns:repeat(2,1fr);}
  .strip-grid[style*="--n:3"]{grid-template-columns:1fr;}
  .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px;padding:0 20px 56px;}
  .gallery .tall{grid-row:span 1;grid-column:span 2;}
  .lic-grid{grid-template-columns:1fr;padding:0 20px;}
  .lic{padding:28px;}
  .faq{padding:0 20px 64px;}
}