main{
  padding-top: 130px;
  padding-bottom: 100px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #FFF 75.61%, #C1C1C1 100%);
  position: relative;
  /*
  &:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 600px;
    width: 800px;
    opacity: 0.2;
    background: url('../../images/bg-noticias.webp');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -2;
  }
  */
  .main-content{
    /*background: white;*/
    padding: 50px 0;
    box-sizing: border-box;
    position: relative;
    &:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 490px;
      width: 486px;
      background: url(../../images/bg-mainbanner-top.webp);
      background-position: top center;
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 0;
    }
    .container{
      display: flex;
      flex-direction: column;
      gap:50px;
      .category-products{
        display: flex;
        flex-direction: column;
        gap: 24px;
        .category{
          display: flex;
          flex-direction: row;
          gap: 15px;
          &::before {
            content: '';
            display: inline-block;
            width: 10px;
            background: linear-gradient(0deg, #312783 13.32%, #2F2985 56.53%, #005FB7 99.74%);
          }
          h2{
            color: #000;
            font-family: "Roboto-400",sans-serif;
            font-size: 34.072px;
            line-height: normal;
            strong{
              color: var(--2, #312783);
              font-family: "Roboto-700",sans-serif;
              font-size: 34.072px;
              line-height: normal;
            }
          }
        }
        .product-list{
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
          gap: 38px;

          max-width: calc(360px* 3 + 38px* 2);
          margin: 0 auto;
          width: 100%;
          .product-item{
            border-right: 3px solid #D9D9D9;
            a{
              display: flex;
              flex-direction: column;
              gap: 13px;
              align-items: center;
              height: 100%;
              justify-content: space-between;

              /* padding: 0 4rem;
              box-sizing: border-box; */

              max-width: 220px;
              margin: 0 auto;
              
              &:hover{
                .product-thumbnail{
                  &::after{
                    display: unset;
                  }
                }
              }
             
              .product-thumbnail{
                width: 100%;
                height: 250px;
                position: relative;
                /* background: white; */
                &::after{
                  display: none;
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: 100%;
                  width: 100%;

                  background: url('../../images/raichu.gif');
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: cover;

                  z-index: 0;
                  mix-blend-mode: color-dodge;
                  
                  transform: scale(1.6);
                }
                img{
                  height: 100%;
                  width: 100%;
                  object-fit: contain;
                  object-position: center;
                }
                img.scale-1-1{
                  transform: scale(1.1);
                }
                img.scale-1-2{
                  transform: scale(1.2);
                }
                img.scale-1-3{
                  transform: scale(1.3);
                }
                img.scale-1-4{
                  transform: scale(1.4);
                }
                img.scale-1-5{
                  transform: scale(1.5);
                }
              }
              h3{
                color: var(--bg-color-grey);
                text-align: center;
                font-family: "Roboto-400",sans-serif;
                font-size: 16px;
                line-height: 20px;
              }
              span{
                color: white;
                background: var(--Linear-boton, linear-gradient(270deg, #4C41AC 0%, #1F156D 100%));

                padding: 12px 30px;
              }
            }
          }
          /*
          .product-item:nth-child(3n+1) {
            border-left: none;
          }
          */
        }
      }

    }
  }
}


@media (max-width: 700px) {
  main{
    .main-content{
      .container{

        .category-products{

          .category{

            &::before {

            }
            h2{
              font-size: 25px;
              line-height: normal;
              strong{
                font-size: 25px;
                line-height: normal;
              }
            }
          }
          .product-list{
            .product-item{
              border-right:unset;
              a{
               
                .product-thumbnail{
                  
                  &::after{
                    display: unset;
                  }

                }
                h3{
                }
                span{
                }
              }
            }
          }
        }
  
      }
    }
  }
  
}

@media(min-width : 1800px){
  main {
    .main-content {
      .container {
        .category-products {
          .product-list {
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            max-width: calc(400px* 3 + 38px* 2);
            .product-item{
              a{
                max-width: 280px;
              }
            }
          }
        }
      }
    }
  }
}