/* Divulgando – scheda del singolo progetto. Stessa palette dell'Atlante; restyle dei widget Oblo
   (dettagli, descrizione, attività, galleria) solo dentro .dvs, il resto del sito non cambia. */
.dvs{--dvs-testo:#E6EEF2;--dvs-corpo:#C3CFD6;--dvs-tenue:#9FB0BA;--dvs-spento:#6E8794;--dvs-bordo:#2E3339;--dvs-carta:#1F1F23;--dvs-accento:#EB6165;--dvs-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--dvs-testo)}
.dvs *,.dvs *::before,.dvs *::after{box-sizing:border-box}
.dvs-contenitore{max-width:1400px;margin:0 auto;padding:0 40px}

/* Testata */
.dvs-testata{padding:140px 0 36px}
.dvs-indietro{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;font:500 13px var(--dvs-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dvs-spento);text-decoration:none}
.dvs-indietro:hover{color:var(--dvs-testo)}
.dvs-titolo{margin:0 0 24px;max-width:30ch;font-size:clamp(34px,4.4vw,60px);line-height:1.08;font-weight:400;color:var(--dvs-testo)}
.dvs-temi{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dvs-anno{margin-right:8px;font:500 13px var(--dvs-mono);color:var(--dvs-tenue)}
.dvs-tema{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--dvs-bordo);border-radius:999px;font-size:14px;font-weight:700;color:var(--dvs-testo);text-decoration:none;transition:border-color .2s}
a.dvs-tema:hover{border-color:var(--dvs-tenue);color:var(--dvs-testo)}
.dvs-tema::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.dvs-tema.dvp-digitale::before{color:#5BC0EB;background:#5BC0EB}
.dvs-tema.dvp-racconto::before{color:#8DC63F;background:#8DC63F}
.dvs-tema.dvp-spazio::before{color:#F39323;background:#F39323}

/* Crediti: committente (ed eventuali evento, luogo) sotto la copertina */
.dvs-crediti{display:flex;flex-wrap:wrap;gap:16px 48px;margin:0 0 8px;padding:0 0 24px;border-bottom:1px solid var(--dvs-bordo)}
.dvs-crediti>div{display:flex;flex-direction:column;gap:4px;max-width:46ch}
.dvs-crediti dt{font:500 12px var(--dvs-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dvs-spento)}
.dvs-crediti dd{margin:0;font-size:18px;line-height:1.4;color:var(--dvs-corpo)}

/* Link al sito / al video, in fondo alla riga dei temi */
.dvs-azioni{display:inline-flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.dvs a.dvs-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--dvs-testo);color:#18181B !important;font-size:15px;font-weight:700;text-decoration:none}
.dvs a.dvs-link:hover{background:#fff}

/* Copertina: dentro la griglia della pagina, non più a tutta larghezza e tagliata */
.dvs-copertina{margin:0 0 24px}
.dvs-copertina img{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover;border-radius:18px;border:1px solid var(--dvs-bordo)}

/* Contenuto Elementor: allineato alla testata */
.dvs-contenuto .container{width:auto;max-width:1400px;padding-left:40px;padding-right:40px}
/* il tema mette 100px di margine sopra e sotto ogni sezione */
.dvs-contenuto .section.section-inner{padding-top:32px;padding-bottom:32px;margin-top:0 !important;margin-bottom:0 !important}
.dvs-contenuto .elementor-section{margin-top:0 !important}

/* Descrizione e Attività: etichetta in monospaziato a sinistra, testo leggibile a destra */
.dvs .m-description .m-titles .m-title,.dvs .m-description .m-titles .m-title span{font:500 12px var(--dvs-mono) !important;letter-spacing:.12em;text-transform:uppercase;color:var(--dvs-spento)}
.dvs .m-description .m-titles{margin:6px 0 16px}
.dvs .description-text,.dvs .description-text p{font-size:18px;line-height:1.7;color:var(--dvs-corpo)}
.dvs .description-text{max-width:72ch}
.dvs .description-text p{margin:0 0 1em}
.dvs .description-text a{color:var(--dvs-testo);text-decoration:underline;text-underline-offset:3px}
.dvs .description-list-items{max-width:72ch}
.dvs .description-list-item{padding:12px 0;border-bottom:1px solid var(--dvs-bordo)}
.dvs .description-list-item .name,.dvs .description-list-item .name span{display:flex;align-items:baseline;gap:12px;font-size:17px;line-height:1.45;color:var(--dvs-testo)}
.dvs .description-list-item .name>span::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--dvs-accento);transform:translateY(-2px)}

/* Galleria: niente riquadro grigio chiaro, immagini più grandi e più vicine */
.dvs-contenuto .elementor-section:has(.elementor-widget-gallery){background:transparent !important;padding-top:24px !important;padding-bottom:24px !important}
.dvs-contenuto .elementor-section:has(.elementor-widget-gallery)>.elementor-container{max-width:1400px;padding:0 40px}
/* il riquadro Dettagli del tema: committente e sito sono nella testata, anno e categoria non si ripetono */
.dvs-contenuto .elementor-section:has(.elementor-widget-oblo-project-details){display:none}

/* il widget di apertura del tema ripete titolo e copertina, già nella testata */
.dvs-contenuto .elementor-section:has(.elementor-widget-oblo-project-started){display:none}

/* lo spazio fra le immagini è nelle impostazioni Elementor della galleria (24px): il layout lo usa nei calcoli */
.dvs .elementor-widget-gallery .e-gallery-image{border-radius:12px}

/* Il tema mette condivisione e "Next article" in single.php: qui non ci sono */

/* Progetti collegati */
.dvs-collegati{padding:72px 0 80px;border-top:1px solid var(--dvs-bordo);margin-top:56px}
.dvs-intestazione{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:28px}
.dvs-sottotitolo{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.1;font-weight:800;color:var(--dvs-testo)}
.dvs-tutti{display:inline-flex;align-items:center;min-height:44px;font:500 13px var(--dvs-mono);letter-spacing:.06em;color:var(--dvs-tenue);text-decoration:none}
.dvs-tutti:hover{color:var(--dvs-testo);text-decoration:underline;text-underline-offset:4px}

/* Invito al contatto, come nella pagina Progetti */
.dvs-chiusa{padding:80px 0 96px;border-top:1px solid var(--dvs-bordo)}
.dvs-etichetta{margin-bottom:20px;font:500 12px var(--dvs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dvs-spento)}
.dvs-chiusa .dvs-sottotitolo{margin-bottom:14px}
.dvs-chiusa p{margin:0 0 28px;font-size:18px;line-height:1.55;color:var(--dvs-tenue)}
.dvs-bottone{display:inline-flex;align-items:center;min-height:48px;padding:0 26px;border-radius:999px;background:var(--dvs-accento);color:#18181B;font-size:15px;font-weight:700;text-decoration:none}
.dvs-bottone:hover{background:#F07E81;color:#18181B}
.dvs-bottone::before,.dvs-bottone::after{content:none !important}

@media (max-width:767px){
	.dvs-contenitore,.dvs-contenuto .container{padding-left:16px;padding-right:16px}
	.dvs-contenuto .elementor-section:has(.elementor-widget-gallery)>.elementor-container{padding:0 16px}
	.dvs-testata{padding:110px 0 28px}
	.dvs-crediti dd{font-size:16px}
	.dvs-azioni{margin-left:0;width:100%;margin-top:8px}
	.dvs .description-text,.dvs .description-text p{font-size:16px}
	.dvs-collegati{padding:56px 0 64px;margin-top:32px}
	.dvs-chiusa{padding:56px 0 64px}
}

/* i link del tema sono rossi: qui hanno i colori della scheda */
.dvs a.dvs-tema,.dvs a.dvs-tema:hover{color:var(--dvs-testo) !important}
.dvs a.dvs-indietro{color:var(--dvs-spento) !important}
.dvs a.dvs-indietro:hover{color:var(--dvs-testo) !important}
.dvs a.dvs-tutti{color:var(--dvs-tenue) !important}
.dvs a.dvs-tutti:hover{color:var(--dvs-testo) !important}
.dvs a.dvs-bottone,.dvs a.dvs-bottone:hover{color:#18181B !important}
