#ptrabalhos{
    width: 100%;
}

#trabalho{
    width: 100%;
    margin-top: -2rem;
}

.trabalho__header{
    width: 100%;
    display: flex;
    gap: 5rem;
    align-items: center;
}

.trabalho__header--img{
    width: 50%;
}

.trabalho__header--textos{
    width: 100%;
}

.trabalho__header--textos--titulo{
    font-size: 5.3rem;
    font-weight: 900;
    margin: 0 0 .5rem 0 ;
}

.trabalho__header--textos--subtitulo{
    font-size: 1.5rem;
    font-weight: 400;
    margin: 1rem 0 ;
}

.trabalho__header--textos--verDetalhes{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 .5rem 0 ;
    position: relative;
}

.trabalho__header--textos--verDetalhes::after{
    content: '';
    position: absolute;
    width: 7.2rem; 
    height: .5rem;
    background-color: var(--amarelo-criativo); 
    bottom: .2rem; 
    left: 0; 
    z-index: -1;
}
.contato__icones_preto {
    display: flex;
    flex-direction: row;
    gap: 5rem;
    justify-content: center;
    margin-bottom: 5rem;
    margin-top: -5rem;
    width: 100%;
}
.Villa-Lobos-video{
    width:100%;
    height:400px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
}

@media only screen and (max-width:900px) {
    .contato__icones_preto {
        flex-direction: row;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }
}

.contato__icones_preto a svg:hover path {
    stroke: var(--amarelo-criativo);
}

.trabalho__header--textos--seta{
    margin: 0 0 0 3rem;
}

.trabalho__descricao{
    margin: 4rem 0 6rem 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.trabalho__decricao--texto{
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center;
    padding: 0 23rem;
}

.trabalho__extras{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    justify-content: center;
}

.trabalho__extras iframe{
    width: 60%;
    height: 500px;
}

.trabalho__extras--galeria{
    width: 100%;
}

.trabalho__extras--galeria--principal{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.trabalho__extras--galeria--principal--imagem{
    width: 60%;
}

.trabalho__extras--galeria--imagens{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.trabalho__extras--galeria--imagens--img{
    width: 30%;
    padding: .5rem;
}

@media only screen and (max-width: 1400px){
    .trabalho__header--img{
        width: 50%;
    }

    .trabalho__header--textos--verDetalhes::after{
        width: 21%; /* Ajusta a largura da linha para metade do texto */
    }

    .trabalho__header--textos--titulo{
        font-size: 3.5rem;
    }

    .trabalho__decricao--texto{
        padding: 0 15rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .trabalho__extras--galeria {
        padding: 3 3px; 
    }

    .trabalho__extras--galeria--principal {
        margin: 5px auto; 
        max-width: 90%; 
        text-align: center; 
        display: flex;
        align-items: center;
        justify-content: center; 
    }
}

@media only screen and (max-width: 767px) {
    .trabalho__extras--galeria {
        padding: 5 5px;
    }

    .trabalho__extras--galeria--principal {
        margin: 5px auto;
        max-width: 90%;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media only screen and (max-width: 1200px){
    .trabalho__header--textos--seta{
        height: 70px;
    }
    .trabalho__header--textos--titulo{
        font-size: 3rem;
    }
    .trabalho__header--textos--subtitulo{
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 1250px) and (min-width: 1024px){

}

@media only screen and (max-width: 1024px) {
    .trabalho__header{
        flex-direction: column;
    }

    .trabalho__header--img{
        width: 100%;
    }

    .trabalho__header--textos{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: -4rem 0 0 0;
    }

    .trabalho__header--textos--titulo{
        font-size: 2.5rem;
        text-align: center;
    }

    .trabalho__header--textos--subtitulo{
        font-size: 1.25rem;
        text-align: center;
    }

    .trabalho__header--textos--verDetalhes, .trabalho__header--textos--seta{
        display: none;
    }

    .trabalho__descricao{
        margin: 2.5rem 0;
    }

    .trabalho__decricao--texto{
        font-size: 1.125rem;
        padding: 20px;
    }

    .trabalho__extras iframe{
        width: 80%;
        height: 400px;
    }

    .trabalho__extras--galeria--principal--imagem{
        width: 100%;
    }

    .trabalho__extras--galeria--imagens{
        flex-direction: column;
    }

    .trabalho__extras--galeria--imagens--img{
        width: 80%;
    }

}