/*! Styles pour le pattern Demo Section */
.has-background-demo {
  background-image: url("/wp-content/uploads/2025/05/Presentez-vous.png");
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.has-gap-demo {
  gap: var(--wp--custom--gap-demo);
}

.has-width-30 {
  width: 30%;
  max-width: 30%;
  margin-left: auto;
  margin-right: auto;
}

/* Styles responsives */

/* Tablettes (max-width: 1024px) */
@media (max-width: 1024px) {
  .has-background-demo {
    background-image: none;
  }

  .has-gap-demo {
    gap: 2rem;
  } 

  .has-width-30 {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}