/* Section « Qu'est-ce qu'une SCPI ? ».
   Fond blanc, comme le reste de la page ou seul le hero est teinte.
   Pas de filet haut : la section des profils qui precede porte deja un filet
   bas, en ajouter un ici en doublerait l'epaisseur. */
#scpi-comprendre{
	--sc-navy:#07124A;
	--sc-orange:#F18815;
	--sc-orange-2:#d4760f;
	--sc-muted:#64748B;
	--sc-muted-2:#6b7391;
	--sc-line:#E7E9F0;
	--sc-hair:#C9D2E4;
	--sc-tint:#EEF1F9;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:32px;
	padding-right:32px;
	font-family:'Plus Jakarta Sans','Poppins',sans-serif;
	color:#1e2748;
	line-height:1.55;
}
#scpi-comprendre p,#scpi-comprendre h2,#scpi-comprendre h3{margin:0;padding:0}

.e-con.e-parent:has(#scpi-comprendre){
	padding-top:48px;
	padding-bottom:48px;
	border-bottom:1px solid #E7E9F0;
}
.elementor-widget-shortcode:has(#scpi-comprendre){width:100%}

#scpi-comprendre .sc__eyebrow{
	display:flex;align-items:center;gap:10px;
	font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
	color:var(--sc-navy);margin:0 0 16px;
}
#scpi-comprendre .sc__eyebrow::before{
	content:"";width:16px;height:3px;border-radius:2px;background:var(--sc-orange);flex:none;
}
#scpi-comprendre .sc__title{
	font-size:36px;font-weight:800;line-height:1.16;letter-spacing:-.025em;
	color:var(--sc-navy);margin:0 0 14px;
}
#scpi-comprendre .sc__lead{font-size:15px;line-height:26px;color:var(--sc-muted);max-width:690px}
#scpi-comprendre .sc__lead b{color:var(--sc-navy);font-weight:700}

#scpi-comprendre .sc__wrap{margin:38px 0 0}
#scpi-comprendre .sc__svg{display:block;width:100%;height:auto}
#scpi-comprendre .sc__mob{display:none}

/* Si le visiteur a demande moins d'animations, les particules et les reactions
   disparaissent et le schema reste complet et lisible. */
@media (prefers-reduced-motion:reduce){
	#scpi-comprendre .sc-flux,
	#scpi-comprendre .sc-reac{display:none}
}

#scpi-comprendre .sc__keys{
	margin:30px 0 0;padding-top:26px;border-top:1px solid var(--sc-line);
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;
}
#scpi-comprendre .sc__kn{
	display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
	border-radius:50%;background:var(--sc-navy);color:#fff;font-size:11px;font-weight:800;margin:0 0 10px;
}
#scpi-comprendre .sc__kt{
	font-size:14.5px;font-weight:800;letter-spacing:-.012em;color:var(--sc-navy);margin:0 0 6px;
}
#scpi-comprendre .sc__kd{font-size:13px;line-height:21px;color:var(--sc-muted)}
#scpi-comprendre .sc__kd b{color:var(--sc-navy);font-weight:700}

#scpi-comprendre .sc__illu{
	margin:14px 0 0;font-size:11.5px;line-height:19px;color:#9AA3BC;max-width:760px;
}

@media (max-width:900px){
	#scpi-comprendre{padding-left:20px;padding-right:20px}
	#scpi-comprendre .sc__title{font-size:27px}
	#scpi-comprendre .sc__svg{display:none}
	#scpi-comprendre .sc__mob{display:block}
	#scpi-comprendre .sc__keys{grid-template-columns:1fr;gap:22px}
}

/* ── version mobile : le flux devient vertical ── */
#scpi-comprendre .sc-step{display:flex;gap:16px;padding:0 0 22px;position:relative}
#scpi-comprendre .sc-step:not(:last-child)::after{
	content:"";position:absolute;left:23px;top:52px;bottom:0;width:2px;background:var(--sc-hair);
}
#scpi-comprendre .sc-step--ret:not(:last-child)::after{background:var(--sc-orange)}
#scpi-comprendre .sc-step__dot{
	flex:none;width:48px;height:48px;border-radius:50%;background:#fff;
	border:1.5px solid var(--sc-hair);display:inline-flex;align-items:center;justify-content:center;z-index:1;
}
#scpi-comprendre .sc-step__dot svg{
	width:22px;height:22px;fill:none;stroke:var(--sc-navy);stroke-width:1.6;
	stroke-linecap:round;stroke-linejoin:round;
}
#scpi-comprendre .sc-step--vous .sc-step__dot{background:var(--sc-orange);border-color:var(--sc-orange)}
#scpi-comprendre .sc-step--vous .sc-step__dot svg{stroke:#fff}
#scpi-comprendre .sc-step--pivot .sc-step__dot{background:var(--sc-navy);border-color:var(--sc-navy)}
#scpi-comprendre .sc-step--pivot .sc-step__dot svg{stroke:#fff}
#scpi-comprendre .sc-step--ret .sc-step__dot{border-color:var(--sc-orange)}
#scpi-comprendre .sc-step--ret .sc-step__dot svg{stroke:var(--sc-orange)}
#scpi-comprendre .sc-step__t{font-size:15px;font-weight:800;color:var(--sc-navy);margin:0 0 4px}
#scpi-comprendre .sc-step__d{font-size:13px;line-height:21px;color:var(--sc-muted)}
#scpi-comprendre .sc-step__sect{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
#scpi-comprendre .sc-step__sect span{
	font-size:11.5px;font-weight:700;color:var(--sc-muted-2);
	background:var(--sc-tint);border-radius:6px;padding:3px 9px;
}