:root {
  --rojo: #a6170a;
}

.hero {
  background-color: var(--rojo);
}

.img-wrap, .img-wrap-2{
    max-width: 600px;
}

.img-wrap {
  transform: translateY(8rem);
}

.img-wrap-2 {
  transform: translateY(-8rem);
}

.firma {
  z-index: -1;
  position: absolute;
  max-width: 40rem;
  top: -30rem;
  left: -10rem;
}

@media (max-width: 1024px) {
  .img-wrap,
  .img-wrap-2 {
    max-width: 100%;
    transform: translateY(0rem);
    padding: 0 1rem;
  }
  .firma {
    max-width: 20rem;
    top: -15rem;
    left: 10rem;
  }
}

@media (max-width: 475px) {
  .firma {
    max-width: 20rem;
    top: -15rem;
    left: 0rem;
  }
}

.footer {
  background-color: black;
  background-image: url(../img/Ellipse-black.png);
  background-repeat: no-repeat;
  background-position: left top 95%;
}

.icos {
  filter: invert(100%);
}

.min-400 {
  min-width: 400px;
}

.cont-sec-dest {
  background-image: url(../img/elipse-4.png);
  background-repeat: no-repeat;
  background-position: bottom 98% right 12%;
}

.fondo-gris {
  background-color: #efefef;
}