/*
 * Fascia "Richiedi il catalogo" — dall'originale index.html r.743–753.
 * È l'ultima sezione della pagina prodotti.
 *
 * In questo file: tutto l'aspetto. Il bottone è `.adea-c-cta` del tema e qui
 * combacia in tutto, gradino ≤620 compreso: restano solo il margine sopra e
 * `flex:none`, perché sta dentro un contenitore flex.
 * Markup in templates/prodcta.php, controlli in includes/widgets/class-prodcta.php.
 * Nessun .js.
 *
 * ⚠️ Nell'originale è tutto stile INLINE: il titolo dichiara `font-weight:700`,
 * ma sulle pagine interne vince `.page:not([data-page="home"]) h2`
 * (`font-weight:400!important; letter-spacing:-.03em`, r.691). Misurato: peso
 * **400** e spaziatura **-.03em**. Il 700 inline è codice morto.
 *
 * ⚠️ Il paragrafo NON ha line-height nell'originale: eredita `normal` dal body.
 *
 * Cascata MISURATA sull'originale (1440/1024/900/700/620/560/375):
 *
 *                >960          621–960       ≤620
 *  padding       60px 40px     60px 20px     60px 20px
 *  disposizione  riga          riga          COLONNA, allineata a sinistra
 *  bottone       17px ico48    17px ico48    16px ico44 (dal componente)
 *
 * Indice: sezione · impaginato · titolo · testo · bottone · breakpoint
 */

/* ---------- sezione ----------
   Velo e fotografia in un solo background a due strati, come nelle altre
   fasce fotografiche: qui non c'è nessun ingrandimento, quindi un livello
   solo basta. */
.adea-prodcta{
	background:var(--adea-prodcta-bg,linear-gradient(90deg,rgba(8,27,48,.95) 0%,rgba(8,27,48,.66) 100%));
		/* ⚠️ `0% 0%` e non `0 0`: il primo strato è il velo, che nell'originale non
	   dichiara posizione e resta al default in PERCENTUALE. Scritto `0 0`
	   Chrome lo serializza `0px 0px` — stesso punto, valore calcolato diverso. */
	background-size:auto,cover;background-position:0% 0%,center;
	font-family:var(--adea-font-testo,'Source Sans 3',system-ui,sans-serif);
	line-height:normal; /* il Kit impone 1.5; l'originale eredita normal dal body */
}

/* ---------- impaginato ---------- */
.adea-prodcta-inner{
	max-width:var(--adea-prodcta-maxw,1240px);margin:0 auto;
	padding:var(--adea-prodcta-pad,60px 40px);
	display:flex;align-items:var(--adea-prodcta-align,center);
	justify-content:space-between;gap:var(--adea-prodcta-gap,32px);
	flex-direction:var(--adea-prodcta-dir,row);
}

/* ---------- testi ---------- */
.adea-prodcta-title{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);
	font-weight:400; /* 400, non i 700 inline: vedi la nota in testa */
	font-size:var(--adea-prodcta-title-size,30px);line-height:1.2;letter-spacing:-.03em;
	color:#fff;margin:0 0 8px;
}
.adea-prodcta-text{
	font-size:var(--adea-prodcta-text-size,16.5px);
	line-height:normal; /* l'originale non lo dichiara: eredita normal */
	color:#cfe0f2;margin:0;
}

/* ---------- bottone ----------
   `flex:none` perché è un figlio flex e non deve stringersi. */
.adea-prodcta .adea-c-cta{margin-top:18px;flex:none}

/* ---------- breakpoint originali (misurati) ---------- */
@media(max-width:960px){
	/* `.sect` dell'originale: sotto 960 il margine laterale è 20px */
	.adea-prodcta-inner{--adea-prodcta-pad:60px 20px}
}
@media(max-width:620px){
	.adea-prodcta-inner{--adea-prodcta-dir:column;--adea-prodcta-align:flex-start}
}