/* Estilo automático para a página: sobre */

#sobre {
    padding: 88px 0;
    background-color: var(--branco);

    .subtitulo {
        color: var(--preto);
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        
        span{            
            color: var(--vermelho);
        }

        img{
            position: relative;
            top: -2px;
        }
    }

    h2{
        margin-bottom: 30px;
        color: var(--preto);
    }

    .text-sobre {
        color: var(--preto);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%; /* 25.6px */
        letter-spacing: -0.032px;
    }


    .moldura {
        position: relative;
        height: 100%;

        &::after{
            display: inline-block;
            width: 238px;
            height: 330px;
            border-radius: 20px;
            background: #933;
            content: "";
            top: -25px;
            right: -25px;
            position: absolute;
            z-index: 0;
        }

        .img-sobre {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
            position: relative;
            z-index: 1;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
    }

}

#mvv{
    padding: 68px 0;
    background-color: var(--preto);

    .subtitulo {
        color: var(--branco);
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;

        img{
            position: relative;
            top: -1px;
        }
    }

    h2{
        color: var(--branco);
    }

    .card-mvv {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .titulo-mvv {
            color: var(--branco);
            text-align: center;
            font-size: 24px;
            font-weight: 600;
            letter-spacing: -0.048px;
            margin: 16px 0;
        }
        .texto-mvv {
            color: var(--cinza);
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            line-height: 160%;
            letter-spacing: -0.032px;
        }
    }
}

#passos{
    padding: 88px 0;
    background-color: var(--branco);

    .subtitulo {
        color: var(--preto);
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;

        span{
            color: var(--vermelho);
        }

        img{
            position: relative;
            top: -1px;
        }
    }

    h2{
        color: var(--preto);
    }

    .card-passos {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .titulo-passos {
            color: var(--preto);
            text-align: center;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: -0.048px;
            margin: 20px 0;
        }
        .texto-passos {
            color: #A0A098;
            text-align: center;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: -0.032px;
        }
    }
}

#politica-qualidade {
    padding: 88px 0;
    background-color: var(--branco);

    .subtitulo {
        color: var(--preto);
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        
        span{            
            color: var(--vermelho);
        }

        img{
            position: relative;
            top: -2px;
        }
    }

    h2{
        margin-bottom: 20px;
        color: var(--preto);
    }

    .text-sobre {
        color: var(--preto);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%; /* 25.6px */
        letter-spacing: -0.032px;
    }


    .moldura {
        position: relative;
        height: 100%;

        &::after{
            display: inline-block;
            width: 238px;
            height: 330px;
            border-radius: 20px;
            background: #933;
            content: "";
            top: -25px;
            left: -25px;
            position: absolute;
            z-index: 0;
        }

        .img-sobre {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
            position: relative;
            z-index: 1;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
    }

}



/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    #sobre{
        text-align: center;
        overflow: hidden;

        .moldura {
            position: relative;
            height: 390px;

            .img-sobre {
                height: 350px;
            }
        }
    }
    
    #politica-qualidade {
        text-align: center;
        overflow: hidden;

        .moldura {
            position: relative;
            height: 390px;

            .img-sobre {
                height: 350px;
            }
        }
    }
}

/* MOBILE */
@media all and (max-width: 767px) { 
    #sobre{
        text-align: center;
        overflow: hidden;

        .moldura {
            position: relative;
            height: 390px;

            .img-sobre {
                height: 350px;
            }
        }
    }

    #politica-qualidade {
        text-align: center;
        overflow: hidden;

        .moldura {
            position: relative;
            height: 390px;

            .img-sobre {
                height: 350px;
            }
        }
    }
}