/* =====================================================================
   Bloc « En résumé », page Contrat de capitalisation.

   Meme portee que le bloc precedent, et pour la meme raison :
   scpi-page-blocks.css se charge sur cette page et la tranche interdit d y
   toucher. Les variables sont declarees sur la racine du bloc, jamais sur
   :root, pour ne pas ecraser les memes noms ailleurs sur le site.
   ===================================================================== */

#iecapi-resume *{box-sizing:border-box}

#iecapi-resume{
  --navy:#07124A; --orange:#F18815; --orange-2:#d4760f;
  --muted-2:#6b7391;
  --line:#E7E9F0;
  --font:'Plus Jakarta Sans','Poppins',sans-serif;
}

/* =====================================================================
   LE PANNEAU FLOTTANT, REPRIS DE LA PAGE ASSURANCE VIE.

   La maquette faisait de ce bloc une carte blanche bordee d un trait, posee
   sur une page blanche. On ne voyait donc pas la carte : on ne voyait que son
   trait, et juste au-dessus celui du bloc precedent, a vingt-six pixels de
   distance. Deux filets horizontaux sans objet apparent.

   av-resume.css resout cela autrement, et c est ce modele qui est repris ici :
   le CONTENEUR ELEMENTOR porte un fond degrade sur toute la largeur de
   l ecran, et le bloc devient un panneau blanc qui flotte dessus, sans
   bordure, tenu par une ombre portee. Le fond fait la separation que le trait
   essayait de faire, et il la fait mieux.

   LES DEUX TACHES DECORATIVES SONT DES PSEUDO-ELEMENTS. AV les ecrit en deux
   div dans son gabarit ; ici le balisage est celui qui a ete valide mot pour
   mot et il n a pas a gagner deux div de decoration.

   A NOTER, DIFFERENCE DE BALISAGE AVEC LA PAGE STRUCTURES : ici l identifiant
   #iecapi-resume est porte par la carte elle-meme, la-bas par une enveloppe
   qui la contient. Les taches sont donc posees sur le conteneur Elementor
   dans les deux cas, ce qui rend les deux feuilles identiques a la lecture
   malgre cette difference.
   ===================================================================== */
.e-con.e-parent:has(#iecapi-resume){
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f5f8fd 0%,#e9eff8 100%);
  padding-top:72px;
  padding-bottom:72px;
}
/* Si le conteneur est en flex, l enveloppe du raccourci se retrecit a son
   contenu et le panneau ne peut plus se centrer. */
.elementor-widget-shortcode:has(#iecapi-resume){width:100%}

.e-con.e-parent:has(#iecapi-resume)::before,
.e-con.e-parent:has(#iecapi-resume)::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;
}
.e-con.e-parent:has(#iecapi-resume)::before{
  top:-140px;right:-260px;width:520px;height:520px;
  background:radial-gradient(circle,rgba(241,136,21,.10),transparent 68%);
}
.e-con.e-parent:has(#iecapi-resume)::after{
  bottom:-180px;left:-300px;width:480px;height:480px;
  background:radial-gradient(circle,rgba(7,18,74,.06),transparent 70%);
}

#iecapi-resume.iecapi-block{background:#fff;border:none;
  position:relative;z-index:1;
  max-width:1136px;margin:0 auto;
  border-radius:24px;padding:48px 0 52px;
  box-shadow:0 30px 70px -34px rgba(7,18,74,.22),0 4px 14px -6px rgba(7,18,74,.05);
  font-family:var(--font);color:var(--navy)}
#iecapi-resume .iecapi-inner{max-width:none;margin:0 auto;padding:0 52px}

#iecapi-resume .iecapi-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:2.2px;color:var(--orange);
  margin:0 0 18px}
#iecapi-resume .iecapi-sum__h{font-size:34px;line-height:43px;font-weight:800;letter-spacing:-.7px;margin:0 0 28px}
#iecapi-resume .iecapi-sum__p{font-size:16.5px;line-height:31px;color:var(--muted-2);margin:0 0 22px;max-width:74ch}
#iecapi-resume .iecapi-hl{color:var(--orange);font-weight:600}
#iecapi-resume .iecapi-sum__hr{height:1px;background:var(--line);border:none;margin:32px 0 26px}
#iecapi-resume .iecapi-sum__k{font-size:17px;line-height:30px;font-style:italic;color:var(--navy);
  margin:0 0 30px;max-width:70ch}

#iecapi-resume .iecapi-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
#iecapi-resume .iecapi-cta{display:inline-flex;align-items:center;gap:11px;border-radius:999px;padding:15px 30px;
  font-size:15px;font-weight:700;text-decoration:none;font-family:inherit}
#iecapi-resume .iecapi-cta--p{background:var(--orange);color:#fff;
  box-shadow:0 12px 26px -12px rgba(241,136,21,.75)}
#iecapi-resume .iecapi-cta--s{background:#fff;border:1.5px solid var(--line);color:var(--navy)}
#iecapi-resume .iecapi-cta svg{flex:none}

/* Valeurs de repli reprises d AV : 48 px de bande, 32/26 de panneau. */
@media(max-width:820px){
  .e-con.e-parent:has(#iecapi-resume){padding-top:48px;padding-bottom:48px}
  #iecapi-resume .iecapi-sum__h{font-size:26px;line-height:34px}
  #iecapi-resume.iecapi-block{padding:32px 0 36px;border-radius:20px}
  #iecapi-resume .iecapi-inner{padding:0 26px}
}