.elementor-kit-1049{--e-global-color-primary:#1E56D8;--e-global-color-secondary:#1230A0;--e-global-color-text:#3B7CF6;--e-global-color-accent:#C8DFFF;--e-global-color-4e99a5e:#EAF3FF;--e-global-color-49ce1cb:#0B1A50;--e-global-color-6c3e7cf:#0D1F5C;--e-global-color-da30db5:#3A5280;--e-global-color-ad21c86:#7090B8;--e-global-color-671f8f9:#F0F6FF;--e-global-color-1346177:#DC2626;--e-global-color-bbfd315:#16A34A;--e-global-color-76313b3:#F59E0B;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-1049 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════
   ATLAS-CONNECT — CSS GLOBAL
   Kit de site > CSS personnalisé
   ═══════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=Poppins:wght@400;500;600;700&display=swap');

/* ── Variables ── */
:root {
  --blue-dark:  #1230a0;
  --blue-main:  #1e56d8;
  --blue-mid:   #3b7cf6;
  --blue-light: #c8dfff;
  --blue-ultra: #eaf3ff;
  --navy:       #0b1a50;
  --text-dark:  #0d1f5c;
  --text-mid:   #3a5280;
  --text-light: #7090b8;
  --bg:         #f0f6ff;
  --red:        #dc2626;
  --green:      #16a34a;
  --orange:     #f59e0b;
  --shadow-sm:  0 4px 16px rgba(30,86,216,.08);
  --shadow-md:  0 10px 40px rgba(30,86,216,.14);
  --shadow-lg:  0 24px 64px rgba(30,86,216,.20);
  --radius-sm:  10px;
  --radius-md:  16px;
  --radius-lg:  24px;
  --radius-xl:  32px;
}

/* ── Reset ── */
.elementor *, .elementor *::before, .elementor *::after { box-sizing: border-box; }
.elementor a { text-decoration: none; }

/* ── Animation flottante mascotte ── */
@keyframes ac-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-14px); }
}

/* ── Animation apparition ── */
@keyframes ac-fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Animation pop badges ── */
@keyframes ac-badge-pop {
  from { opacity: 0; transform: scale(.7) translateY(10px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}

/* ── Classe float ── */
.ac-float { animation: ac-float 5s ease-in-out infinite !important; }

/* ── Bouton PRIMAIRE bleu ── */
.elementor-button.ac-btn-prim {
  background: var(--blue-main) !important;
  color: white !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
  padding: 15px 32px !important;
  box-shadow: 0 6px 24px rgba(30,86,216,.4) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.elementor-button.ac-btn-prim:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(30,86,216,.5) !important;
}

/* ── Bouton OUTLINE bleu ── */
.elementor-button.ac-btn-sec {
  background: transparent !important;
  color: var(--blue-main) !important;
  border: 2px solid var(--blue-main) !important;
  border-radius: 50px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  padding: 13px 28px !important;
  transition: background .2s, color .2s !important;
}
.elementor-button.ac-btn-sec:hover {
  background: var(--blue-main) !important;
  color: white !important;
}

/* ── Bouton BLANC (sur fond bleu) ── */
.elementor-button.ac-btn-white {
  background: white !important;
  color: var(--blue-main) !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  padding: 17px 34px !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.15) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.elementor-button.ac-btn-white:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.2) !important;
}

/* ── Bouton ROUGE urgence ── */
.elementor-button.ac-btn-red {
  background: var(--red) !important;
  color: white !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 20px rgba(220,38,38,.4) !important;
  transition: transform .2s !important;
}
.elementor-button.ac-btn-red:hover { transform: translateY(-2px) !important; }

/* ── Label de section (eyebrow) ── */
.ac-section-label .elementor-heading-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--blue-main) !important;
  margin-bottom: 14px !important;
}

/* ── Titre de section ── */
.ac-section-title .elementor-heading-title {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(1.7rem, 2.8vw, 2.4rem) !important;
  line-height: 1.15 !important;
  color: var(--navy) !important;
  margin-bottom: 16px !important;
}

/* ── Sous-titre de section ── */
.ac-section-sub .elementor-widget-text-editor p {
  font-size: .95rem !important;
  color: var(--text-mid) !important;
  line-height: 1.75 !important;
  max-width: 560px !important;
}

/* ── Responsive global ── */
@media (max-width: 768px) {
  .elementor-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}/* End custom CSS */