.the-ant-inspires__wrapper {
  display: flex;
  gap: 20px;
  position: relative;
}

.the-ant__left,
.the-ant__right {
  width: 50%;
}

/* Altura fija para diseño de escritorio */
.the-ant__right {
  position: relative;
  background-color: #1C1F4A;
  color: white;
  padding: 60px 60px;
  height: auto;
  clip-path: polygon(56% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.the-ant__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  position: relative;
  z-index: 1;
}

.the-ant__ant {
  position: absolute;
  top: -120px;
  right: 0px;
  z-index: 2;
}

.the-ant__ant img {
  width: auto;
  max-height: 250px;
}

@media (max-width: 768px) {
  .the-ant-inspires__wrapper {
    flex-direction: column;
    gap: 0px;
  }

  .the-ant__right {
    order: -1;
    clip-path: polygon(65% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
    padding: 64px 24px 24px 24px;
    align-items: flex-start;
    position: relative; /* Necesario para que la hormiga se posicione arriba de este bloque */
  }

  .the-ant__left {
    order: 1;
    width: 100%;
  }

  .the-ant__right,
  .the-ant__left {
    width: 100%;
  }

  .the-ant__ant {
    position: absolute;
    top: -100px;
    right: 0;
    z-index: 2;
    margin-bottom: 0;
    width: auto;
  }

  .the-ant__ant img {
    max-height: 180px;
  }
}

}