/* Section « A qui s'adressent les SCPI ? ».
   Fond blanc, comme le reste de la page SCPI ou seul le hero est teinte.
   La pastille de coche reprend celle de la page assurance vie, un anneau de
   20px au trait de 2 : une coche de liste fait le meme travail sur les deux
   pages, elle doit donc se ressembler. Les carres arrondis de 44px utilises
   ailleurs sur cette page sont des icones de section, un autre objet. */
#scpi-profils{
	--sp-navy:#07124A;
	--sp-navy-2:#12205F;
	--sp-orange:#F18815;
	--sp-orange-2:#d4760f;
	--sp-muted:#64748B;
	--sp-muted-2:#6b7391;
	--sp-line:#E7E9F0;
	--sp-hair:#C9D2E4;
	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-profils p,#scpi-profils h2,#scpi-profils h3,#scpi-profils ul{margin:0;padding:0}
#scpi-profils li{list-style:none}

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

#scpi-profils .sp__grid{
	display:grid;grid-template-columns:392px minmax(0,1fr);gap:56px;align-items:start;
}

/* -- carte de gauche -- */
#scpi-profils .sp__card{
	background:#fff;border:1px solid var(--sp-line);border-radius:20px;padding:30px 26px 26px;
	box-shadow:0 14px 40px -26px rgba(7,18,74,.18);
}
#scpi-profils .sp__rule{width:34px;height:3px;border-radius:2px;background:var(--sp-orange);margin:0 0 18px}
#scpi-profils .sp__title{
	font-size:25px;font-weight:800;line-height:1.22;letter-spacing:-.02em;
	color:var(--sp-navy);margin:0 0 8px;
}
#scpi-profils .sp__hint{font-size:12.5px;color:var(--sp-muted-2);margin:0 0 22px}

#scpi-profils .sp__list{display:flex;flex-direction:column;gap:2px;margin:0 0 24px}
#scpi-profils .sp__pick{
	display:flex;align-items:center;gap:11px;width:100%;
	background:none;border:none;padding:11px 0;text-align:left;cursor:pointer;
	font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;
	color:var(--sp-navy);white-space:normal;transition:color .2s;
}
#scpi-profils .sp__pick:hover,
#scpi-profils .sp__pick.is-on{color:var(--sp-orange-2)}
#scpi-profils .sp__tick{
	flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;
}
#scpi-profils .sp__tick svg{
	width:20px;height:20px;fill:none;stroke:var(--sp-orange);stroke-width:2;
	stroke-linecap:round;stroke-linejoin:round;
}
#scpi-profils .sp__tick circle{fill:none;transition:fill .2s}
#scpi-profils .sp__tick path{transition:stroke .2s}
#scpi-profils .sp__pick:hover .sp__tick circle{fill:rgba(241,136,21,.14)}
#scpi-profils .sp__pick.is-on .sp__tick circle{fill:var(--sp-orange)}
#scpi-profils .sp__pick.is-on .sp__tick path{stroke:#fff}
#scpi-profils .sp__tx{flex:1;min-width:0}

#scpi-profils .sp__cta{
	display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;
	background:var(--sp-navy);color:#fff;border:none;border-radius:999px;
	padding:8px 8px 8px 24px;font-family:inherit;font-size:14.5px;font-weight:700;
	cursor:pointer;text-decoration:none;transition:background .2s,transform .2s;
}
#scpi-profils .sp__cta:hover{background:var(--sp-navy-2);transform:translateY(-2px)}
#scpi-profils .sp__cta i{
	flex:none;width:38px;height:38px;border-radius:50%;background:#fff;
	display:inline-flex;align-items:center;justify-content:center;font-style:normal;
}
#scpi-profils .sp__cta i svg{
	width:17px;height:17px;fill:none;stroke:var(--sp-orange);stroke-width:2.2;
	stroke-linecap:round;stroke-linejoin:round;
}

/* -- panneau de droite -- */
#scpi-profils .sp__side-t{
	font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--sp-navy);margin:0 0 6px;
}
#scpi-profils .sp__side-s{font-size:13.5px;color:var(--sp-muted-2);margin:0 0 8px}

#scpi-profils .sp__rows{border-top:1px solid var(--sp-line)}
#scpi-profils .sp__row{border-bottom:1px solid var(--sp-line)}
#scpi-profils .sp__head{
	display:flex;align-items:center;gap:16px;width:100%;
	background:none;border:none;padding:20px 0;text-align:left;cursor:pointer;
	font-family:inherit;transition:color .2s;
}
#scpi-profils .sp__num{
	flex:none;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--sp-orange);
	font-variant-numeric:tabular-nums;
}
#scpi-profils .sp__ht{
	flex:1;min-width:0;font-size:15.5px;font-weight:700;letter-spacing:-.015em;color:var(--sp-navy);
}
#scpi-profils .sp__chev{
	flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--sp-line);
	display:inline-flex;align-items:center;justify-content:center;
	transition:transform .25s,border-color .2s,background .2s;
}
#scpi-profils .sp__chev svg{
	width:12px;height:12px;fill:none;stroke:var(--sp-muted-2);stroke-width:2.2;
	stroke-linecap:round;stroke-linejoin:round;
}
#scpi-profils .sp__head:hover .sp__chev{border-color:var(--sp-orange)}
#scpi-profils .sp__head.is-on .sp__chev{
	transform:rotate(180deg);background:var(--sp-orange);border-color:var(--sp-orange);
}
#scpi-profils .sp__head.is-on .sp__chev svg{stroke:#fff}
#scpi-profils .sp__head.is-on .sp__ht{color:var(--sp-orange-2)}

/* Ouverture par grid-template-rows, sans hauteur calculee et sans barre de
   defilement interne. */
#scpi-profils .sp__panel{
	display:grid;grid-template-rows:0fr;
	transition:grid-template-rows .3s cubic-bezier(.2,.7,.3,1);
}
#scpi-profils .sp__panel.is-open{grid-template-rows:1fr}
#scpi-profils .sp__panel-in{overflow:hidden;opacity:0;transition:opacity .25s}
#scpi-profils .sp__panel.is-open .sp__panel-in{opacity:1}
#scpi-profils .sp__panel-pad{padding:0 0 22px 28px}
#scpi-profils .sp__d{
	font-size:13.5px;line-height:22.5px;color:var(--sp-muted);margin:0 0 14px;max-width:640px;
}
#scpi-profils .sp__pts{display:flex;flex-direction:column;gap:8px}
#scpi-profils .sp__pts li{display:flex;gap:10px;font-size:13px;line-height:21px;color:var(--sp-muted)}
#scpi-profils .sp__pts li::before{
	content:"";flex:none;width:5px;height:5px;border-radius:50%;
	background:var(--sp-hair);margin-top:8px;
}
#scpi-profils .sp__pts b{color:var(--sp-navy);font-weight:700}

@media (prefers-reduced-motion:reduce){
	#scpi-profils .sp__panel,
	#scpi-profils .sp__panel-in,
	#scpi-profils .sp__chev{transition:none}
}

@media (max-width:1000px){
	#scpi-profils{padding-left:20px;padding-right:20px}
	#scpi-profils .sp__grid{grid-template-columns:1fr;gap:32px}
	#scpi-profils .sp__title{font-size:22px}
}