/*
 * "La gamma" — la riga di schede prodotto (mockup Linea Pronto, 2026-08-05).
 * Testata centrata, cinque schede affiancate con la busta su fondo chiaro,
 * la parola PRONTO in filigrana dietro, e sotto un bottone scuro a pillola.
 *
 * Markup in templates/prodcards.php, controlli in class-prodcards.php.
 * Nessun .js.
 *
 * ⚠️ Le buste sono JPEG su fondo bianco: si fondono col fondo della scheda
 * (`mix-blend-mode:multiply`). Per questo la scheda è BIANCA e non colorata, e
 * per questo il contenitore della busta non può avere né un filtro né uno
 * z-index: entrambi isolano l'elemento e spengono la fusione, facendo
 * ricomparire il rettangolo bianco del file.
 *
 * Cascata: 5 colonne · 3 sotto 1180 · 2 sotto 960 · 1 sotto 560.
 */

.adea-pcards{
	position:relative;overflow:hidden;background:var(--adea-pcards-bg,#f7fafd);
	padding:var(--adea-pcards-pt,86px) 0 var(--adea-pcards-pb,96px);
	font-family:var(--adea-font-testo,'Source Sans 3',system-ui,sans-serif);
	line-height:normal; /* il Kit impone 1.5 */
}
.adea-pcards-inner{
	position:relative;max-width:var(--adea-pcards-maxw,1240px);
	margin:0 auto;padding:0 var(--adea-pcards-pad-x,40px);
}
/* la parola in filigrana, dietro le schede */
.adea-pcards-word{
	position:absolute;pointer-events:none;user-select:none;
	left:50%;top:var(--adea-pcards-word-top,30%);transform:translateX(-50%);
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:700;
	text-transform:uppercase;font-size:clamp(90px,15vw,220px);line-height:.8;
	letter-spacing:-.05em;white-space:nowrap;
	color:transparent;-webkit-text-stroke:1.6px rgba(0,79,158,.08);
}

/* ---------- testata ---------- */
.adea-pcards-head{text-align:center;max-width:var(--adea-pcards-head-maxw,720px);margin:0 auto 44px}
.adea-pcards-kicker{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:var(--adea-t-kicker,12px);letter-spacing:var(--adea-t-kicker-ls,.16em);
	text-transform:uppercase;color:var(--adea-verde,#42AD59);margin-bottom:14px;
}
.adea-pcards-head h2{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:var(--adea-pcards-title,34px);line-height:1.16;letter-spacing:-.02em;
	color:var(--adea-blu,#004F9E);margin:0 0 14px;
}
.adea-pcards-head p{font-size:15.5px;line-height:1.7;color:#5b6b78;margin:0}

/* ---------- griglia delle schede ---------- */
.adea-pcards-grid{
	position:relative;
	display:grid;grid-template-columns:repeat(var(--adea-pcards-n,5),1fr);
	gap:var(--adea-pcards-gap,18px);align-items:stretch;
}
.adea-pcard{
	display:flex;flex-direction:column;background:#fff;
	border:1px solid #e6edf5;border-radius:18px;overflow:hidden;
	box-shadow:0 18px 40px -28px rgba(10,37,64,.28);
	transition:transform .32s var(--adea-ease-spring),box-shadow .32s ease,border-color .25s ease;
}
.adea-pcard:hover,.adea-pcard:focus-within{
	transform:translateY(-6px);border-color:#cfe0f2;
	box-shadow:0 30px 56px -26px rgba(10,37,64,.38);
}
/* la busta: il fondo bianco del file sparisce nella scheda */
.adea-pcard-media{
	display:flex;align-items:flex-end;justify-content:center;
	height:var(--adea-pcard-media-h,178px);padding:22px 18px 0;
}
.adea-pcard-media img{
	display:block;width:auto;max-width:100%;max-height:100%;object-fit:contain;
	mix-blend-mode:multiply;
}
.adea-pcard-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.adea-pcard-body h3{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:var(--adea-pcard-title,15px);line-height:1.28;letter-spacing:.01em;
	text-transform:uppercase;color:var(--adea-blu,#004F9E);margin:0 0 12px;
}
.adea-pcard-body p{font-size:13.5px;line-height:1.62;color:#5b6b78;margin:0 0 20px;flex:1}
/* scheda di sola foto + nome (sezione introduttiva): senza frase e senza
   freccia il margine sotto il titolo sbilancerebbe la scheda verso il basso */
.adea-pcard-body h3:last-child{margin-bottom:0}
/* il cerchietto con la freccia */
.adea-pcard-body .adea-pcard-go{
	width:34px;height:34px;border-radius:50%;flex:none;
	border:1.4px solid #cfe0f2;color:var(--adea-blu,#004F9E);
	display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
	transition:background .25s ease,color .25s ease,border-color .25s ease,transform .3s var(--adea-ease-spring);
}
.adea-pcard:hover .adea-pcard-go,
.adea-pcard-body .adea-pcard-go:focus-visible{
	background:var(--adea-blu,#004F9E);border-color:var(--adea-blu,#004F9E);
	color:#fff;transform:translateX(3px);
}

/* ---------- bottone sotto la griglia ---------- */
.adea-pcards-cta{text-align:center;margin-top:var(--adea-pcards-cta-mt,40px)}
.adea-pcards-cta .adea-pcards-btn{
	display:inline-flex;align-items:center;gap:12px;text-decoration:none;
	background:var(--adea-footer,#0a2540);color:#fff;
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:14.5px;padding:15px 28px;border-radius:999px;line-height:normal;
	box-shadow:0 20px 40px -22px rgba(10,37,64,.6);
	transition:background .25s ease,transform .3s var(--adea-ease-spring),box-shadow .3s ease;
}
.adea-pcards-cta .adea-pcards-btn:hover,
.adea-pcards-cta .adea-pcards-btn:focus-visible{
	background:var(--adea-blu,#004F9E);color:#fff;transform:translateY(-2px);
	box-shadow:0 26px 48px -20px rgba(0,79,158,.6);
}

/* ---------- breakpoint ---------- */
@media(max-width:1180px){
	.adea-pcards-grid{grid-template-columns:repeat(3,1fr);gap:20px}
}
@media(max-width:960px){
	.adea-pcards{padding:64px 0 72px}
	.adea-pcards-inner{padding-left:24px;padding-right:24px}
	.adea-pcards-grid{grid-template-columns:repeat(2,1fr)}
	.adea-pcards-head h2{font-size:28px}
}
@media(max-width:560px){
	.adea-pcards-grid{grid-template-columns:1fr;gap:16px}
	.adea-pcards-word{font-size:clamp(64px,22vw,120px)}
	.adea-pcards-head h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){
	.adea-pcard:hover,.adea-pcard:focus-within,
	.adea-pcard:hover .adea-pcard-go,
	.adea-pcards-cta .adea-pcards-btn:hover{transform:none!important}
}