/*
 * Percorso riservato: dedicated stylesheet, ported from the codepen mockup built for
 * this page, not from the landing's reduced nz- system — this
 * page follows the codepen's own graphics, section order and card design directly. Only the
 * header/footer stay the landing's (loaded separately by landing.css, via the Site Builder
 * "Percorso" condition). Scoped under .percorso-riservato so nothing leaks to the rest of the
 * site; enqueued only on pages using the "Percorso riservato" template.
 */

.percorso-riservato{
	--pr-blue:#004b76;--pr-blue-dark:#003653;--pr-blue-light:#eaf4f9;--pr-sky:#68b8d8;
	--pr-bg:#f5f9fc;--pr-text:#1f2d36;--pr-text-light:#61717b;--pr-border:#d9e7ee;
	--pr-radius-l:28px;--pr-radius-m:18px;--pr-radius-s:10px;--pr-container:1180px;
	color:var(--pr-text);font-family:Arial,Helvetica,sans-serif;line-height:1.65;
}
.percorso-riservato img{max-width:100%;display:block}
.percorso-riservato h1,.percorso-riservato h2,.percorso-riservato h3{
	line-height:1.15;font-family:Georgia,"Times New Roman",serif;font-weight:500;
	color:var(--pr-blue-dark);margin:0 0 .5em;text-transform:none;letter-spacing:0;
}
.percorso-riservato h2{font-size:clamp(2rem,4vw,3.4rem)}
.percorso-riservato h3{font-size:1.55rem}
.percorso-riservato p{margin:0 0 1.1rem}

.percorso-riservato .pr-section{padding:clamp(3.5rem,8vw,6.5rem) 1rem}
.percorso-riservato .pr-section>.wp-block-group__inner-container,
.percorso-riservato .pr-section:not(:has(>.wp-block-group__inner-container)){
	max-width:var(--pr-container);margin-left:auto;margin-right:auto;
}
.percorso-riservato .pr-light{background:var(--pr-bg)}
.percorso-riservato .pr-blue{background:var(--pr-blue);color:#fff}
.percorso-riservato .pr-blue h1,.percorso-riservato .pr-blue h2,.percorso-riservato .pr-blue h3,
.percorso-riservato .pr-blue p,.percorso-riservato .pr-blue .pr-eyebrow{color:#fff}
.percorso-riservato .pr-center{text-align:center}
.percorso-riservato .pr-center .pr-lead{margin-left:auto;margin-right:auto}

.percorso-riservato .pr-eyebrow{
	display:block;margin:0 0 1rem;color:var(--pr-blue);font-size:.82rem;font-weight:700;
	letter-spacing:.12em;text-transform:uppercase;
}
.percorso-riservato .pr-blue .pr-eyebrow{color:#9fd4e6}
.percorso-riservato .pr-lead{
	max-width:780px;font-size:clamp(1.08rem,2vw,1.3rem);color:var(--pr-text-light);margin:0 0 1.1rem;
}
.percorso-riservato .pr-blue .pr-lead{color:rgba(255,255,255,.84)}
.percorso-riservato .pr-small{font-size:.92rem;color:var(--pr-text-light);margin:0 0 1.1rem}

/* Buttons (Gutenberg button block) */
.percorso-riservato .wp-block-button__link{
	display:inline-flex;align-items:center;justify-content:center;min-height:52px;
	padding:14px 25px;border:1px solid var(--pr-blue)!important;border-radius:999px!important;
	background:var(--pr-blue)!important;color:#fff!important;font-weight:700;text-decoration:none;
}
.percorso-riservato .wp-block-button__link:hover{background:var(--pr-blue-dark)!important;border-color:var(--pr-blue-dark)!important}
.percorso-riservato .is-style-outline .wp-block-button__link{background:transparent!important;color:var(--pr-blue)!important}
.percorso-riservato .is-style-outline .wp-block-button__link:hover{background:var(--pr-blue)!important;color:#fff!important}
.percorso-riservato .pr-blue .wp-block-button__link{background:#fff!important;color:var(--pr-blue)!important;border-color:#fff!important}
.percorso-riservato .pr-blue .wp-block-button__link:hover{background:var(--pr-blue-light)!important;border-color:var(--pr-blue-light)!important;color:var(--pr-blue-dark)!important}

/* Hero */
.percorso-riservato .pr-hero{
	position:relative;overflow:hidden;padding:clamp(4rem,10vw,7rem) 1rem;
	background:
		radial-gradient(circle at 82% 20%,rgba(104,184,216,.22),transparent 55%),
		linear-gradient(135deg,var(--pr-blue-light),#fff 70%);
}
.percorso-riservato .pr-hero h1{max-width:880px;margin-left:auto;margin-right:auto;font-size:clamp(2.1rem,5vw,3.6rem)}
.percorso-riservato .pr-hero .pr-lead{max-width:780px}
.percorso-riservato .pr-hero .wp-block-buttons{margin-top:1.5rem;justify-content:center}

/* Conosciamoci meglio: invitation card (as in the codepen) + the form in a modal dialog */
.percorso-riservato .pr-test-section{background:#fff;padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2.5rem,6vw,4.5rem)}
.percorso-riservato .pr-test-card{
	padding:38px 42px;border:1px solid var(--pr-border);border-radius:var(--pr-radius-l);
	background:
		radial-gradient(circle at 88% 22%,rgba(104,184,216,.22),transparent 24%),
		linear-gradient(135deg,#fff,var(--pr-blue-light));
	box-shadow:0 18px 48px rgba(0,75,118,.12);
}
.percorso-riservato .pr-test-card>.wp-block-group__inner-container,
.percorso-riservato .pr-test-card:not(:has(>.wp-block-group__inner-container)){
	display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;
}
.percorso-riservato .pr-test-card h2{margin-bottom:14px;font-size:clamp(1.9rem,4vw,3rem)}
.percorso-riservato .pr-test-card .pr-lead{margin-bottom:0}
.percorso-riservato .pr-test-meta{
	display:flex;flex-wrap:wrap;gap:14px;margin:20px 0 0;
	color:var(--pr-blue);font-size:.92rem;font-weight:700;
}
.percorso-riservato .pr-test-meta span{
	display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;
	background:rgba(255,255,255,.78);border:1px solid var(--pr-border);
}
.percorso-riservato .pr-test-open{align-self:center;height:auto!important;cursor:pointer;font-size:1rem;font-family:inherit;line-height:1.2}
@media(max-width:980px){
	.percorso-riservato .pr-test-card{padding:28px 24px}
	.percorso-riservato .pr-test-card>.wp-block-group__inner-container,
	.percorso-riservato .pr-test-card:not(:has(>.wp-block-group__inner-container)){grid-template-columns:1fr;gap:24px}
}
.percorso-riservato .fluentform{max-width:640px;margin:1.5rem auto 0;text-align:left}
.percorso-riservato .pr-dialog{
	width:min(720px,calc(100% - 2rem));min-height:50vh;max-height:90vh;overflow:auto;padding:2.2rem 2rem 2rem;
	border:0;border-radius:var(--pr-radius-l);background:#fff;color:var(--pr-text);
	box-shadow:0 30px 80px rgba(0,31,48,.35);
}
.percorso-riservato .pr-bio-dialog{width:min(560px,calc(100% - 2rem))}
.percorso-riservato .pr-bio-dialog h3{margin:0 2.5rem .8rem 0;font-size:1.4rem}
.percorso-riservato .pr-bio-dialog p{margin:0;color:var(--pr-text-light)}
/* Questionnaire (Fluent Forms markup) styled after the mockup: answer cards in two columns */
.percorso-riservato .pr-test-dialog{width:min(940px,calc(100% - 2rem));padding:0;border-radius:26px}
.percorso-riservato .pr-test-head{
	padding:42px 42px 32px;color:#fff;
	background:
		radial-gradient(circle at 90% 20%,rgba(159,212,230,.32),transparent 28%),
		linear-gradient(135deg,var(--pr-blue-dark),var(--pr-blue));
}
.percorso-riservato .pr-test-head .pr-eyebrow{color:#9fd4e6}
.percorso-riservato .pr-test-head h2{margin:0 0 14px;color:#fff;font-size:clamp(2rem,4vw,3.2rem)}
.percorso-riservato .pr-test-head .pr-test-intro{max-width:720px;margin:0;color:rgba(255,255,255,.84);font-size:1rem}
.percorso-riservato .pr-test-body{padding:38px 42px 42px}
.percorso-riservato .pr-test-dialog .ff-el-group:not(.ff_submit_btn_wrapper){margin-bottom:34px;padding-bottom:30px;border-bottom:1px solid var(--pr-border)}
.percorso-riservato .pr-test-dialog .ff-el-group:has(+ .has-conditions.ff_cond_v){margin-bottom:12px;padding-bottom:0;border-bottom:0}
.percorso-riservato .pr-test-dialog .ff-el-input--label label{display:block;margin-bottom:5px;font-size:1.08rem;font-weight:800;color:var(--pr-text)}
.percorso-riservato .pr-test-dialog .ff-el-help-message{margin:0 0 16px;color:var(--pr-text-light);font-size:.9rem}
.percorso-riservato .pr-test-dialog .ff-el-input--content:has(.ff-el-form-check){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.percorso-riservato .pr-test-dialog .ff-el-input--content:has(.ff-el-form-check)>:not(.ff-el-form-check){grid-column:1/-1}
.percorso-riservato .pr-test-dialog .fluentform{max-width:none;margin:0}
.percorso-riservato .pr-test-dialog .ff-el-form-check{margin:0}
.percorso-riservato .pr-test-dialog .ff-el-form-check-label{
	display:flex;align-items:flex-start;gap:11px;width:100%;height:100%;min-height:54px;margin:0;padding:14px 16px;
	border:1px solid var(--pr-border);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;
}
.percorso-riservato .pr-test-dialog .ff-el-form-check-label:hover{border-color:var(--pr-sky);background:var(--pr-blue-light)}
.percorso-riservato .pr-test-dialog .ff-el-form-check-label:has(input:checked){
	border-color:var(--pr-blue);background:var(--pr-blue-light);box-shadow:0 0 0 2px rgba(0,75,118,.07);
}
.percorso-riservato .pr-test-dialog .ff-el-form-check-label:has(input:disabled){opacity:.5;cursor:not-allowed}
.percorso-riservato .pr-test-dialog .ff-el-form-check-input{flex:none;width:18px;height:18px;margin:6px 0 0;accent-color:var(--pr-blue)}
.percorso-riservato .pr-test-dialog .ff-el-form-control{padding:13px 14px;border:1px solid var(--pr-border);border-radius:10px}
.percorso-riservato .pr-test-dialog .ff-el-form-control:focus{border-color:var(--pr-blue);box-shadow:0 0 0 3px rgba(0,75,118,.1);outline:none}
.percorso-riservato .pr-test-dialog .ff-el-is-error .error,.percorso-riservato .pr-test-dialog .error.text-danger{margin-top:10px;font-size:.88rem;font-weight:700}
.percorso-riservato .pr-test-dialog .ff_submit_btn_wrapper{text-align:right;margin-bottom:0}
.percorso-riservato .pr-test-dialog .ff-btn-submit{
	min-height:52px;padding:14px 25px;border:0;border-radius:999px;background:var(--pr-blue)!important;color:#fff!important;font-weight:700;font-size:1rem;cursor:pointer;
}
.percorso-riservato .pr-test-dialog .ff-btn-submit:hover{background:var(--pr-blue-dark)!important}
@media(max-width:640px){
	.percorso-riservato .pr-test-head{padding:34px 22px 26px}
	.percorso-riservato .pr-test-body{padding:26px 22px 30px}
	.percorso-riservato .pr-test-dialog .ff-el-input--content:has(.ff-el-form-check){grid-template-columns:1fr}
}
.percorso-riservato .pr-dialog::backdrop{background:rgba(0,31,48,.6)}
.percorso-riservato .pr-dialog-close{
	position:absolute;top:.8rem;right:1rem;width:40px;height:40px;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;
	background:var(--pr-blue-light);color:var(--pr-blue);font-size:1.6rem;line-height:1;cursor:pointer;
}
.percorso-riservato .pr-dialog-close:hover{background:var(--pr-border)}
html:has(.pr-dialog[open]){overflow:hidden}

/* Progetto: text + image */
.percorso-riservato .pr-intro-grid>.wp-block-columns{align-items:center;gap:70px}
.percorso-riservato .pr-image-card{
	min-height:420px;border-radius:var(--pr-radius-l);background:var(--pr-blue-light);
	box-shadow:0 18px 48px rgba(0,75,118,.12);
	text-align:center;color:var(--pr-blue);border:2px dashed var(--pr-sky);
}
.percorso-riservato .pr-image-card>.wp-block-group__inner-container,
.percorso-riservato .pr-image-card:not(:has(>.wp-block-group__inner-container)){
	min-height:inherit;display:flex;align-items:center;justify-content:center;padding:1.5rem;
}
/* Logo instead of a photo: no placeholder border, logo kept small (source file is ~490px wide) */
.percorso-riservato .pr-image-card.pr-logo-card{border:0}
.percorso-riservato .pr-logo-card figure{margin:0}
.percorso-riservato .pr-logo-card img{display:block;width:300px;max-width:100%;height:auto}
.percorso-riservato .pr-quote{
	margin-top:1.5rem;padding:1.3rem 1.5rem;border-left:4px solid var(--pr-sky);
	background:var(--pr-blue-light);border-radius:0 var(--pr-radius-s) var(--pr-radius-s) 0;
	font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;color:var(--pr-blue-dark);
}
.percorso-riservato .pr-quote p{margin:0}

/* Video progetto: plays on click only, with sound (no autoplay, unlike the landing teaser) */
.percorso-riservato .pr-video{
	margin:2rem 0 0;border-radius:var(--pr-radius-l);overflow:hidden;
	box-shadow:0 18px 48px rgba(0,75,118,.18);background:#000;
}
.percorso-riservato .pr-video video{display:block;width:100%;height:auto;aspect-ratio:16/9}

/* Closing call to action: text left, button right */
.percorso-riservato .pr-cta-box>.wp-block-group__inner-container,
.percorso-riservato .pr-cta-box:not(:has(>.wp-block-group__inner-container)){
	display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;
}
.percorso-riservato .pr-cta-box h2{max-width:760px}
.percorso-riservato .pr-cta-box .pr-lead{margin-bottom:0}
.percorso-riservato .pr-cta-box .wp-block-buttons{margin:0}
@media(max-width:980px){
	.percorso-riservato .pr-cta-box>.wp-block-group__inner-container,
	.percorso-riservato .pr-cta-box:not(:has(>.wp-block-group__inner-container)){grid-template-columns:1fr;gap:28px}
}

/* Cosa troverai */
.percorso-riservato .pr-features>.wp-block-group__inner-container,
.percorso-riservato .pr-features:not(:has(>.wp-block-group__inner-container)){
	margin-top:2.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
}
.percorso-riservato .pr-feature{
	padding:30px 26px;border:1px solid var(--pr-border);border-radius:var(--pr-radius-m);
	background:#fff;margin:0!important;
}
.percorso-riservato .pr-feature .pr-feature-number{
	width:42px;height:42px;margin:0 0 20px;display:flex;align-items:center;justify-content:center;
	border-radius:50%;background:var(--pr-blue-light);color:var(--pr-blue);font-weight:800;
}
.percorso-riservato .pr-feature h3{margin-bottom:.6rem;font-size:1.2rem}
.percorso-riservato .pr-feature p{margin:0;color:var(--pr-text-light);font-size:.95rem}

/* Programma: webinar list, one full-width row per webinar (matches the codepen, not a grid of teaser cards) */
.percorso-riservato .percorso-riservato-grid{display:grid;gap:30px;margin-top:2.5rem}
.percorso-riservato .percorso-riservato-card{
	overflow:hidden;display:grid;grid-template-columns:360px 1fr;border:1px solid var(--pr-border);
	border-radius:var(--pr-radius-l);background:#fff;box-shadow:0 8px 24px rgba(0,75,118,.07);
}
.percorso-riservato .percorso-riservato-card-thumb{position:relative;min-height:100%;background:var(--pr-blue)}
.percorso-riservato .percorso-riservato-card-thumb img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}
.percorso-riservato .percorso-riservato-card-content{padding:42px}
.percorso-riservato .percorso-riservato-card-number{
	margin:0 0 .8rem;color:var(--pr-blue);font-size:.8rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
}
.percorso-riservato .percorso-riservato-card-title{margin:0 0 1rem;font-size:clamp(1.55rem,3vw,2.2rem)}
.percorso-riservato .percorso-riservato-card-title a{color:var(--pr-blue-dark)}
.percorso-riservato .percorso-riservato-card-description{color:var(--pr-text-light);margin:0}
.percorso-riservato .percorso-riservato-card-footer{
	margin-top:1.7rem;padding-top:1.5rem;border-top:1px solid var(--pr-border);
	display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.percorso-riservato .percorso-riservato-card-relatore{margin:0 0 .5rem;color:var(--pr-blue);font-weight:800}
.percorso-riservato .percorso-riservato-card-bio{margin:0;color:var(--pr-text-light);font-size:.94rem}
.percorso-riservato .has-bio-dialog .percorso-riservato-card-bio{display:none}
.percorso-riservato .has-bio-dialog .percorso-riservato-card-bio-toggle{display:inline;margin-top:0}
.percorso-riservato .percorso-riservato-card-bio-toggle{
	display:none;margin-top:.7rem;padding:0;border:0;background:transparent;color:var(--pr-blue);
	font-weight:700;text-decoration:underline;cursor:pointer;font-size:.94rem;
}
.percorso-riservato .percorso-riservato-card-cta{
	flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;
	padding:14px 25px;border-radius:999px;background:var(--pr-blue);color:#fff;font-weight:700;text-decoration:none;
}
.percorso-riservato .percorso-riservato-card-cta:hover{background:var(--pr-blue-dark)}
.percorso-riservato .percorso-riservato-notice{max-width:var(--pr-container);margin:0 auto;padding:2rem 1rem}

@media (max-width:980px){
	.percorso-riservato .pr-intro-grid>.wp-block-columns{grid-template-columns:1fr}
	.percorso-riservato .pr-features>.wp-block-group__inner-container,
	.percorso-riservato .pr-features:not(:has(>.wp-block-group__inner-container)){grid-template-columns:repeat(2,1fr)}
	.percorso-riservato .percorso-riservato-card{grid-template-columns:1fr}
	.percorso-riservato .percorso-riservato-card-thumb img{min-height:240px}
}
@media (max-width:640px){
	.percorso-riservato .percorso-riservato-card-footer{flex-direction:column;align-items:stretch;gap:20px}
	.percorso-riservato .percorso-riservato-card-cta{width:100%}
	.percorso-riservato .pr-features>.wp-block-group__inner-container,
	.percorso-riservato .pr-features:not(:has(>.wp-block-group__inner-container)){grid-template-columns:1fr}
	.percorso-riservato .percorso-riservato-card-content{padding:26px 22px}
}
.percorso-riservato .percorso-riservato-card .percorso-riservato-notice{max-width:none;margin:0;padding:.8rem 1rem;background:#fff4e5;border:1px solid #f0b46a;border-radius:8px;font-size:.9rem}
.percorso-riservato .pr-test-dialog .pr-privacy-note{margin:0 0 22px;padding:0;border:0}
.percorso-riservato .pr-test-dialog .pr-privacy-note p{margin:0;color:var(--pr-text-light);font-size:.9rem}