.Single-colaborative {
  &._cabecalho {
    padding: 120px 0;
    background: linear-gradient(112deg, #27154f 0%, #75159d 96.6%);

    img {
      max-width: 265px;
    }

    .Container {
      gap: 48px;
      max-width: 548px;

      .Body {
        color: $text-light;
        span {
          font-weight: 700;
        }
      }
    }
  }

  &._acesso {
    .cabecalho {
      display: flex;
      flex-direction: column;
      gap: 16px;
      max-width: 730px;
      padding-bottom: 48px;
    }

    .col-6 {
      position: relative;
      justify-content: space-between;
      border-radius: 4px;
      padding-bottom: 400px;
      overflow: hidden;

      .content {
        position: relative;
        z-index: 1;
        padding: 48px 48px 0;
      }

      .Body {
        padding: 12px 0 40px;
      }

      .image {
        position: absolute;
        bottom: 0;
        z-index: 0;
        display: block;
        width: 100%;
      }

      .links {
        gap: 20px;

        img {
          display: block;
          width: 100%;
          max-width: 176px;
        }
      }

      &._dark {
        background: linear-gradient(112deg, #28154f 0%, #502a9d 96.6%);

        .Title {
          color: #fff;
        }

        .Body {
          color: $text-light;
        }
      }

      &._white {
        background: #f1f1ff;
      }
    }
  }

  &._instrucoes {
    .cabecalho {
      display: flex;
      flex-direction: column;
      gap: 16px;
      max-width: 730px;
      margin: 0 auto;
    }

    .Row {
      padding-top: 48px;
    }

    .number {
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 57px;
      height: 57px;
      margin-bottom: 16px;
      border-radius: 100px;
      border: 2px solid #42cf7b;
      background-color: #fff;
      text-align: center;
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%;
      color: #272647;
    }

    .item {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 16px;
      padding-top: 24px;

      &:before {
        content: "";
        position: absolute;
        top: 52.5px;
        left: 50%;
        z-index: 0;
        height: 2px;
        background-image: url("../../assets/images/lp/line.svg");
        width: 100%;
      }

      &._3 {
        &:before {
          display: none;
        }
      }
    }
  }

  &._seguranca {
    .Container {
      padding: 64px 0;
      border-radius: 4px;
      background: linear-gradient(112deg, #110f35 0%, #2a2c89 96.6%);
    }

    .Body {
      padding: 16px 0 40px;
      max-width: 564px;
      color: $text-light;
    }

    div {
      gap: 24px;
    }
  }

  @media (max-width: $lg) {
    &._cabecalho {
      padding: 48px 0 90px;

      img {
        max-width: 165px;
      }

      .Container {
        gap: 32px;

        .Body {
          color: $text-light;
        }
      }
    }

    &._funcionalidades {
      .Row {
        row-gap: 32px;
      }

      .Title {
        padding-bottom: 40px;
      }

      .item {
        gap: 24px;
        padding: 0;

        .Title {
          padding-bottom: 8px;
        }
      }
    }

    &._acesso {
      .Row {
        flex-direction: row;
      }
      .col-6 {
        width: calc(50% - 12px);
      }
    }

    &._instrucoes {
      background-color: #fff;
      .Row {
        align-items: center;
      }

      .col-4 {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;

        .number {
          margin: 53px 0 32px;
        }

        &:before {
          content: "";
          position: absolute;
          top: 65px;
          z-index: 0;
          height: 2px;
          background-image: url("../../assets/images/lp/line.svg");
          background-repeat: no-repeat;
          width: 152px;
          transform: rotate(90deg);
        }

        &:first-of-type {
          .number {
            margin-top: 0;
            margin-bottom: 53px;
          }

          &::before {
            top: 82px;
            width: 57px;
          }
        }

        img {
          position: relative;
          z-index: 1;
        }
      }

      .number {
        display: flex !important;
      }

      .item {
        z-index: 1;
        gap: 16px;
        padding-top: 16px;
        background-color: #fff;

        .number {
          display: none !important;
        }

        &:before {
          display: none;
          transform: rotate(90deg);
        }
      }
    }

    &._seguranca {
      .Container {
        gap: 16px;
        padding: 32px 24px;
        div {
          width: 100%;
          flex-direction: column;
          gap: 16px;

          .Button {
            width: 100%;
          }
        }
      }

      .Body {
        padding: 0 0 24px;
      }
    }
  }

  @media (max-width: $md) {
    &._acesso {
      .Row {
        flex-direction: column;
        align-items: center;
        row-gap: 16px;
      }
      .col-6 {
        width: 100%;
        max-width: 350px;
        padding-bottom: 270px;
      }
    }
  }
}