body.elementor-page-3717:not(.elementor-motion-effects-element-type-background), body.elementor-page-3717 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}/* Start custom CSS for text-editor, class: .elementor-element-6d4d5622 *//* ==============================
   Variables globales
============================== */
:root{
  --primary:   #01b2ff;
  --secondary: #28ffbc;
  --accent:    #000080;
  --text:      #2f3640;
  --bg:        #f5f7fa;
  --card:      #ffffff;
  --radius:    14px;
  --shadow:    0 10px 30px rgba(0,0,0,.08);
}

/* Reset rapide & typo */
body{font-family:"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);}
h2,h4{color:var(--accent);font-weight:700;margin-top:0}

/* ------------------------------
   Conteneur principal
------------------------------ */
.story-wrapper{
  max-width:1100px;margin:0 auto;padding:clamp(1.75rem,4vw,3.5rem);
  background:rgba(255,255,255,.9);backdrop-filter:saturate(140%) blur(10px);
  border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:var(--shadow);
  position:relative;isolation:isolate;
}
.story-wrapper::before,.story-wrapper::after{
  content:"";position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;
}
.story-wrapper::before{width:380px;height:380px;top:-180px;left:-120px;background:var(--primary);opacity:.12;}
.story-wrapper::after {width:480px;height:480px;bottom:-240px;right:-150px;background:var(--secondary);opacity:.10;}

/* ------------------------------
   Cartes
------------------------------ */
.card{
  background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:clamp(1.5rem,3vw,2.5rem);margin-bottom:2.5rem;overflow:hidden;position:relative;
  color:var(--text);
}
.card--stripe::before{
  content:"";position:absolute;inset:0 0 0 auto;width:6px;background:linear-gradient(var(--primary),var(--secondary));
}

/* ------------------------------
   Partenaires (image pleine largeur)
------------------------------ */
.partners-img img{border-radius:var(--radius);box-shadow:0 6px 20px rgba(1,178,255,.15);width:100%;height:auto;}

/* ------------------------------
   Icônes Réseaux Sociaux
------------------------------ */
.social-icons{display:flex;gap:1.75rem;justify-content:center;margin-top:1rem;}
.social-icons a{
  display:inline-flex;width:72px;height:72px;border-radius:50%;overflow:hidden;
  transition:transform .35s cubic-bezier(.25,.75,.3,1.2);box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.social-icons a:hover{transform:translateY(-6px) rotate3d(1,1,0,12deg);}
.social-icons img{width:100%;height:100%;object-fit:cover;}

/* ------------------------------
   Boutons
------------------------------ */
.story-btn{
  --g:linear-gradient(135deg,var(--primary),#0095d9);
  display:inline-block;padding:.95rem 2.5rem;border-radius:50px;
  font-size:1.05rem;font-weight:600;color:#fff!important;text-decoration:none;
  background:var(--g);box-shadow:0 8px 24px rgba(1,178,255,.3);margin:.5rem 0;
  transition:transform .35s cubic-bezier(.175,.885,.32,1.275);
}
.story-btn.alt{background:#6a6c71;box-shadow:0 8px 24px rgba(0,0,0,.15);}
.story-btn:hover{transform:translateY(-6px);}

/* ------------------------------
   Responsive
------------------------------ */
@media(max-width:780px){
  .social-icons{gap:1.25rem;}
  .story-btn{padding:.85rem 2rem;font-size:1rem;}
}

/* 1. Forcer la couleur des titres dans la zone "Story" */
.story-wrapper h2,
.story-wrapper h4{
  color:var(--accent) !important;   /* écrase les classes has-white-color etc. */
}

/* 2. Centrer réellement le wrapper même lorsqu'il est alignfull */
.wp-block-group.story-wrapper.alignfull{
  margin-left:auto !important;
  margin-right:auto !important;
  width:auto;                       /* < 100vw → on retrouve le centrage */
}

/* 3. Ajouter un écart confortable entre les deux colonnes */
.story-wrapper > .wp-block-columns{
  gap:clamp(2rem,4vw,3.5rem);
}/* End custom CSS */