/* Sezioni di conversione: prove sulle pagine soluzione, box soluzione sui progetti, link locali in home */

/* ---- Case history e progetti nelle pagine soluzione (dentro .outsourcing-panel.dark) ---- */
.ws-prove .ws-prove-intro{max-width:62ch;margin:0 0 4dvh}
.ws-prove-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2vw;margin:0 0 6dvh}
.ws-prove-projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2vw;margin:2dvh 0 4dvh}
.ws-case,.ws-project{display:flex;flex-direction:column;color:inherit;text-decoration:none;border-top:1px solid currentColor;padding-top:1.6dvh}
.ws-case:hover,.ws-case:focus,.ws-project:hover,.ws-project:focus{color:inherit;text-decoration:none}
.ws-case img,.ws-project img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0 0 1.6dvh;filter:grayscale(.15);transition:filter .3s ease}
.ws-case:hover img,.ws-project:hover img{filter:none}
.ws-case-sector,.ws-project-client{font-family:"Lato",sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#d98c8c}
.ws-case-name{font-family:"Noto Serif Display",serif;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.05;margin:.6dvh 0 1dvh}
.ws-case-sum,.ws-project-title{font-family:"Lato",sans-serif;font-size:1rem;font-weight:300;line-height:1.4}
.ws-project-title{margin-top:.6dvh}
.ws-case-more{margin-top:auto;padding-top:1.4dvh;font-family:"Lato",sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#d98c8c}
.ws-prove-all{font-family:"Lato",sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.ws-prove-all a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.outsourcing-panel:not(.dark) .ws-case-sector,.outsourcing-panel:not(.dark) .ws-project-client,.outsourcing-panel:not(.dark) .ws-case-more{color:#a60b0b}
@media screen and (max-width:960px){.ws-prove-cases,.ws-prove-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw}}
@media screen and (max-width:560px){.ws-prove-cases,.ws-prove-projects{grid-template-columns:1fr}}

/* ---- Secondo pulsante di approfondimento nelle pagine progetto (stessa forma del primo, nero) ---- */
#btn-approfondimento-2{margin-left:25px;margin-top:10px;padding:10px 20px;font-size:1em;font-weight:700;text-transform:uppercase;color:#fff;background-color:#111;border:0 solid transparent;border-left:8px solid #a60b0b;border-radius:0!important;border-top-right-radius:14px!important;border-bottom-right-radius:14px!important;transition:all .4s ease}
#btn-approfondimento-2:hover,#btn-approfondimento-2:focus{color:#fff;background-color:#a60b0b;border-left-color:#111;text-decoration:none}
#btn-approfondimento-2 .fa{font-size:23px;vertical-align:middle;margin-left:5px;margin-bottom:2px}

/* ---- "Altri progetti" nelle pagine progetto: anteprime e link all'archivio ---- */
.progettoCorrelato .ws-correlato-img{display:block;overflow:hidden;margin:0 0 12px;background:#d9d7d0}
.progettoCorrelato .ws-correlato-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}
.progettoCorrelato .ws-correlato-img:hover img,.progettoCorrelato .ws-correlato-img:focus img{transform:scale(1.04)}
.progettoCorrelato p{margin-bottom:8px}
.progettoCorrelato .btn-custom{background-color:#111;border-color:#111;color:#fff;border-radius:0 14px 14px 0;font-weight:600}
.progettoCorrelato .btn-custom:hover,.progettoCorrelato .btn-custom:focus{background-color:#a60b0b;border-color:#a60b0b;color:#fff}
.etichettaRow{position:relative}
.ws-tutti-progetti{position:absolute;right:0;bottom:10px;font-family:"Lato",sans-serif;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#111;text-decoration:underline;text-underline-offset:4px}
.ws-tutti-progetti:hover,.ws-tutti-progetti:focus{color:#a60b0b}
@media screen and (max-width:699px){.ws-tutti-progetti{position:static;display:inline-block;margin:12px 0 0}}

/* ---- Box "soluzione + contatto" in fondo alle pagine progetto ---- */
.ws-cta-progetto{background:#111;color:#EAE9E4;padding:7vh 0;margin:6vh 0 0;font-family:"Lato",sans-serif}
.ws-cta-progetto .wsc-inner{max-width:1180px;margin:0 auto;padding:0 5vw;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:5vw;align-items:end}
.ws-cta-progetto p{margin:0}
.ws-cta-progetto .wsc-label{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#d98c8c;margin-bottom:1.4rem}
.ws-cta-progetto .wsc-title{font-family:"Noto Serif Display",serif;font-weight:400;font-size:clamp(30px,3.4vw,52px);line-height:1.02;margin-bottom:1.2rem}
.ws-cta-progetto .wsc-title a{color:#EAE9E4;text-decoration:none;border-bottom:1px solid rgba(234,233,228,.45)}
.ws-cta-progetto .wsc-title a:hover{color:#fff;border-bottom-color:#fff}
.ws-cta-progetto .wsc-text{font-size:17px;font-weight:300;line-height:1.55;color:#d6d4cd;max-width:58ch;margin-bottom:1.4rem}
.ws-cta-progetto .wsc-links{font-size:14px;line-height:1.8;color:#bdbab2}
.ws-cta-progetto .wsc-links a{color:#EAE9E4;text-decoration:underline;text-underline-offset:3px}
.ws-cta-progetto .wsc-links a:hover{color:#fff}
.ws-cta-progetto .wsc-ask{font-family:"Noto Serif Display",serif;font-size:clamp(22px,2vw,30px);line-height:1.15;margin-bottom:1.4rem}
.ws-cta-progetto .wsc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 2.2rem;background:#a60b0b;color:#fff;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:999px;transition:background-color .25s ease,color .25s ease}
.ws-cta-progetto .wsc-btn:hover,.ws-cta-progetto .wsc-btn:focus{background:#EAE9E4;color:#111;text-decoration:none}
@media screen and (max-width:760px){.ws-cta-progetto .wsc-inner{grid-template-columns:1fr;gap:4vh}.ws-cta-progetto .wsc-btn{width:100%}}

/* ---- Immagine di apertura nelle pagine settore: proporzioni corrette ---- */
#imgCopertina img{height:auto;max-width:100%}

/* ---- Architettura settori ---- */
.ws-prove-cases--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media screen and (max-width:560px){.ws-prove-cases--2{grid-template-columns:1fr}}
a.ws-settore{display:block;color:inherit;text-decoration:none;transition:opacity .25s ease}
a.ws-settore:hover,a.ws-settore:focus{color:inherit;text-decoration:none;opacity:.85}
a.ws-settore span{display:inline-block;margin-top:1.2rem;font-family:"Lato",sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a60b0b;border-bottom:1px solid currentColor}
.ws-settori-filtro{font-family:"Lato",sans-serif;font-size:14px;letter-spacing:.04em;margin:14px 0 0;text-align:center}
.ws-settori-filtro a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.ws-settori-frase a,.ws-case-settore a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ws-case-settore{margin-top:1.2em;font-size:.95em;letter-spacing:.02em}

/* ---- Sezione "Il problema che risolviamo" (pagine settore): titolo e testo affiancati, punti in griglia ---- */
.ws-problema .ws-problema-top{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;margin-bottom:5dvh}
.ws-problema .ws-problema-top h2{margin-bottom:0}
.ws-problema .ws-problema-top p{font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.45;max-width:44ch;margin:0}
.ws-problema .ws-problema-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 3vw;counter-reset:problema;border-top:1px solid currentColor}
.ws-problema .ws-problema-lista li{counter-increment:problema;position:relative;padding:2.4dvh 0 2.4dvh 3.4rem;border-bottom:1px solid rgba(0,0,0,.18);font-family:"Lato",sans-serif;font-size:1.08rem;font-weight:300;line-height:1.4}
.ws-problema .ws-problema-lista li:before{content:counter(problema,decimal-leading-zero);position:absolute;left:0;top:2.1dvh;font-family:"Noto Serif Display",serif;font-size:1.6rem;line-height:1;color:#a60b0b}
@media screen and (max-width:960px){.ws-problema .ws-problema-top{grid-template-columns:1fr;gap:2.5dvh}.ws-problema .ws-problema-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:560px){.ws-problema .ws-problema-lista{grid-template-columns:1fr}}

/* ---- Galleria stand (pagina allestimenti) ---- */
.ws-stand{padding:2vh 0 6vh;color:#111}
.ws-stand .ws-stand-intro{font-family:"Lato",sans-serif;font-size:18px;line-height:1.6;max-width:70ch;margin:0 0 3vh}
.ws-stand .ws-project-client{color:#a60b0b}
.ws-stand .ws-project-title{font-size:15px}

/* ---- Tabelle di confronto negli articoli ---- */
.ws-tabella{width:100%;border-collapse:collapse;margin:1.5rem 0 0;font-family:"Lato",sans-serif;font-size:16px;line-height:1.5;color:#202020}
.ws-tabella th,.ws-tabella td{border-top:1px solid #1f1f1f;padding:14px 16px 14px 0;text-align:left;vertical-align:top}
.ws-tabella thead th{font-family:"Noto Serif Display",serif;font-weight:400;font-size:22px;border-top:0}
.ws-tabella tbody th{font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.08em;width:20%;color:#a60b0b}
@media screen and (max-width:699px){.ws-tabella{font-size:14px}.ws-tabella thead th{font-size:17px}.ws-tabella tbody th{width:28%}}

/* ---- Link ai servizi locali nella sezione contatti della home ---- */
.ws-locale{font-family:"Lato",sans-serif;font-size:13px;line-height:1.7;letter-spacing:.04em;margin:1.4dvh 0 0}
.ws-locale span{text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-right:.4em}
.ws-locale a{color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media screen and (max-width:699px){.ws-locale{font-size:12px;letter-spacing:0}.ws-locale a{white-space:normal}}
