/* Estilo automático para a página: home */
#banner {
  background-color: #3e613e;
  margin-top: -170px;
  /* min-height: 780px; */

  .img-banner {
    width: 100%;
    object-fit: cover;
    min-height: 100%;
    filter: brightness(0.8);
  }

  .text-banner {
    padding: 75px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: solid 1px #ffffff80;
    position: relative;

    &::after {
      background-color: #3e613e;
      background-size: auto;
      display: inline-block;
      width: 16px;
      height: 162px;
      content: "";
      top: 7px;
      right: -9px;
      position: absolute;
      z-index: 0;
    }

    h1 {
      padding: 0 75px;
      margin-top: 150px;
    }

    p {
      color: #fff;
      font-weight: 400;
      font-size: 18px;
      line-height: 160%;
      letter-spacing: 0.9px;
      padding: 0 75px;
    }

    .barra-branca {
      width: 100%;
      height: 1px;
      background-color: #9fb09f;
    }

    .space-banner {
      padding: 0 75px;

      .btn-padrao {
        border: 1px solid #ffffff;
        padding: 0 0px 0 22px;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
        position: relative;
        display: inline-flex;
        align-items: center;
        transition: 300ms all ease-in-out;

        .moldura-seta {
          padding: 22px;
          transition: 300ms all ease-in-out;
          border-left: solid 1px #fff;
          margin-left: 22px;
        }
      }
    }

    .btn-padrao:hover {
      background-color: #009651;
    }

    .btn-padrao:hover .moldura-seta {
      background-color: #dd6d34;
    }
  }
}

#sobre-home {
  padding: 110px 0;

  p {
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 50px;
  }

  .img-sobre-home {
    width: 100%;
    height: 590px;
    object-fit: cover;
  }

  .btn-padrao {
    border: 1px solid #2c2c2c;
    padding: 0 0px 0 22px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1px;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: 300ms all ease-in-out;

    .moldura-seta {
      padding: 22px;
      transition: 300ms all ease-in-out;
      border-left: solid 1px #2c2c2c;
      margin-left: 22px;
      background-color: #fff;
    }
  }
  .btn-padrao:hover {
    background-color: #009651;
    color: #fff;
    border: 1px solid #fff;
  }
  .btn-padrao:hover .moldura-seta {
    border-left: solid 1px #fff;
    background-color: #dd6d34;
  }
  .btn-padrao:hover .moldura-seta img {
    transition: 300ms all ease-in-out;
    filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(296deg)
      brightness(109%) contrast(99%);
  }
}

#numeros {
  background-color: #dd6d34;
  overflow: hidden;

  h2 {
    color: #fff;
    margin-top: 40px;
  }

  h3 {
    color: #fff;
    margin-top: 40px;
    margin-left: 70px;
  }

  .barra-1 {
    width: 101%;
    height: 1px;
    background-color: #fff;
    position: relative;

    &::after {
      background-color: #ffffff;
      background-size: auto;
      display: inline-block;
      width: 50%;
      height: 1px;
      content: "";
      top: 0px;
      left: -40%;
      position: absolute;
      z-index: 0;
    }
  }

  .barra-2 {
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: relative;
    left: -12px;

    &::after {
      background-color: #ffffff;
      background-size: auto;
      display: inline-block;
      width: 100%;
      height: 1px;
      content: "";
      top: 0px;
      right: -100%;
      position: absolute;
      z-index: 0;
    }
  }

  .barra-numeros {
    border-right: solid 1px #fff;
  }

  .card-numero {
    margin: 50px 0;

    .valor-num {
      font-weight: 400;
      font-size: 3rem;
      line-height: 30px;
      color: #fff;

      span {
        margin-right: 5px;
      }
    }

    .text-num {
      font-weight: 400;
      font-size: 18px;
      line-height: 30px;
      margin-top: 40px;
      color: #fff;
    }
  }
}

#projeto-home {
  padding: 100px 0;

  h2 {
    margin-bottom: 44px;
  }

  .text-proj-home {
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    color: #2c2c2c;
  }
  .card-projetos-h {
    background-color: #2c2c2c;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 480px;
    color: #fff;
    padding: 40px;
    text-align: center;
    transition: 300ms all ease-in-out;
    position: relative;
    overflow: hidden;

    .icon-proj {
      margin-top: 80px;
      transition: 300ms all ease-in-out;
    }

    .title-proj {
      margin-top: 70px;
      color: #fff;
      transition: 300ms all ease-in-out;
    }

    .text-proj {
      opacity: 0;
      margin: 0;
      max-height: 0;
      transition: 300ms all ease-in-out;
    }
  }

  .card-projetos-h:hover .icon-proj,
  .card-projetos-h.force-hover .icon-proj {
    margin-top: 0px;
  }

  .card-projetos-h:hover .title-proj,
  .card-projetos-h.force-hover .title-proj {
    margin-top: 30px;
  }

  .card-projetos-h:hover .text-proj,
  .card-projetos-h.force-hover .text-proj {
    opacity: 1;
    max-height: 200px;
    margin: 20px 0 0 0;
  }

  .efc-cor-1:hover,
  .efc-cor-1.force-hover {
    background-color: #dd6d34;
  }
  .efc-cor-2:hover,
  .efc-cor-2.force-hover {
    background-color: #009651;
  }
  .efc-cor-3:hover,
  .efc-cor-3.force-hover {
    background-color: #3e613e;
  }
}

#produtos {
  padding: 0px 0 100px 0;

  h2 {
    font-weight: 600;
    text-align: center;
    margin-bottom: 26px;
  }
  .text-prod {
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    text-align: center;
    margin-bottom: 80px;
    color: #2c2c2c;
  }

  .card-link {
    text-decoration: none;
    color: inherit;
    display: flex;

    &:hover {
      text-decoration: none;
    }
  }

  .swiper {
    .swiper-wrapper {
      margin-bottom: 30px;
    }

    .swiper-slide {
      height: auto;
      display: flex;

      .card-produtos {
        position: relative;
        margin: 25px;
        display: flex;
        flex-direction: column;
        width: 100%;

        &::after {
          background-color: #2c2c2c;
          background-size: auto;
          display: inline-block;
          width: 56px;
          height: 56px;
          content: "";
          top: -15px;
          right: -15px;
          position: absolute;
          z-index: -1;
        }
        &::before {
          background-color: #2c2c2c;
          background-size: auto;
          display: inline-block;
          width: 56px;
          height: 56px;
          content: "";
          bottom: -15px;
          left: -15px;
          position: absolute;
          z-index: -1;
        }

        .moldura {
          overflow: hidden;

          .img-prod {
            width: 100%;
            object-fit: cover;
            height: 315px;
            transition: transform 0.5s ease-in-out;
          }
        }

        .inf-card-prod {
          padding: 32px 24px;
          background-color: #f4f3f3;
          display: flex;
          flex-direction: column;
          flex: 1;

          .end-prod {
            font-weight: 500;
            font-size: 18px;
            line-height: 31px;
            letter-spacing: 0.9px;
          }

          .dife-link {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-direction: column;
            flex: 1;

            .list-dif-prod {
              margin: 0 0 20px 0;
              padding: 0;

              li {
                list-style-type: none;
                margin-bottom: 10px;
                font-weight: 400;
                font-size: 16px;
                line-height: 31px;
                letter-spacing: 0.8px;

                .Icon-prod {
                  margin-right: 10px;
                }
              }
            }

            .btn-conheça-prod {
              font-weight: 400;
              font-size: 16px;
              line-height: 31px;
              letter-spacing: 0.8px;
              background-color: #fff;
              padding: 16px 32px;
              border: 1px solid #2c2c2c;
              transition: 300ms all ease-in-out;
              color: #5a5959;
              margin-top: auto;
              text-align: center;
            }
          }
        }
      }
    }
  }

  .passadores {
    &.passadores-desktop {
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
      justify-content: space-between;
      padding: 0 20px;
      z-index: 10;
    }

    &.passadores-mobile {
      justify-content: center;
      padding-top: 20px;
    }
  }

  .swiper-button-next,
  .swiper-button-prev {
    background-color: #466041;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    color: #fff;
    position: relative;
    left: auto;
    right: auto;
    margin: 0 -30px;
  }

  .swiper-button-prev:after {
    font-size: 25px;
  }
  .swiper-button-next:after {
    font-size: 25px;
  }

  .link-produtos {
    color: #000;
  }

  .card-produtos:hover .img-prod {
    transform: scale(1.1);
  }
  .card-produtos:hover .btn-conheça-prod {
    color: #fff !important;
    background-color: #dd6d34 !important;
  }

  .btn-padrao {
    border: 1px solid #2c2c2c;
    padding: 0 0px 0 22px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1px;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: 300ms all ease-in-out;

    .moldura-seta {
      padding: 22px;
      transition: 300ms all ease-in-out;
      border-left: solid 1px #2c2c2c;
      margin-left: 22px;
      background-color: #fff;
    }
  }
  .btn-padrao:hover {
    background-color: #009651;
    color: #fff;
    border: 1px solid #fff;
  }
  .btn-padrao:hover .moldura-seta {
    border-left: solid 1px #fff;
    background-color: #dd6d34;
  }
  .btn-padrao:hover .moldura-seta img {
    transition: 300ms all ease-in-out;
    filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(296deg)
      brightness(109%) contrast(99%);
  }

  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #dd6d34;
  }
}

#historias {
  background-color: #466041;
  overflow: hidden;

  .barra-historias {
    padding: 70px 0 0;

    h2 {
      color: #fff;
      padding-left: 20px;
    }

    .barra-1 {
      width: 100%;
      height: 1px;
      background-color: #fff;
      position: relative;

      /* &::after {
                background-color: #ffffff;
                background-size: auto;
                display: inline-block;
                width: 80%;
                height: 1px;
                content: "";
                top: 0px;
                left: 0;
                position: absolute;
                z-index: 0;
            } */

      &::before {
        background-color: #ffffff;
        background-size: auto;
        display: inline-block;
        width: 10%;
        height: 1px;
        content: "";
        top: 0px;
        right: 0px;
        position: absolute;
        z-index: 0;
      }
    }

    .listagem-hist {
      padding: 70px 0 0;

      ul {
        li {
          list-style-type: none;
          font-weight: 300;
          font-size: 16px;
          line-height: 40px;
          letter-spacing: 0.8px;
          color: #fff;

          img {
            margin-right: 8px;
          }
        }
      }
    }

    .separacao-branco {
      border-right: solid 1px #fff;
      min-height: 370px;
    }
  }

  .img-historias {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    height: 100%;
    filter: brightness(0.7);
  }
}

#blog {
  padding: 100px 0;

  h2 {
    margin-bottom: 60px;
  }

  .text-blog {
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    color: #2c2c2c;
    margin-bottom: 60px;
  }

  .btn-padrao {
    border: 1px solid #2c2c2c;
    padding: 0 0px 0 22px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1px;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: 300ms all ease-in-out;

    .moldura-seta {
      padding: 22px;
      transition: 300ms all ease-in-out;
      border-left: solid 1px #2c2c2c;
      margin-left: 22px;
      background-color: #fff;
    }
  }
  .btn-padrao:hover {
    background-color: #009651;
    color: #fff;
    border: 1px solid #fff;
  }
  .btn-padrao:hover .moldura-seta {
    border-left: solid 1px #fff;
    background-color: #dd6d34;
  }
  .btn-padrao:hover .moldura-seta img {
    transition: 300ms all ease-in-out;
    filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(296deg)
      brightness(109%) contrast(99%);
  }

  .card-blog {
    position: relative;
    margin: 25px;

    &::after {
      background-color: #2c2c2c;
      background-size: auto;
      display: inline-block;
      width: 56px;
      height: 56px;
      content: "";
      top: -15px;
      right: -15px;
      position: absolute;
      z-index: -1;
    }
    &::before {
      background-color: #2c2c2c;
      background-size: auto;
      display: inline-block;
      width: 56px;
      height: 56px;
      content: "";
      bottom: -15px;
      left: -15px;
      position: absolute;
      z-index: -1;
    }

    .moldura {
      overflow: hidden;

      .img-blog {
        width: 100%;
        object-fit: cover;
        height: 280px;
        transition: transform 0.5s ease-in-out;
      }
    }

    .inf-card-blog {
      padding: 32px;
      background-color: #f4f3f3;

      .cat-data {
        display: flex;
        justify-content: space-between;

        .cat-blog {
          font-weight: 300;
          font-size: 15px;
          line-height: 100%;

          img {
            position: relative;
            top: -2px;
          }
        }
        .data-blog {
          font-weight: 300;
          font-size: 15px;
          line-height: 100%;

          img {
            position: relative;
            top: -2px;
          }
        }
      }

      .resumo-blog {
        font-weight: 400;
        font-size: 16px;
        color: #2c2c2c;
        line-height: 160%;
        letter-spacing: 0.8px;
      }

      .btn-ler-noticia {
        display: block;
        border: 2px solid #2c2c2c;
        font-weight: 400;
        font-size: 16px;
        color: #2c2c2c;
        line-height: 100%;
        letter-spacing: 0.8px;
        text-align: center;
        padding: 22px 0;
        transition: 300ms all ease-in-out;

        &:hover {
          background-color: #dd6d34;
          color: #fff;
        }
      }
    }
  }

  .card-blog:hover .img-blog {
    transform: scale(1.1);
  }
  .card-blog:hover .btn-conheça-blog {
    color: #fff;
    background-color: #dd6d34 !important;
  }
}

#feedInsta {
  padding: 100px 0;

  .title-insta {
    display: flex;
    align-items: center;

    .titulo-insta {
      margin-left: 20px;

      h2 {
        margin-bottom: 0;
      }
      p {
        font-weight: 300;
        font-size: 16px;
        line-height: 160%;
        color: #2c2c2c;
        margin: 0;
      }
    }
  }

  .inst-foto {
    width: 100%;
    object-fit: cover;
    height: 480px;
  }

  .btn-padrao {
    border: 1px solid #2c2c2c;
    padding: 0 0px 0 22px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1px;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: 300ms all ease-in-out;

    .moldura-seta {
      padding: 22px;
      transition: 300ms all ease-in-out;
      border-left: solid 1px #2c2c2c;
      margin-left: 22px;
      background-color: #fff;
    }
  }
  .btn-padrao:hover {
    background-color: #009651;
    color: #fff;
    border: 1px solid #fff;
  }
  .btn-padrao:hover .moldura-seta {
    border-left: solid 1px #fff;
    background-color: #dd6d34;
  }
  .btn-padrao:hover .moldura-seta img {
    transition: 300ms all ease-in-out;
    filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(296deg)
      brightness(109%) contrast(99%);
  }
}

.ocult-desk {
  display: none !important;
}
.ocult-mob {
  display: inline-flex !important;
}

/* TABLET */
@media (min-width: 768px) and (max-width: 992px) {
  #banner {
    .text-banner {
      border-right: none;
      padding: 60px 0;
      &::after {
        display: none;
      }

      h1 {
        margin-top: 0px;
      }
    }
  }

  #sobre-home {
    padding: 60px 0;
    .img-sobre-home {
      height: 380px;
      margin-bottom: 30px;
    }
    .order-1 {
      order: 1;
    }
    .order-2 {
      order: 2;
    }
    h2 {
      margin-bottom: 30px;
    }
  }

  #numeros {
    padding-bottom: 40px;

    h3 {
      margin-top: 40px;
      margin-left: 20px;
    }
    .card-numero {
      margin: 20px 0;
      .valor-num {
        font-size: 30px;
        span {
          margin-right: 0;
        }
      }
      .text-num {
        margin-top: 0;
      }
    }
  }

  #projeto-home {
    padding: 60px 0;
    .card-projetos-h {
      margin-bottom: 20px;
      .title-proj {
        font-size: 18px;
      }
    }
  }

  #produtos {
    padding-bottom: 60px;
    .text-prod {
      margin-bottom: 60px;
    }
    .card-produtos {
      .inf-card-prod {
        .dife-link {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-direction: column;
        }
      }
    }

    .passadores {
      position: relative;
      top: 20px;

      .swiper-pagination-bullet-active {
        background-color: #dd6d34;
      }
    }
  }

  #historias {
    .barra-historias {
      padding: 45px 0 0;
      .barra-1 {
        width: 100%;
        height: 2px;

        &::after {
          width: 80%;
          height: 2px;
          left: -80px;
        }
      }

      .separacao-branco {
        min-height: auto !important;
        border-right: none;
        margin-bottom: -80px;
        .listagem-hist {
          padding: 30px;
        }
      }
    }
  }

  #blog {
    .passadores-2 {
      position: relative;
      top: 20px;

      .swiper-pagination-bullet-active {
        background-color: #dd6d34;
      }
    }
  }

  #feedInsta {
    padding: 60px 0;
    .inst-foto {
      width: 100%;
      object-fit: cover;
      height: 320px;
      margin-bottom: 20px;
    }
  }
}

/* MOBILE */
@media all and (max-width: 767px) {
  #banner {
    .text-banner {
      padding: 25px 0;
      border-right: none;

      .space-banner {
        padding: 0 48px;
      }

      h1 {
        padding: 10px;
        margin-top: 0;
      }
      p {
        font-size: 16px;
        padding: 10px;
      }
      .barra-branca {
        margin: 10px 0px 30px !important;
      }

      &::after {
        display: none;
      }
    }
  }

  #sobre-home {
    padding: 60px 0;
    .img-sobre-home {
      height: 380px;
      margin-bottom: 30px;
    }
    .order-1 {
      order: 1;
    }
    .order-2 {
      order: 2;
    }
    h2 {
      margin-bottom: 30px;
    }
  }

  #numeros {
    padding: 0 0 40px 0;

    .barra-numeros {
      border-right: none;
    }
    h3 {
      position: relative;
      margin-top: 0;
      margin-left: 0;
      padding-top: 30px;

      &::after {
        display: none;
      }
      &::before {
        background-color: #ffffff;
        background-size: auto;
        display: inline-block;
        width: 120%;
        height: 1px;
        content: "";
        top: 0px;
        right: -20px;
        position: absolute;
        z-index: 0;
      }
    }
    .card-numero {
      margin: 20px 0;
      .valor-num {
        font-size: 3rem;

        span {
          margin-right: 0;
        }
      }
    }
  }

  #projeto-home {
    padding: 60px 0;
    .card-projetos-h {
      min-height: 390px;
      margin-bottom: 20px;
    }
  }

  #produtos {
    padding-bottom: 60px;
    .text-prod {
      margin-bottom: 60px;
    }
    .card-produtos {
      .inf-card-prod {
        .dife-link {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-direction: column;
        }
      }
    }

    .passadores {
      position: relative;
      top: 20px;

      .swiper-pagination-bullet-active {
        background-color: #dd6d34;
      }
    }
  }

  #historias {
    .img-historias {
      /* height: 380px; */
      margin-bottom: -20px;
    }

    .order-1 {
      order: 1;
    }
    .order-2 {
      order: 2;
    }
    .barra-historias {
      padding: 45px 0 0;
      h2 {
        padding: 0px 20px;
      }
      .listagem-hist {
        padding: 30px 0;
      }
      .separacao-branco {
        min-height: 0;
        border-right: none;
        margin-bottom: -70px;
      }
      .barra-1 {
        &::before {
          display: none;
        }
        &::after {
          display: none;
        }
      }
    }
  }

  #blog {
    .swiper-pagination {
      position: relative;
      margin-top: 30px;

      .swiper-pagination-bullet-active {
        background-color: #dd6d34;
      }
    }

    .btn-padrao {
      margin-left: 15px;
    }
  }

  .ocult-desk {
    display: inline-flex !important;
  }
  .ocult-mob {
    display: none !important;
  }

  #feedInsta {
    padding: 60px 0;
  }
}

.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  margin-bottom: -20px;
}