.content-terminos {
    padding: 24px 192px 80px 192px;
    gap: 80px;
    width: 100%;
  }
  span.terminos-titulo {
    font-family: "ControllerExtW01-Three", sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 72px;
    display: inline-block;
    margin-bottom: 50px;
    color: var(--blanco);
  }
  
  .terminos .parrafo {
    font-family: "Space Grotesk";
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
    vertical-align: middle;
    text-decoration-style: solid;
  }
  
  .terminos .title {
    font-family: "Space Grotesk";
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    vertical-align: middle;
    color: var(--blanco);
  }
  h2.title {
    margin-top: 2em;
  }
  p{
    color: var(--gris-1);
  }
  ol{
    color: var(--gris-1);
  }
  @import url();
  @media screen and (min-width: 1400px) and (max-width: 1760px) {
    .content-terminos {
      padding: 24px 120px 70px 120px;
      gap: 70px;
    }
    span.terminos-titulo {
        font-size: 45px;
        line-height: 60px;
    }
    .terminos .title {
      font-size: 22px;
      line-height: 29px;
    }
    .terminos .parrafo {
      font-size: 20px;
      line-height: 27px;
    }
  
  }
  
  @media screen and (min-width: 701px) and (max-width: 1399px) {
    .content-terminos {
      padding: 24px 35px 40px 35px;
      gap: 40px;
    }
    span.terminos-titulo {
        font-size: 30px;
        line-height: 40px;
    }
    .terminos .title {
      font-size: 18px;
      line-height: 25px;
    }
    .terminos .parrafo {
      font-size: 16px;
      line-height: 23px;
    }
  }
  
  @media screen and (min-width: 60px) and (max-width: 700px) {
    .content-terminos {
      padding: 24px 25px 40px 25px;
      gap: 30px;
    } span.terminos-titulo {
        font-size: 23px;
        line-height: 38px;
    }
    .terminos .title {
      font-size: 17px;
      line-height: 24px;
    }
    .terminos .parrafo {
      font-size: 15px;
      line-height: 22px;
    }
  }