/* Bloc de synthese de fin de page PER. Habillage repris du bloc assurance vie
     (av-resume.css), re-scope sous #per-resume avec ses propres jetons --pr-.
     Le degrade et le rognage des taches decoratives sont portes par le conteneur
     Elementor via :has(), afin que le fond couvre toute la largeur de l'ecran et
     pas seulement la boite de 1200px (approche de av-resume.css). */
  .e-con.e-parent:has(#per-resume){position:relative;overflow:hidden;
    background:linear-gradient(180deg,#f5f8fd 0%,#e9eff8 100%);
    padding-top:72px;padding-bottom:72px}
  .elementor-widget-shortcode:has(#per-resume){width:100%}

  #per-resume{
	--pr-navy:#07124A;
	--pr-orange:#F18815;
	--pr-orange-2:#d4760f;
	--pr-muted:#475569;
	--pr-card-border:#dde1ea;
	--pr-font:'Plus Jakarta Sans',system-ui,sans-serif;
	position:relative;max-width:1200px;margin:0 auto;padding:0 32px;
    font-family:var(--pr-font);line-height:1.55}
  #per-resume p,#per-resume h2{margin:0;padding:0}

  /* les deux taches decoratives : elles depassent la boite de 1200px, c'est le
     conteneur Elementor (overflow:hidden ci-dessus) qui les rogne. */
  #per-resume .pr-blob{position:absolute;border-radius:50%;pointer-events:none;display:block}
  #per-resume .pr-blob--a{top:-140px;right:-260px;width:520px;height:520px;
    background:radial-gradient(circle,rgba(241,136,21,.10),transparent 68%)}
  #per-resume .pr-blob--b{bottom:-180px;left:-300px;width:480px;height:480px;
    background:radial-gradient(circle,rgba(7,18,74,.06),transparent 70%)}

  #per-resume .pr__inner{position:relative;z-index:1;background:#fff;border-radius:24px;
    padding:48px 52px;
    box-shadow:0 30px 70px -34px rgba(7,18,74,.22),0 4px 14px -6px rgba(7,18,74,.05)}
  #per-resume .pr__ey{color:var(--pr-orange);font-size:12.5px;font-weight:700;letter-spacing:.18em;
    text-transform:uppercase;margin:0 0 14px}
  #per-resume .pr__t{color:var(--pr-navy);font-size:38px;font-weight:700;line-height:1.18;
    letter-spacing:-.02em;margin:0 0 26px}
  #per-resume .pr__p{color:var(--pr-muted);font-size:16.5px;line-height:1.75;margin:0 0 19px;max-width:900px}
  #per-resume .pr__p:last-of-type{margin-bottom:0}
  #per-resume .pr__p .hl{color:var(--pr-orange);font-weight:600}
  #per-resume .pr__p b{color:var(--pr-navy);font-weight:700}
  #per-resume .pr__bridge{color:var(--pr-navy);font-size:19px;font-weight:500;font-style:italic;
    line-height:1.55;margin:32px 0 0;padding-top:26px;border-top:1px solid #E2E8F0}
  #per-resume .pr__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px}
  #per-resume .pr__btn{display:inline-flex;align-items:center;gap:10px;padding:14px 27px;
    border-radius:999px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;
    transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
  #per-resume .pr__btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round}
  #per-resume .pr__btn--primary{background:var(--pr-orange);color:#fff;
    box-shadow:0 12px 26px -10px rgba(241,136,21,.5)}
  #per-resume .pr__btn--primary:hover{background:var(--pr-orange-2);transform:translateY(-2px);
    box-shadow:0 16px 30px -10px rgba(241,136,21,.55)}
  #per-resume .pr__btn--ghost{background:#fff;color:var(--pr-navy);border:1.5px solid var(--pr-card-border)}
  #per-resume .pr__btn--ghost:hover{border-color:var(--pr-orange);color:var(--pr-orange);transform:translateY(-2px)}

  @media(max-width:768px){
    .e-con.e-parent:has(#per-resume){padding-top:48px;padding-bottom:48px}
    #per-resume{padding:0 20px}
    #per-resume .pr__inner{padding:32px 26px;border-radius:20px}
    #per-resume .pr__t{font-size:27px}
    #per-resume .pr__p{font-size:15.5px}
    #per-resume .pr__bridge{font-size:17px}
    #per-resume .pr__cta{flex-direction:column;align-items:stretch}
    #per-resume .pr__btn{justify-content:center}
  }