.segmentos {
    padding-top: 70px;
    border-top: solid 1px #F5F1EC;

    .box-segmento {
        display: block;
        height: 400px;
        position: relative;
        overflow: hidden;

        img {
            position: relative;
            z-index: 1;
            height: 400px;
            width: 100%;
            object-fit: cover;
            transition: all .5s;
        }

        .box-info {
            position: absolute;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            background: linear-gradient(360deg, rgba(0, 0, 0, 0.25) 29.73%, rgba(0, 0, 0, 0.00) 50%);
            padding: 25px;
            
            h2 {
                color: #FFF;
                font-family: "Giordano Gold";
                font-size: 40px;
                font-style: normal;
                font-weight: 400;
                line-height: 32px; /* 80% */
            }
            
            p {
                color: rgba(255, 255, 255, 0.80);
                font-family: "Lucida Grande";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px; /* 142.857% */
            }
        }

        &:hover {
            img {
                transform: scale(1.03);
            }
        }
    }
}

.sobre {
    margin-top: 40px;
    background: linear-gradient(357deg, #FFF 2.16%, #EDE5DB 46.13%, #E6D8C9 97.42%);
    padding: 60px 0;

    img {
        max-width: 100%;
    }
}