.hero{

    width:100%;

    display:flex;

    flex-direction:column;

    align-items:center;

}


/* FOTO */

.hero-imagem{

    width:100%;

    height:auto;

    overflow:hidden;

}


.hero-imagem img{

    width:100%;

    height:auto;

    display:block;

    object-fit:cover;

}


/* QUADRO DO TEXTO */

.hero-conteudo{

    width:min(90%,900px);

    background:#FFFFFF;

    text-align:center;

    padding:60px 30px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.hero h1{

    font-size:clamp(2rem,5vw,4rem);

    color:#6A4E42;

    margin-bottom:20px;

}


.hero p{

    font-size:clamp(1rem,2vw,1.3rem);

    line-height:1.7;

    color:#555;

    max-width:700px;

    margin:auto;

}


.hero button{

    margin-top:35px;

    padding:16px 50px;

    border-radius:50px;

    background:#8B5E3C;

    color:white;

    font-size:18px;

    font-weight:bold;

    transition:.3s;

}


.hero button:hover{

    background:#6A4E42;

    transform:translateY(-3px);

}


@media(max-width:768px){

    .hero-conteudo{

        padding:35px 20px;

    }

}