:root {
  --background: #f3f3f3;
  --gray: #808080;
  --gray-dark: #333333;
  --yellow-mostaza: #f7b941;
  --rojo-anaranjado: #f45858;
  --gray-light: #f3ebe1;
}

@media (max-width: 1020px) {
  .container {
    width: 715px;
    height: 592px;
  }
  .arrow__back {
    margin-left: 29px;
    top: 176px;
  }
  .container__info {
    padding: unset;
  }
  .slide__img {
    display: flex;
    justify-content: center;
  }
  .nav__automatic {
    width: 200px;
    margin-left: 78px;
    margin-top: 542px;
  }

  #radio1:checked ~ .first {
    margin-left: 10px;
  }
  #radio2:checked ~ .first {
    margin-left: -20%;
  }
  #radio3:checked ~ .first {
    margin-left: -40%;
  }
  #radio4:checked ~ .first {
    margin-left: -60%;
  }

  .form__button {
    width: 13.3125rem;
  }
}

@media (max-width: 720px) {
  .container {
    max-width: 700px;
    width: 90%;
    height: 600px;
    padding: 20px;
    background: var(--background);
    box-shadow: unset;
  }

  .arrow__back {
    margin-left: -12px;
    margin-bottom: 462px;
    top: unset;
  }
  .container__info {
    width: 100%;
    border-radius: 20px;

    align-items: center;
    padding: unset;
  }

  .info__top h1 {
    font-size: 35px;
  }

  .form {
    width: 80%;
  }

  .form__input {
    width: 80%;
  }
  .slider {
    display: none;
  }

  .form__button {
    width: 60%;
  }
}

@media (max-width: 500px) {
  .form {
    width: 100%;
  }
}