.elementor-17 .elementor-element.elementor-element-39d58fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-b3902df{--display:flex;}.elementor-17 .elementor-element.elementor-element-7b743f1{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-e8757e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-2f13c93{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-4b42935 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-e0d5b67{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-25aab7c{--display:flex;}.elementor-17 .elementor-element.elementor-element-911e905{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-bb5a8db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-52e9dac .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-9305c4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-940beab{--display:flex;}.elementor-17 .elementor-element.elementor-element-481051a{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-856f448{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-ff513c1 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-cc16c45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-f3b48a1{--display:flex;}.elementor-17 .elementor-element.elementor-element-8caeb40{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-c596704{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-79492e5 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-d697960{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-39d58fb *//* Couleurs de base */
:root {
  --turquoise: #27A9B7;
  --canard: #19818A;
  --beige: #E7E2D8;
  --vert-grise: #9FB7A9;
  --gris-galet: #7A807B;
  --anthracite: #2F2F2F;
}

/* SECTION HERO */
.hero {
  background-color: var(--beige);
  padding: 60px 20px;
}

.hero-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.hero-text {
  flex: 1 1 350px;
}

.hero h1 {
  font-size: 2.6rem;
  margin-bottom: 10px;
  color: var(--canard);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.hero-subtitle {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: var(--gris-galet);
}

.hero-body {
  font-size: 1rem;
  margin-bottom: 20px;
  color: var(--anthracite);
  max-width: 500px;
}

.hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* BOUTONS */
.btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
}

.btn-primary {
  background-color: var(--turquoise);
  color: #ffffff;
}

.btn-primary:hover {
  background-color: var(--canard);
}

.btn-secondary {
  border: 2px solid var(--turquoise);
  color: var(--canard);
  background-color: transparent;
}

.btn-secondary:hover {
  background-color: #ffffff;
}

/* VISUEL À DROITE */
.hero-visual {
  flex: 1 1 260px;
  min-height: 220px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--turquoise), var(--vert-grise));
}

/* Plus tard, tu pourras remplacer par une image :
.hero-visual img {
  width: 100%;
  border-radius: 20px;
  display: block;
  object-fit: cover;
} */

/* RESPONSIVE */
@media (max-width: 768px) {
  .hero {
    padding: 40px 16px;
  }

  .hero-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero h1 {
    font-size: 2.1rem;
  }

  .hero-visual {
    width: 100%;
    min-height: 180px;
  }
}/* End custom CSS */