@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap");

body {
  font-family: "Montserrat", sans-serif;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.banner {
  width: 100%;
  margin-bottom: 30px;

  > picture img {
    width: 100%;
  }
}
#main {
  > .cta-produto {
    cursor: pointer;
  }
  /* margin: 16px 28px; */

  > .texto {
    text-align: center;
    font: normal 500 16px/24px Montserrat;
    margin-bottom: 70px;
    padding: 0 24px;
    > p {
      margin-bottom: 16px;
    }
    > .cupom {
      margin-bottom: 20px;
    }
    > span {
      background-color: #eae8e9;
      border-radius: 8px;
      border: 2px dashed #4A5680;
      color: #4A5680;
      font: normal 600 22px/27px Montserrat;
      padding: 8px 35px;
    }
  }
  .bg-cinza {
    background-color: #fafafa;
    padding: 40px 0px;
  }
  > .albuns-fotolivros {
    .modal-dialog {
      min-width: 290px;
      margin: 30px auto;

      .modal-body {
        position: relative;
        padding: 0px;

        .close {
          position: absolute;
          right: -30px;
          top: 0;
          z-index: 999;
          font-size: 2rem;
          font-weight: normal;
          color: #fff;
          opacity: 1;
        }
      }
    }

    > h2 {
      text-align: center;
      color: #000;
      font-size: 28px;
      font-weight: 600;
    }
    > .grid-container {
      display: flex;
      flex-direction: column;
      margin: 50px auto;

      > .card-produtos {
        height: 506px;
        padding: 30px 18px;
        display: flex;
        flex-direction: column;
        position: relative;
        border-radius: 10px;
        margin-bottom: 14px;

        > .desc-produto {
          font: normal 500 15px/19px Montserrat;
          text-align: left;
          margin-bottom: 15px;
          width: 199px;
        }
        > .preco-prod {
          margin-bottom: 15px;
          > span {
            font: normal 500 16px/19px Montserrat;
          }
          > p {
            font-size: 22px;
            font-weight: 700;
          }
        }

        > .tag-desconto {
          position: absolute;
          width: 90px;
          right: 14px;
          top: 110px;
        }

        > .cta-produto.video {
          background-color: #ffffff;
          border: solid 1px #4A5680;
          color: #4A5680;
          margin-top: 16px;

          > img {
            margin-right: 10px;
          }
        }
      }

      > .flat-800 {
        background-image: url(/subhomes/lojas-profissional/landing/2023/antecipe-10/imagens/albuns-fotolivros/flat-800-mb.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
      }
      > .hd {
        background-image: url(/subhomes/lojas-profissional/landing/2023/antecipe-10/imagens/albuns-fotolivros/hd-mb.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
      }
      > .plus {
        background-image: url(/subhomes/lojas-profissional/landing/2023/antecipe-10/imagens/albuns-fotolivros/plus-mb.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
      }
      > .slim {
        background-image: url(/subhomes/lojas-profissional/landing/2023/antecipe-10/imagens/albuns-fotolivros/slim-mb.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;

        > .desc-produto {
          width: 208px;
        }
      }
    }

    > .link-pagina {
      color: #000000;
      margin: 0 auto;
      text-align: center;
      > a {
        text-decoration: underline;
      }
    }
  }
  > .fotopresentes {
    text-align: center;
    margin: 40px auto;

    > h2 {
      margin-bottom: 20px;
    }

    > .slider {
    }
    .dica-digi {
      color: #ffffff;
      background-color: #4A5680;
      padding: 20px;
      text-align: center;
      border-radius: 10px;
      margin-bottom: 30px;

      > img {
        width: 39px;
        height: 60px;
      }
      > h3 {
        font: normal 600 20px/24px Montserrat;
        margin-bottom: 16px;
      }
      > p {
        text-align: left;
      }
    }
    > .link-pagina {
      color: #000000;
      margin: 0 auto;
      text-align: center;
      > a {
        text-decoration: underline;
      }
    }
  }

  > .decoracao {
    text-align: center;

    > h2 {
      margin-bottom: 20px;
    }
    .grid-deco {
      display: none;
    }
    > .link-pagina {
      color: #000000;
      margin: 0 auto;
      text-align: center;
      > a {
        text-decoration: underline;
      }
    }
  }
  > .fotos {
  }

  .fotopresentes,
  .decoracao,
  .fotos {
    text-align: center;

    > h2 {
      margin-bottom: 20px;
      color: #000;
      font-size: 28px;
      font-weight: 600;
    }
    > .link-pagina {
      color: #000000;
      margin: 0 auto;
      text-align: center;
      > a {
        text-decoration: underline;
      }
    }
  }
  .card-ftpresentes,
  .card-fotos {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .card-ftpresentes,
  .card-decoracao,
  .card-fotos {
    position: relative;
    height: 461px;
    width: 275px;
    margin: 0 49px 40px;
    background-color: #f2f2f2;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;

    > .tag-desconto {
      position: absolute;
      width: 90px;
      right: 14px;
      top: 39px;
    }
    > .img-slider {
      width: 274px;
      height: 265px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    .desk {
      display: none;
    }
    > .cta-produto {
      margin-bottom: 40px;
    }
    .preco-prod {
      > span {
        font-family: "Montserrat";
        font-size: 15px;
      }
      > p {
        font-size: 25px;
        font-weight: bold;
        font-family: "Montserrat";
        margin-bottom: 0px;
      }
    }
  }
  .dica-digi {
    color: #ffffff;
    background-color: #4A5680;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 30px;

    > img {
      width: 39px;
      height: 60px;
      margin-bottom: 12px;
    }
    > h3 {
      font: normal 600 20px/24px Montserrat;
      margin-bottom: 16px;
    }
    > p {
      text-align: left;
    }
  }
  .dica-digi h3 {
    color: #fff;
    margin-bottom: 12px;
  }
  .nome-produto {
    color: #000000;
    font: normal 800 18px/22px Montserrat;
    margin-bottom: 0px;
    margin-top: 30px;
  }
  .slider {
    /* margin-bottom: 30px; */
  }
  .desc-slider {
    font: normal 600 25px/30px Montserrat;
    margin-bottom: 20px;
  }
  .cta-produto {
    all: unset;
    cursor: pointer;
    width: 140px;
    text-align: center;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    font: normal 700 15px/19px Montserrat;
    color: #ffffff;
    background-color: #4A5680;
    padding: 8px 20px;
  }
  .slick-next:before {
    content: url(/subhomes/lojas-profissional/landing/2023/antecipe-10/imagens/assets/next.svg);
    display: block;
  }
  .slick-next {
    width: 15px;
  }
}
.infos {
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 50px 0px;

  .infos-box {
    display: flex;
    flex-direction: column;
  }

  > h3 {
    color: #5b5b5f;
    font: normal 700 24px/28px Montserrat;
    max-width: 323px;
    margin-bottom: 40px;
  }
  .infos-card:first-child {
    > img {
      width: 120px;
    }
  }
  .infos-card:nth-child(2) {
    > img {
      width: 98px;
    }
  }
  .infos-card:nth-child(3) {
    > img {
      width: 78px;
    }
  }
  .infos-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    > img {
      margin-bottom: 12px;
    }
    > .infos-texto {
      > h2 {
        color: #707070;
        font: normal 800 20px/24px Montserrat;
        margin-bottom: 14px;
      }
      > p {
        max-width: 293px;
        font: normal 500 15px/19px Montserrat;
      }
    }
    > a {
      all: unset;
      cursor: pointer;
      color: #ffffff;
      background-color: #f3911d;
      font: normal 600 16px/19px Montserrat;
      border-radius: 10px;
      text-align: center;
      padding: 10px 20px;
      display: inline-block;
      margin-top: 20px;
    }
  }
}
.juridico {
  padding: 50px;
}

@media (min-width: 1024px) {
  .banner {
    max-width: 1366px !important;
    margin-bottom: 40px;
  }
  #main {
    > .texto {
      font: normal 500 24px/30px Montserrat;

      > p {
        margin-bottom: 32px;
        font-family: "Montserrat";
      }
    }
    .albuns-fotolivros {
      .modal-dialog {
        max-width: 800px;
        margin: 30px auto;

        .modal-body {
          position: relative;
          padding: 0px;

          .close {
            position: absolute;
            right: -30px;
            top: 0;
            z-index: 999;
            font-size: 2rem;
            font-weight: normal;
            color: #fff;
            opacity: 1;
          }
        }
      }
      .grid-container {
        width: 77%;
        margin: 30px auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;

        .card-produtos.flat-800 {
          grid-area: 1 / 1 / 3 / 2;
          height: 723px;
          padding: 30px 47px;

          width: 504px;
          margin-bottom: 0px;

          background-image: url(/subhomes/lojas-profissional/landing/2023/antecipe-10/imagens/albuns-fotolivros/flat-800.png);
        }
        .card-produtos.hd {
          padding: 30px 47px;

          grid-area: 1 / 2 / 2 / 3;
          height: 350px;
          margin-bottom: 0px;
          background-image: url(/subhomes/lojas-profissional/landing/2023/antecipe-10/imagens/albuns-fotolivros/hd.png);
          background-position: right;

          width: 524px;
          justify-content: center;
        }
        .card-produtos.plus {
          padding: 30px 47px;

          grid-area: 2 / 2 / 3 / 3;
          height: 350px;
          margin-bottom: 0px;
          background-image: url(/subhomes/lojas-profissional/landing/2023/antecipe-10/imagens/albuns-fotolivros/plus.png);
          background-position: right;
          justify-content: center;

          width: 524px;
        }
        .card-produtos.slim {
          padding: 30px 47px;

          grid-area: 3 / 1 / 4 / 3;
          height: 350px;
          width: 100%;
          background-image: url(/subhomes/lojas-profissional/landing/2023/antecipe-10/imagens/albuns-fotolivros/slim.png);
          background-position: right;
          justify-content: center;
        }
        .card-produtos {
          .tag-desconto {
            position: absolute;
            width: 109px;
            height: 110px;
            right: 14px;
            top: 10px;
          }
          .cta-produto,
          .cta-produto.video {
            width: 128px;
            font-size: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
          }
        }
      }
    }

    .fotopresentes {
      .dica-digi {
        width: 84%;
        margin: 0 auto 16px;
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;

        > img {
          margin-right: 20px;
        }

        > div {
          > h3 {
            margin-bottom: 10px;
          }
        }
      }

      .container-slider {
        width: 1089px;
        margin: 0 auto;

        .card-ftpresentes {
          width: 307px;
          height: 461px;

          > .img-slider {
            width: 100%;
            height: auto;
          }
          .preco-prod {
            > span {
              font-family: "Montserrat";
              font-size: 15px;
            }
            > p {
              font-size: 25px;
              font-weight: bold;
              font-family: "Montserrat";
              margin-bottom: 0px;
            }
          }
          .nome-produto {
            margin-top: 10px;
            margin-bottom: 8px;
          }
        }
      }
    }
    .decoracao {
      margin-bottom: 23px;
      .slider-deco {
        display: none;
      }

      .grid-deco {
        width: 1048px;
        margin: 0 auto 40px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 23px;

        .enfeite {
          grid-area: 1 / 1 / 2 / 2;
          margin: 0;
          width: 504px;
          height: 280px;
          text-align: left;
          background-color: transparent;

          .img-slider {
            display: none;
          }
          .desk {
            width: 504px;
            height: 280px;
            border-radius: 10px;
            display: block;
          }
          .deco-texto {
            display: flex;
            flex-direction: column;
            margin-top: -173px;
            margin-left: 288px;

            .nome-produto {
              margin-bottom: 0;
            }
            .desc-slider {
              margin-bottom: 10px;
            }
          }
          .tag-desconto {
            right: 14px;
            top: 11px;
          }
        }
        .folio {
          grid-area: 1 / 2 / 2 / 3;
          text-align: left;
          height: 350px;
          width: 504px;
          height: 280px;
          background-color: transparent;

          margin: 0;

          .img-slider {
            display: none;
          }
          .desk {
            width: 100%;
            width: 504px;

            height: auto;

            border-radius: 10px;
            display: block;
          }

          .deco-texto {
            display: flex;
            flex-direction: column;
            margin-top: -173px;
            margin-right: 285px;

            .nome-produto {
              margin-bottom: 0;
            }
            .desc-slider {
              margin-bottom: 10px;
            }
          }
          .tag-desconto {
            right: 14px;
            top: 11px;
          }
        }
        .canvas {
          background-color: transparent;
          grid-area: 2 / 1 / 3 / 2;
          text-align: left;
          height: 350px;
          width: 504px;
          height: 280px;

          margin: 0;
          .img-slider {
            display: none;
          }
          .desk {
            width: 100%;
            width: 504px;

            height: auto;

            border-radius: 10px;
            display: block;
          }
          .deco-texto {
            display: flex;
            flex-direction: column;
            margin-top: -173px;
            margin-left: 288px;

            .nome-produto {
              margin-bottom: 0;
            }
            .desc-slider {
              margin-bottom: 10px;
            }
          }
          .tag-desconto {
            right: 14px;
            top: 11px;
          }
        }
        .card-decoracao.bloco {
          grid-area: 2 / 2 / 3 / 3;
          height: 350px;
          width: 504px;
          height: 280px;
          margin: 0;
          background-color: transparent;
          text-align: left;

          .img-slider {
            display: none;
          }
          .desk {
            width: 100%;
            width: 504px;

            height: auto;

            border-radius: 10px;
            display: block;
          }

          .deco-texto {
            display: flex;
            flex-direction: column;
            margin-top: -173px;
            margin-right: 268px;

            .nome-produto {
              margin-bottom: 0;
            }
            .desc-slider {
              margin-bottom: 10px;
            }
          }
          .tag-desconto {
            right: 14px;
            top: 11px;
          }
        }
        .card-decoracao {
          height: 0;

          .preco-prod {
            > span {
              font-size: 16px;
              font-family: "Montserrat" !important;
            }
            > p {
              font-size: 25px;
              font-weight: bold;
              font-family: "Montserrat";
            }
          }
        }
      }
      .dica-digi {
        width: 84%;
        height: 147px;
        margin: 20px auto 16px;
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;

        > img {
          margin-right: 20px;
        }

        > div {
          > h3 {
            margin-bottom: 10px;
          }
        }
      }
    }
    .fotos {
      margin: 50px auto;

      .container-slider {
        width: 76.6%;
        margin: 0 auto;

        .card-fotos {
          width: 307px;
          height: 461px;

          .img-slider {
            width: 100%;
            height: auto;
          }
          .tag-desconto {
            left: 14px;
          }
          .nome-produto {
            margin-bottom: 8px;
            margin-top: 10px;
          }
          > span {
            font-size: 16px;
            font-family: "Montserrat" !important;
          }
          > p {
            font-size: 18px;
            font-weight: 800;
            font-family: "Montserrat";
          }
          .preco-prod {
            > span {
              font-family: "Montserrat";
              font-size: 15px;
            }
            > p {
              font-size: 25px;
              font-weight: bold;
              font-family: "Montserrat";
              margin-bottom: 0px;
            }
          }
        }
      }
    }

    .dica-digi {
      width: 84%;
      height: 147px;

      margin: 0 auto 16px !important;
      text-align: left;
      display: flex;
      flex-direction: row;
      align-items: center;

      > img {
        margin-right: 20px;
      }

      > div {
        > h3 {
          margin-bottom: 10px;
          color: #fff;
          font-size: 24px !important;
        }
        > p {
          font-size: 16px;
        }
      }
    }
  }
  .infos {
    > h3 {
      max-width: 100%;
    }
    .infos-box {
      flex-direction: row;
      justify-content: space-between;
      align-items: self-start;

      .infos-card {
        text-align: center;

        height: 200px;
        height: auto;
        margin-right: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .infos-texto {
          width: 293px;

          > h2 {
            width: 229px;
            margin: 10px auto;
          }
        }
      }
      .infos-card:nth-child(2) {
        .infos-texto {
          > p {
            margin-bottom: 26px;
          }
        }
      }
      .infos-card:last-child {
        .infos-texto {
          > p {
            margin-bottom: 22px;
          }
        }
      }
    }
  }
}
@media (min-width: 1440px) {
  .banner {
    max-width: 1440px !important;
    margin-bottom: 40px;
  }
  #main {
    .albuns-fotolivros {
      .grid-container {
        width: 90%;
        .card-produtos.flat-800 {
          width: 600px;
        }
        .card-produtos.hd,
        .card-produtos.plus {
          width: 600px;
        }
      }
      .dica-digi {
        width: 84%;
      }
    }
    .fotopresentes {
      .dica-digi {
        width: 84%;
      }
    }
    .decoracao {
      .dica-digi {
        width: 84%;
      }
    }
    .fotos {
      .dica-digi {
        width: 84%;
      }
    }
  }
}

@media (min-width: 1900px) {
  .banner {
    max-width: 1920px !important;
    margin-bottom: 30px;
  }
  #main {
    .albuns-fotolivros {
      .grid-container {
        width: 70%;
        margin: 30px auto;

        .card-produtos.flat-800 {
          width: 639px;
          padding: 84px 50px;

          .desc-produto {
            font-size: 20px;
            font-weight: 500;
          }
        }
        .card-produtos.hd,
        .card-produtos.plus {
          width: 642px;
          padding: 50px;
        }
        .card-produtos.slim {
          padding: 50px;
          width: 1304px;
        }
      }
      .nome-produto {
        font-size: 25px;
        margin-bottom: 10px;
      }
      .dica-digi {
        width: 1366px;
        margin: 0 auto;
      }
      > .link-pagina {
        color: #000000;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        a {
          text-decoration: underline;
        }
      }
    }
    .fotopresentes {
      .container-slider {
        width: 65%;
      }

      .card-ftpresentes {
        height: 546px !important;
        width: 357px !important;
        display: flex;
        flex-direction: column;
        align-items: center;

        .nome-produto {
          font-size: 20px;
          margin: 30px auto 12px;
        }
        .tag-desconto {
          left: 20px;
        }
        .img-slider {
          height: 345px;
          width: 357px;
        }
      }
      .dica-digi {
        width: 1366px;
      }
    }
    .decoracao {
      .slider-deco {
        display: none;
      }
      .grid-deco {
        grid-row-gap: 10px;
        width: 1294px;
        margin-bottom: 50px;
        .enfeite,
        .canvas {
          .deco-texto {
            margin-top: -157px;
            margin-left: 380px;
          }
        }

        .enfeite,
        .folio,
        .canvas,
        .card-decoracao.bloco {
          width: 642px;
          height: 350px;

          .desk {
            width: 100%;
            height: auto;
          }
          .deco-texto {
            margin-top: -210px;
          }
        }
        .folio {
          .deco-texto {
            margin-right: 380px;
          }
        }
        .card-decoracao.bloco {
          .deco-texto {
            margin-right: 350px;
          }
        }
      }
      .card-decoracao {
        .nome-produto {
          font-size: 20px;
          margin-bottom: 12px;
        }
        .preco-prod {
          margin-top: 12px;

          .desc-slider {
            margin-bottom: 6px;
          }
        }
      }
      .dica-digi {
        width: 1366px;
      }
    }
    .fotos {
      .container-slider {
        width: 62.4%;
      }
      .card-fotos {
        height: 546px !important;
        width: 357px !important;

        .img-slider {
          width: 100%;
          height: 345px;
        }

        .nome-produto {
          font-size: 20px;
          margin: 50px auto 18px;

          font-size: 20px;
          margin: 30px auto 12px !important;
        }
      }
      .dica-digi {
        width: 1366px;
      }
    }
    .fotopresentes,
    .decoracao,
    .fotos {
      > .link-pagina {
        color: #000000;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        a {
          text-decoration: underline;
        }
      }
    }
  }
  .infos {
    > h3 {
      max-width: 100%;
    }
    .infos-box {
      flex-direction: row;
      justify-content: space-between;
      align-items: self-start;

      .infos-card {
        text-align: center;

        height: 200px;
        height: auto;
        margin-right: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .infos-texto {
          width: 293px;

          > h2 {
            width: 229px;
            margin: 10px auto;
          }
        }
      }
      .infos-card:nth-child(2) {
        .infos-texto {
          > p {
            margin-bottom: 26px;
          }
        }
      }
      .infos-card:last-child {
        .infos-texto {
          > p {
            margin-bottom: 22px;
          }
        }
      }
    }
  }
}