.mainContent {
  padding-inline: 1.25rem;
  display: flex;
  flex-direction: column;
}
.mainContent > * {
  width: 1300px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

hr {
  border: 2px solid #f07e26;
}

.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#hero {
  width: calc(100% + 2.5rem);
  max-width: none;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
#hero img {
  height: clamp(31.25rem, 9.259vw + 29.167rem, 37.5rem);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-top {
  padding-top: clamp(3.75rem, 5.556vw + 2.5rem, 7.5rem);
  margin-bottom: -40px;
}

.img-icon {
  padding: 2rem;
}

.grid-cols-md-3 {
  -moz-column-gap: clamp(2.5rem, 5.556vw + 1.25rem, 6.25rem);
  column-gap: clamp(2.5rem, 5.556vw + 1.25rem, 6.25rem);
}

.imgs-container {
  -moz-column-gap: clamp(1.25rem, 1.852vw + 0.833rem, 2.5rem);
  column-gap: clamp(1.25rem, 1.852vw + 0.833rem, 2.5rem);
}

.objetivos-container {
  gap: clamp(2.5rem, 1.852vw + 2.083rem, 3.75rem);
}
.objetivos-container .grid {
  align-self: start;
}
.objetivos-container p {
  font-size: clamp(1rem, 0.185vw + 0.958rem, 1.125rem);
  line-height: 1.7;
}

@media (min-width: 1024px) {
  .posicionamiento-container {
    grid-template-columns: 1fr 0.7fr;
  }
}

#slider {
  width: calc(100% + 2.5rem);
  max-width: none;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
#slider .slick-slide {
  padding-right: 16px;
}

@media (min-width: 1024px) {
  #estrategia-top .grid {
    gap: 6.25rem;
  }
}
@media (max-width: 1023px) {
  #estrategia-top .grid {
    gap: 2.5rem;
  }
}

.card-process {
  height: clamp(12.5rem, 18.519vw + 8.333rem, 25rem);
  position: relative;
}
.card-process .card-process-content-animation {
  opacity: 0;
  transform: translateX(-20px) translateZ(0);
}
.card-process img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.card-process:after {
  content: "";
  margin: 0 -5px 0 0;
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 100%;
  left: 0;
  background: #ACB5BD;
  z-index: 3;
}

.animate-element .card-process-content-animation {
  transform: translateX(0);
  opacity: 1;
  transition: opacity 0s 0.7s ease-in-out, transform 1s 0.6s;
}
.animate-element:after {
  margin-right: 0;
  right: 0;
  bottom: 0;
  left: 100%;
  transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
}/*# sourceMappingURL=roadshow.css.map */