/* Override landing-cards / landing-reviews di mod_kw_service. Dipende dalla base in html/mod_kw_custom/landing.css */
/* --- card (benefici, pacchetti, recensioni) ----------------------------------- */
.landing .landing-cards { display: flex; align-items: stretch; gap: 24px; width: 100%; margin-top: 48px; text-align: left; }
.landing .landing-card {
	position: relative; display: flex; flex: 1 1 0; flex-direction: column; gap: 16px; min-width: 0; padding: 40px 36px; border-radius: 4px; background: var(--l-cream);
}
.landing .landing-card h3 { font: 700 24px/normal var(--l-serif); color: var(--l-dark); }
.landing .landing-card p { font-size: 16px; line-height: 1.55; color: var(--l-text); }
.landing .landing-benefits { counter-reset: landing-card; }
.landing .landing-benefits .landing-card { counter-increment: landing-card; }
.landing .landing-benefits .landing-card::before {
	content: counter(landing-card, decimal-leading-zero); font: italic 400 40px/normal var(--l-serif); color: var(--l-rust);
}

/* benefici con icona (<i> in testa all'introtext) al posto del numero */
.landing .landing-benefits--icons .landing-card::before { content: none; }
.landing .landing-benefits--icons .landing-card > i { order: -1; font-size: 32px; line-height: 1; color: var(--l-rust); }

/* pacchetti */
.landing .landing-plans .landing-card { border: 1px solid var(--l-line); }
.landing .landing-plans .landing-card h3 { font-size: 32px; }
.landing .landing-plans .landing-price { display: flex; align-items: flex-end; gap: 8px; font: 700 56px/1 var(--l-serif); color: var(--l-dark); }
.landing .landing-plans .landing-price small { margin-bottom: 4px; font-weight: 400; font-size: 16px; line-height: 1; color: var(--l-muted); }
.landing .landing-plans ul { display: flex; flex: 1 1 auto; flex-direction: column; gap: 12px; list-style: none; }
.landing .landing-plans li { display: flex; gap: 10px; font-size: 16px; }
.landing .landing-plans li::before {
	content: '\f00c'; flex: none; font: 900 14px/1.6 'Font Awesome 6 Pro'; color: inherit;
}
.landing .landing-plans .landing-btn { width: 100%; }
.landing .landing-plans .landing-flag { position: absolute; top: 48px; right: 36px; }
.landing .landing-plans .is-featured { border: 2px solid var(--l-rust); background: var(--l-dark); }
.landing .landing-plans .is-featured h3,
.landing .landing-plans .is-featured li { color: #fff; }
.landing .landing-plans .is-featured .landing-price { color: var(--l-cream); }
.landing .landing-plans .is-featured .landing-price small { color: var(--l-sand); }

/* recensioni */
.landing .landing-reviews-section .kw-module-header { color: #fff; }
.landing .landing-reviews-section .landing-eyebrow { color: var(--l-cream); }
.landing .landing-section .landing-rating { margin-top: 48px; font-size: 22px; font-weight: 600; color: var(--l-cream); }
.landing .landing-rating i,
.landing .landing-stars i { margin-right: 2px; }
.landing .landing-rating i,
.landing .landing-card .landing-stars i { color: var(--l-gold); }
.landing .landing-rating span { margin-left: 12px; }
.landing .landing-review { background: rgba(255, 255, 255, .08); }
.landing .landing-card .landing-stars { font-size: 14px; color: var(--l-cream); }
.landing .landing-review blockquote { flex: 1 1 auto; border: 0; font: italic 400 18px/1.5 var(--l-serif); color: #fff; }
.landing .landing-review blockquote p { font: inherit; color: inherit; }
.landing .landing-card .landing-review-author { font-weight: 600; font-size: 14px; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: var(--l-cream); }


@media (max-width: 991.98px) {
	.landing .landing-cards { flex-direction: column; }
}

@media (max-width: 575.98px) {
	.landing .landing-card { padding: 32px 24px; }
	.landing .landing-plans .landing-flag { top: 40px; right: 24px; }
}

.landing .landing-section .landing-note { order: 1; margin-top: 48px; font-size: 15px; color: var(--l-muted); }
@media (min-width: 992px) {
	.landing .landing-plans .landing-card { min-height: 527px; }
}
