@media (max-width: 1072px){

    h1.titulo-section{
        font-size: 3rem;
    
    }

    /* estilo do menu */

    header{
        background-image: none;
        background-color: var(--corPRETO);
    }

    .btn-menu-mobile{
        display: block;
    }

    .menu-desktop{
        display: none;
    }

    /* estilo da hero */
    
    section.hero{
    background-image: url(img/Gemini_Generated_Image_kv1s3fkv1s3fkv1s.png)   

    } 
    
    .hero > .interface{
        gap: 64px;
        text-align: center;
        flex-direction: column-reverse;
    }
    
    .hero .txt-hero h1{
        font-size: 2rem;
    }
    
    .hero .txt-hero h1 span{
        font-size: 3rem;
    }

    .hero .img-hero img{
        max-width: 320px;

        
        }
    
    .hero .txt-hero p {
        color: var(--corBranca);
        line-height: 1.6;
        font-size: 1rem;
        margin: 24px 0;
    
    }
    
    /* Estilo Sobre mim */
    section.sobre-mim{
        padding: 80px 0;
    }
    
    .sobre-mim .interface{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 96px;
    }
    
    .sobre-mim .txt-sobre p{
        color: var(--corCINZA);
        text-align: justify;
        line-height: 1.6;
        margin: 24px 0;
    }


/* Estilo Sobre mim */

.sobre-mim> .interface{
    flex-direction: column;
    gap: 64px;
}

.sobre-mim .img-sobre img{
    max-width: 300px;
}

.sobre-mim .txt-sobre h1 {
    font-size: 2rem;
    word-break: break-word;
}

.portfolio .interface h1{
    font-size: 2rem;
    word-break: break-word;
}

.skills .interface h1{
    font-size: 2rem;
    word-break: break-word;
}

/* Sessão Skills  */

.skills article{
    grid-template: 1fr 1fr 1fr 1fr 1fr 1fr  / 1fr;
  }

 .box-skills .icon-skills img{
    max-width: 80px;
 }

 /* Estilo portfólio*/

.portfolio .portfolio-container{ 
    grid-template: 1fr 1fr 1fr 1fr / 1fr;
}

.portfolio-container .portfolio-box{
    max-width: 300px;
    margin: 0 auto;
}

/* estilo do rodape */
footer > .interface{
    flex-direction: column-reverse;
    gap: 32px;
    text-align: center;
}


}