/**
 * DTW – Chi Siamo: stili specifici della pagina.
 * Comune (palette, tipografia, container, bottoni) in dtw-base.css.
 * Valori estratti da post-4648.css (pagina Elementor originale).
 */

/* ============ INTRO / BREADCRUMB ============ */
.dtw-page .dtw-cs-intro {
	background-color: var(--dtw-primary);
	padding: 100px 0 0 0;
}
.dtw-page .dtw-cs-intro__inner {
	max-width: 1200px;
	margin: 0 auto;
	min-height: 400px;
	display: flex;
	align-items: center;
}
.dtw-page .dtw-cs-intro__text {
	width: 60%;
	padding: 10px;
}
.dtw-page .dtw-cs-intro__breadcrumb {
	font-family: "DM Sans", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	display: block;
	width: fit-content; /* il widget originale era largo quanto il testo */
	line-height: 1; /* erano titoli Elementor */
	margin: 0 0 20px 0; /* spaziatura widget del kit Elementor */
}
.dtw-page .dtw-cs-intro__breadcrumb a {
	font-family: "DM Sans", Sans-serif;
	color: var(--dtw-white);
}
.dtw-page .dtw-cs-intro__breadcrumb span { color: var(--dtw-teal); }
.dtw-page .dtw-cs-intro__title {
	font-family: "DM Sans", Sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: var(--dtw-white);
	margin: 20px 0 30px 0;
}
@media (max-width: 1024px) {
	.dtw-page .dtw-cs-intro { padding: 150px 40px 40px 40px; }
	.dtw-page .dtw-cs-intro__title { font-size: 30px; }
}
@media (max-width: 767px) {
	.dtw-page .dtw-cs-intro { padding: 150px 30px 40px 30px; margin: 0; }
	.dtw-page .dtw-cs-intro__text { width: 100%; padding: 0; }
}

/* ============ BANNER (immagine di sfondo + titolo contornato) ============ */
.dtw-page .dtw-cs-banner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.dtw-page .dtw-cs-banner__inner {
	max-width: 1200px;
	margin: 0 auto;
	min-height: 70vh;
	display: flex;
	align-items: flex-start;
}
.dtw-page .dtw-cs-banner__title {
	width: 100%;
	margin: -45px 0 0 0;
	padding: 0 10px;
	text-align: end;
	font-size: 100px;
	font-weight: 900;
}
@media (min-width: 1025px) {
	.dtw-page .dtw-cs-banner { background-attachment: scroll; }
}
@media (max-width: 1024px) {
	.dtw-page .dtw-cs-banner__title { font-size: 70px; margin-top: -20px; }
}
@media (max-width: 767px) {
	.dtw-page .dtw-cs-banner__title { font-size: 40px; margin-top: -35px; }
}

/* ============ MANIFESTO ============ */
.dtw-page .dtw-cs-manifesto {
	background-color: var(--dtw-primary);
	padding: 100px 0;
}
.dtw-page .dtw-cs-manifesto__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px; /* padding di colonna Elementor (10px su tutti i lati) */
}
.dtw-page .dtw-cs-manifesto__text {
	font-family: "DM Sans", Sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: var(--dtw-white);
	text-align: center;
	margin: 30px 0;
}
@media (max-width: 1024px) {
	.dtw-page .dtw-cs-manifesto { padding: 40px; }
}
@media (max-width: 767px) {
	.dtw-page .dtw-cs-manifesto { padding: 30px; }
	.dtw-page .dtw-cs-manifesto__inner { padding: 0; }
	.dtw-page .dtw-cs-manifesto__text { font-size: 30px; }
}

/* ============ SEZIONI TESTO + IMMAGINE (full width, 50/50) ============ */
.dtw-page .dtw-cs-split {
	background-color: var(--dtw-primary);
	display: flex;
	align-items: center;
	width: 100%;
}
.dtw-page .dtw-cs-split__text {
	width: 50%;
	padding: 40px;
}
.dtw-page .dtw-cs-split__image {
	width: 50%;
	padding: 0; /* nell'originale la colonna immagine è a filo, senza gap */
}
/* L'originale usava un crop Elementor 750x650: stessa resa con object-fit */
.dtw-page .dtw-cs-split__img {
	display: block;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 750 / 650;
	object-fit: cover;
	transition-duration: 0.4s;
}
.dtw-page .dtw-cs-split__image:hover .dtw-cs-split__img { opacity: 0.71; }

.dtw-page .dtw-cs-split__quote {
	font-family: "DM Sans", Sans-serif;
	font-size: 38px;
	font-weight: 700;
	line-height: 35px;
	color: var(--dtw-white);
	margin-bottom: 50px; /* 30px custom + 20px di spaziatura widget del kit */
}
.dtw-page .dtw-cs-split__body {
	font-family: "DM Sans", Sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: var(--dtw-white);
	margin-bottom: 30px;
}
.dtw-page .dtw-cs-split__body--big {
	font-size: 40px;
	font-weight: 700;
}
.dtw-page .dtw-cs-split__label { margin-bottom: 30px; } /* 10px custom + 20px kit */

@media (max-width: 1024px) {
	/* reverse-tablet: su tablet il testo va sopra l'immagine in entrambe le sezioni */
	.dtw-page .dtw-cs-split { flex-wrap: wrap; }
	.dtw-page .dtw-cs-split--greg { flex-direction: column-reverse; }
	.dtw-page .dtw-cs-split--sost { flex-direction: column-reverse; }
	.dtw-page .dtw-cs-split__text,
	.dtw-page .dtw-cs-split__image { width: 100%; }
}
@media (max-width: 767px) {
	.dtw-page .dtw-cs-split__text { padding: 30px; }
	.dtw-page .dtw-cs-split__quote { font-size: 25px; line-height: 1em; }
	.dtw-page .dtw-cs-split__body { font-size: 25px; }
	.dtw-page .dtw-cs-split__body--big { font-size: 25px; }
}