/* =====================================================================
   Bloc « En résumé », page Produits structurés.

   Meme portee que le bloc precedent, et pour la meme raison :
   produits-structures-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.

   Seules les variables reellement lues ici sont reprises. Une racine qui
   declare des couleurs qu elle n emploie pas laisse croire, a la lecture,
   que le bloc s en sert.
   ===================================================================== */

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

#iestruct-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. Le rendu est le meme, et
   le conteneur les rogne de la meme facon.
   ===================================================================== */
.e-con.e-parent:has(#iestruct-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(#iestruct-resume){width:100%}

.e-con.e-parent:has(#iestruct-resume)::before,
.e-con.e-parent:has(#iestruct-resume)::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;
}
.e-con.e-parent:has(#iestruct-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(#iestruct-resume)::after{
  bottom:-180px;left:-300px;width:480px;height:480px;
  background:radial-gradient(circle,rgba(7,18,74,.06),transparent 70%);
}

/* Le panneau. Plus de bordure, plus de marge basse : c est le remplissage du
   conteneur qui donne l air autour, comme chez AV. */
#iestruct-resume .iestruct-block{background:#fff;border:none;
  font-family:var(--font);color:var(--navy)}
#iestruct-resume .iestruct-block--sum{
  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);
}
#iestruct-resume .iestruct-inner{max-width:none;margin:0 auto;padding:0 52px}

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

#iestruct-resume .iestruct-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
#iestruct-resume .iestruct-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}
#iestruct-resume .iestruct-cta--p{background:var(--orange);color:#fff;
  box-shadow:0 12px 26px -12px rgba(241,136,21,.75)}
#iestruct-resume .iestruct-cta--s{background:#fff;border:1.5px solid var(--line);color:var(--navy)}
#iestruct-resume .iestruct-cta svg{flex:none}

/* Le titre du resume descend a 26 px sous 820 px, VALEUR PRISE SUR LA PAGE
   CAPI. La maquette de cette page-ci n avait pas de regle pour lui, ce qui
   laissait le meme objet a deux tailles selon la page produit consultee : un
   oubli, pas une difference voulue.

   LA REGLE MOBILE VISE --sum, PAS .iestruct-block. Elle visait la classe de
   base, qui vient avant le modificateur dans la feuille : sur mobile elle
   ecrasait donc le rayon du panneau et lui rendait les 14 px de la carte.
   Les valeurs de repli sont celles d AV : 48 px de bande, 32/26 de panneau. */
@media(max-width:820px){
  .e-con.e-parent:has(#iestruct-resume){padding-top:48px;padding-bottom:48px}
  #iestruct-resume .iestruct-sum__h{font-size:26px;line-height:34px}
  #iestruct-resume .iestruct-block--sum{padding:32px 0 36px;border-radius:20px}
  #iestruct-resume .iestruct-inner{padding:0 26px}
}