/* Atencao */

#atencao_danca{
    grid-column: 1/7;
    grid-row: 1/4;
    z-index: 10;
    position: relative;
    right: 70px;
    top: 50px;
    max-height: 720px;
}

#atencao_mascara{
    grid-column: 8/13;
    grid-row: 1/4;
    z-index: 10;
    position: relative;
    top: 40px;
    display: flex;
    align-self: center;
}

#atencao_video{
    grid-row: 1/3;
    z-index: 1;
}


#gradiante{
    height: 200px;
    grid-row: 2/3;
    z-index: 5;
    background: linear-gradient(180deg,rgba(38, 38, 38, 0) 0%, rgba(38, 38, 38, 1) 100%);
    grid-column: 1/13;
}

#faixa_video{
    height: 100px; 
    grid-column: 1/13;
    background-color: var(--preto);
    grid-row: 3/4;
    z-index: 5;

}




/* Interesse */

#portugues{
    font-size: 38px;
    line-height:42px ;
}

#interesse_3textos{
    padding-top: 150px;
    grid-column:2/8;
    z-index: 1;
    grid-row: 1/2;
}

#pincel{
    display: block;
    max-width: 1280px;
    grid-column:1/13;
    z-index: 0;
    grid-row: 1/2;
}

#pincel_800{
    display: none;
}

#pincel_mobile{
    display: none;
}

#interesse_amarelo_texto{
    grid-column:1/6;
    grid-row: 1/2;
    z-index: 10;
    align-content: center;
}

#interesse_amarelo_mancha{
    grid-column:3/10;
    max-width: 750px;
    grid-row: 1/2;
    z-index: 0;
}

#interesse_amarelo_img{
    grid-column:6/11;
    max-width: 514px;
    grid-row: 1/2;
    z-index: 10;
    align-self: center;
    rotate: 10deg;
    position: relative;
    right: -35px;
}

#interesse_roxo_texto{
    grid-column:7/12;
    grid-row: 1/2;
    z-index: 10;
    align-content: center;
}

#interesse_roxo_mancha{
    grid-column:3/10;
    max-width: 750px;
    grid-row: 1/2;
    z-index: 0;
}

#interesse_roxo_img{
    grid-column:2/7;
    max-width: 514px;
    grid-row: 1/2;
    z-index: 10;
    align-self: center;
    rotate: -10deg;
    position: relative;
    right: 35px;
}

#interesse_verde_texto{
    grid-column:2/7;
    grid-row: 1/2;
    z-index: 10;
    align-content: center;
}

#interesse_verde_mancha{
    grid-column:3/10;
    max-width: 750px;
    grid-row: 1/2;
    z-index: 0;
}

#interesse_verde_img{
    grid-column:7/12;
    max-width: 514px;
    grid-row: 1/2;
    z-index: 10;
    align-self: center;
    rotate: 7deg;
    position: relative;
    right: -35px;
}

/* Desejo */

.galeria{
    display: block;
}

#p_b_elements{
    grid-row: 1;
    grid-column: 1 ;
    z-index: 100;
}

#preto_branco{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

#p_b_fundo{
    grid-row: 1;
    grid-column: 1;
    height: 780px;
    background-color: var(--preto);
}

#desejo1{
    grid-column:1/7;
    z-index: 0;  
    grid-row: 2;
    align-self: flex-end;
}

#confetis_desejo{
    grid-column:6/13;
    z-index: 10; 
    grid-row: 2;
}

#desejo2{
    grid-column:2/6;
}

#desejo3{
    grid-column:6/13;
}

#desejo_video{
    grid-column:2/12;
    grid-row: 4;
    z-index: 1;
}

#desejo_mascara{
    grid-column:1/5;
    grid-row: 4;
    z-index: 10;
    position: relative;
    top: -140px;
    max-width:250px;
    align-self: flex-end;
}

#desejo4{
    grid-column:1/6;
}

#desejo5{
    grid-column:6/10;
}

#desejo6{
    grid-column:2/5;
}

#desejo7{
    grid-column:5/13;
}

#desejo8{
    grid-column:1/9;
}

#desejo9{
    grid-column:9/12;
}

#desejo10{
    grid-column:4/9;
    z-index: 1;
    grid-row: 7;
}

/* Acao */

#pulseira{
    grid-column:8/13;
    grid-row: 5/8;
    max-width: 300px;
    display: flex;
    justify-self:flex-end;
}

#pulseira_mobile {
    display: none;
}


#cracha{
    grid-column:2/5;
    z-index: 10;
    grid-row: 7;
    align-self: flex-end;
    max-width: 180px;
    position: relative;
    top: 40px;
    right: -80px;
}

#text_pulseira{
    grid-column:3/10;
    text-align: center;
    grid-row: 6;
}

#acao_text{
    grid-column: 3/9;
    grid-row: 1; 
    z-index: 10;
    align-self: flex-end;

}

#copo{
    grid-column: 9/13;
    grid-row: 1;
    z-index: 10; 
}

#caixa{
    display: block;
    grid-column: 1/13;
    grid-row: 1/3; 
    z-index: 1;
}

#caixa_mobile1{
    display: none;
}

#caixa_mobile2{
    display: none;
}

/* Noticias */

#noticia_titulo{
    grid-column: 2/5;
}

#best_festivity{
    grid-column: 2/5;
}

.noticias img{
   transition: .2s;
}

.noticias img:hover{
   scale: 1.1; 
}

#mil_folioes{
    grid-column: 5/8;
}

.noticias{
    border: var(--roxo) 2px solid;
    padding-bottom: 40px;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto auto auto 1fr auto;
    text-decoration: none;
}


.noticias img{
    border-radius: 6px 6px 0px 0px;
}

.noticias h4, .noticias h3{
   padding: 0px 20px 0px 20px; 
}

#maquina_costura{
    grid-column: 8/13;
    max-width: 400px;
    justify-self: center;
    align-self: center;
}





 /* Mobile */

@media (max-width: 900px) {


#interesse_3textos {
    grid-column: 1 / 8;
}


#interesse_amarelo_texto {
    grid-column: 1 / 7;
}

#interesse_amarelo_img {
    grid-column: 7 / 12;
}

#interesse_roxo_texto {
    grid-column: 7 / 13;
}

#interesse_verde_texto {
    grid-column: 1 / 7;
}


    #desejo10 {
    grid-column: 3 / 10;
}


#pulseira {
    max-width: 250px;
}

#cracha {

    max-width: 140px;
    right: 0px;
}

#text_pulseira {
    grid-column: 2 / 11;
}

#acao_text {
    grid-column: 2 / 10;
}

#caixa {
    padding-top: 100px;
}

#noticia_titulo {
    grid-column: 1 / 5;
}

#best_festivity {
    grid-column: 1 / 5;
}

#mil_folioes {
    grid-column: 5 / 9;
}

#maquina_costura{
    grid-column: 9/13;
}

    }


 @media (max-width: 800px) {

#pincel_800{
    display: block;
    max-width: 800px;
    grid-column:1/13;
    grid-row: 1;
}

#pincel{
    display: none;
}

#interesse_3textos {
    padding-top: 30px;
    grid-column: 2 / 12;
    grid-row: 2;
}

   


 #interesse_amarelo_texto {
    grid-column: 2 / 12;
}

#interesse_amarelo_mancha {
    grid-column: 2 / 12;
    max-width: 800px;
    grid-row: 1 / 3;
    align-self: center;
}

#interesse_amarelo_img {
    margin-top: 40px;
    grid-column: 1 / 13;
    grid-row: 2;
    max-width:450px;
    justify-self: center;
    margin-bottom: 40px;
    position: static;
}


 #interesse_roxo_texto {
    grid-column: 2 / 12;
}

#interesse_roxo_mancha {
    grid-column: 2 / 12;
    max-width: 800px;
    grid-row: 1 / 3;
    align-self: center;
}

#interesse_roxo_img {
    margin-top: 40px;
    grid-column: 1 / 13;
    grid-row: 2;
    max-width:450px;
    justify-self: center;
    margin-bottom: 40px;
    position: static;
}


 #interesse_verde_texto {
    grid-column: 2 / 12;
}

#interesse_verde_mancha {
    grid-column: 2 / 12;
    max-width: 800px;
    grid-row: 1 / 3;
    align-self: center;
}

#interesse_verde_img {
    margin-top: 40px;
    grid-column: 1 / 13;
    grid-row: 2;
    max-width:450px;
    justify-self: center;
   margin-bottom: 100px;
   position: static;
}

#desejo1 {
    grid-column: 1 / 11;
    z-index: 0;
}

#desejo_video {
    grid-column: 1 / 13;
}

#desejo10 {
    grid-column: 2 / 12;
    grid-row: 7/9;
    align-self: flex-end;
}


#pulseira {
    display: none;
}

#pulseira_mobile {
    display: block;
    grid-column: 1 / 13;
    grid-row: 7;
    z-index: 100;
    position: relative;
    top: -30px;
}

#cracha {
    grid-row: 8;
    max-width: 200px;
    right: 40px;
}







#acao_text {
    grid-column: 1 / 11;
    grid-row: 2;
}

#caixa{
    display: none;
}

#caixa_mobile1{
    display: block;
    grid-column: 1/13;
    grid-row: 1/3; 
    z-index: 1;
}

#caixa_mobile2{
    display: block;
    grid-column: 1/13;
    grid-row: 3/4; 
}

#copo
 {
    position: relative;
    rotate: -20deg;
    grid-column: 2 / 13;
    grid-row: 1;
    z-index: 10;
    max-width: 400px;
    align-self: flex-end;
    justify-self: flex-end;
}







#best_festivity {
    grid-column: 1 / 7;
}
 
#mil_folioes {
    grid-column: 7 / 13;
}

#maquina_costura{
    display: none;
}


 }

 @media (max-width: 600px) {

#faixa_video {
    height: 350px;
}

#atencao_mascara {
    grid-column: 6 / 13;
    grid-row: 3 / 4;
    position: initial;
}

#atencao_danca {
    grid-column: 1 / 10;
    right: 60px;
    top: 10px;
}

#interesse_3textos {
    grid-column: 1 / 13;

}

#pincel_mobile{
    display: block;
}

#pincel_800{
    display: none;
}

#interesse_amarelo_texto {
    grid-column: 1 / 13;
}

#interesse_amarelo_mancha {
    grid-column: 1 / 13;
    max-width: 600px;
}

#interesse_amarelo_img {
    max-width:350px;
}


 #interesse_roxo_texto {
    grid-column: 1 / 13;
}

#interesse_roxo_mancha {
    grid-column: 1 / 13;
    max-width: 600px;
}

#interesse_roxo_img {
    max-width:350px;
}


 #interesse_verde_texto {
    grid-column: 1 / 13;
}

#interesse_verde_mancha {
    grid-column: 1 / 13;
    max-width: 600px;
}

#interesse_verde_img {
    max-width:350px;
}

.galeria{
    display: none;
}


#onda_preta_h1_primeiro{
    margin: 30px 0px;
}

#p_b_fundo{
    height: 500px;
}

#text_pulseira {
   grid-row: 3; 
}


#desejo10 {
    grid-column: 1 / 13;
    grid-row: 4 / 6;
}

    
#pulseira_mobile {
    grid-row: 4;
}

#cracha {
    grid-row: 5;
    grid-column: 2 / 6;
    right: 60px;
}


#acao_text {
    grid-column: 1 / 13;
}

#best_festivity {
    grid-column: 1 / 13;
}
 
#mil_folioes {
    display: none;
}
 }