.secao-home{
    
    margin-top: 150px;
    width: 100vw;

    scroll-snap-align: start;

}

.rwg-navegacao{
    
    margin-top: 45px;
    
}

/* FILTROS GALERIA */

.gallery-item-filter {
	margin-top: 10px;
    margin-bottom: 20px;

	
	
	font-family: "Lato", Sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
	
	width: 100%!important;
	
	color: var(--cor-azul-escuro-30)!important;
	
	text-align: right;
	
    border-radius: 8px;


}

.gallery-item-filter .tab {
	display: inline-block!important;
	padding: 10px 25px 10px 25px;
	
	font-size: 16px;
	cursor: pointer;
	transition: 200ms;

	width: auto!important;
	
	/*border-radius: 10px;*/
	
	text-align: center;
	white-space: nowrap;
	
	transition: transform .4s;

    border-radius: 8px;
}

.gallery-item-filter .tab:hover {
    
    transform: scale(1.1);
    
}

.ativa{
    background-image: linear-gradient(240deg,
    var( --cor-principal ) 0%, var( --cor-principal ) 100%);
    color: white!important;
    
}


@media (max-width: 767px) {
    .gallery-item-filter {

    font-size: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    
    display: flex;
    
    border-radius: 5px!important;
    overflow: hidden;
    
    

}

    .gallery-item-filter .tab {
    	display: inline-flex;
    	padding: 3px 12px 3px 12px;
    	
    	font-size: 10.5px;
    	line-height: 25px;
    
    
        border-radius: 0px;
        
        width: 25%!important;
        
        background: var(--cor-cinza-2);
        
        
    }
    
    .gallery-item-filter .tab:hover {
        
        transform: scale(1);
    
        
    }
    
    .ativa{
        background: var( --cor-principal )!important;
        color: white!important;
    }
}

/* LIGHTBOX */

.ppr{

    display: none;
    z-index: 2;
  
    height: 100vh;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: center;
    font-family: "Lato", Sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(2px);

}

.ppr_conteudo{
    text-align: center;
    border-radius: 15px;
    margin-top: 10vh;
    margin-bottom: 10vh;
    height: 80vh;
    display: table;
}

.ppr_conteudo-alinhar {
    display: table-cell;
    vertical-align: middle;
}

.ppr_conteudo img{

    border-radius: 8px;
    transform: scale(1);
    max-width: 100%;
    max-height: 80vh;
}

.ppr_dados{
    text-align: left!important;
    
    width: 400px;
    width: 0px;
    padding: 20px 25px 20px 20px;

    color:#1E1D1D;

}

.ppr_titulo{
    
    font-size: 35px;
    line-height: 35px;
    
}

.ppr_subtitulo{
    
    font-size: 22px;
    line-height: 30px;
    
    opacity: 0.5;
    
}

.ppr_texto{
    
    font-size: 20px;
    line-height: 25px;
    margin-top: 30px;
    text-align: justify;
    
}

.ppr_insta{
    
    font-size: 22px;
    color: var(--e-global-color-primary);
}

.ppr_pos{

     color: white;
    position: fixed;
    bottom: 0px;
    right: 20px;
    left: 20px;
    height: 10vh;
    line-height: 10vh;
}

#ppr_fechar{
    
    color:white;
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 45px;
    
    cursor: pointer;
    
    z-index: 101;
    
}

.bxs-chevron-left {
    
    position: fixed;
    top: 20px;
    bottom: 20px;
    left: 20px;

    font-size: 60px!important;
    color: white;
    
    cursor: pointer;
    
    z-index: 101;

    height: 60px;
    margin-top: calc(50vh - 50px);
}

.bxs-chevron-right{
    
    position: fixed;
    top: 20px;
    bottom: 20px;
    right: 20px;

    font-size: 60px!important;
    color: white;
    
    cursor: pointer;
    
    z-index: 101;
    
    height: 60px;
    margin-top: calc(50vh - 50px);
}

@media (max-width: 767px) {
    .bxs-chevron-left {
    
        top: auto;
        bottom: 25px;
        left: 25px;
        font-size: 40px!important;
        height: 40px;
    
    }
    
    .bxs-chevron-right{
        
        top: auto;
        bottom: 25px;
        right: 25px;
        font-size: 40px!important;
        height: 40px;
    }
    
    #ppr_fechar{
        
        font-size: 35px;
        
    }
    
    .ppr{
    
    
        background: rgba(0,0,0,0.85);
        
    }

    .ppr_conteudo-alinhar{
      padding: 0px 30px;
    }

}


/* Alerta */


        .alerta{
            
          font-family: "Lato", Sans-serif!important;
          font-size: 23px!important;
          font-weight: 800!important;
          font-style: italic!important;    
          color: var(--cor-azul-escuro);
        
          background: white;
          
          padding: 10px;
          min-width: 420px;
          
          height: 80px;
          
          position: fixed;
          right: 10px;
          top: 20px;
          
          border-radius: 10px;
        
          overflow: hidden;
          opacity: 0;
          pointer-events: none;
          
          z-index: 999!important;
          
          display: inline-flex;
          
          box-shadow: 0px 0px 42px 0px rgb(77 68 105 / 45%);
          
        }
        
        .alerta .icone-alerta{

            border-radius: 5px;
            
            height: 60px;
            width: 5px;
            margin-right: 15px;
            
            text-align: center;
            
            border-radius: 5px;
            
            background-image: linear-gradient(240deg, var( --cor-principal ) 0%, var( --cor-principal ) 100%);
        
            
        }
        
        .alerta .textos-area{
            
            display: block!important;
            padding-right: 20px;
            padding-top: 5px;
            
        }
        
        .alerta .msg{
          font-size: 17px;
          line-height: 18px;
            opacity: 0.5;
          
          display: block!important;
        
        }
        
        .alerta .titulo{
        
            width: 100%;
            
          font-size: 18px;
          line-height: 26px;
        
        
          display: block!important;
        }

        .alerta .close-btn .fas.fa-times{
          font-size: 18px;
          line-height: 60px;
          opacity: 0.5;
        }
        
        .alerta .close-btn{
        
            width: 50px;
          cursor: pointer;
          text-align: center;
        }
        .alerta .close-btn:hover{
          color: var( --cor-principal );
        }
        
        /* animacao */
        
        .alerta.showAlert{
          opacity: 1;
          pointer-events: auto;
        }
        .alerta.show{
          animation: show_slide 1s ease forwards;
        }
        @keyframes show_slide {
          0%{
            transform: translateX(110%);
          }
          40%{
            transform: translateX(-5%);
          }
          80%{
            transform: translateX(0%);
          }
          100%{
            transform: translateX(-5px);
          }
        }
        .alerta.hide{
          animation: hide_slide 1s ease forwards;
        }
        @keyframes hide_slide {
          0%{
            transform: translateX(-5px);
          }
          40%{
            transform: translateX(0%);
          }
          80%{
            transform: translateX(-5%);
          }
          100%{
            transform: translateX(110%);
          }
        }
        
        /* sumir */
        .incompleto{
                       
            /*pointer-events: none!important;*/
            opacity: 0.4;
            filter: saturate(0.3);
                       
        }
        
        /* MOBILE */

        @media (max-width: 767px) {

          .alerta{
              
              min-width: 0vw!important;
              width: calc(100vw - 60px)!important;
              right: 25px!important;
              top: 30px!important;
              
          }
          
          .alerta .textos-area {
                padding-top: 0px!important;
            }
          
            .alerta .msg{
                font-size: 12px!important;
                line-height: 12px!important;
           }
                    
           .alerta .titulo{
        
                font-size: 15px!important;
                line-height: 30px!important;
            }
            
            .alerta .icone-alerta {
                width: 8px!important;
                margin-right: 10px!important;
        
            }
            
            .alerta .close-btn {
                width: 60px!important;
                cursor: pointer;
                text-align: center;
            }
        
        }

/* Mobile Geral */

@media (max-width: 767px) {

  .secao-home, .secao-ilustracao, .secao-streampack{
      
    padding: 0px 30px;

  }

  .secao-ilustracao, .secao-streampack{
    margin-bottom: 30px;
  }

  .gallery-masonry{
    margin-left: -9px!important;
    
  }
  

}