/*======================================
                SOBRE
======================================*/

.sobre{

    padding:120px 0;

    background:#F7F3EE;

}

.sobre .container{

    display:grid;
    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:90px;

}

/*======================================
                IMAGEM
======================================*/

.sobre-imagem{

    display:flex;
    justify-content:center;
    align-items:center;

}

.sobre-imagem img{

    width:100%;
    max-width:560px;

    border-radius:28px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}

/*======================================
                CONTEÚDO
======================================*/

.sobre-conteudo h2{

    font-size:3.3rem;

    margin-bottom:18px;

    line-height:1.1;

}

.sobre-conteudo>span{

    display:block;

    width:60px;
    height:2px;

    background:var(--primary);

    margin:25px 0 35px;

}

.sobre-conteudo p{

    margin-bottom:20px;

    font-size:1.05rem;

    line-height:1.9;

    color:var(--text-light);

}

/*======================================
                LISTA
======================================*/

.sobre-lista{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:22px;

    margin:45px 0;

}

.sobre-lista li{

    display:flex;

    align-items:center;

    gap:14px;

    font-weight:500;

    color:var(--text);

}

.sobre-lista li::before{

    content:"✓";

    width:34px;
    height:34px;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:.85rem;

    flex-shrink:0;

    box-shadow:0 8px 18px rgba(184,138,74,.25);

}

/*======================================
            ESTATÍSTICAS
======================================*/

.sobre-info{

    display:flex;

    gap:50px;

    margin-top:45px;

    padding-top:35px;

    border-top:1px solid rgba(184,138,74,.18);

}

.sobre-numero{

    flex:1;

}

.sobre-numero h3{

    font-size:2.7rem;

    color:var(--primary);

    margin-bottom:8px;

    line-height:1;

}

.sobre-numero span{

    font-size:.95rem;

    color:var(--text-light);

}

/*======================================
                BOTÃO
======================================*/

.sobre-conteudo .btn{

    margin-top:40px;

}

/*======================================
              TABLET
======================================*/

@media (max-width:991px){

    .sobre .container{

        grid-template-columns:1fr;

        gap:70px;

    }

    .sobre-imagem{

        order:-1;

    }

}

/*======================================
              MOBILE
======================================*/

@media (max-width:768px){

    .sobre{

        padding:90px 0;

    }

    .sobre-conteudo{

        text-align:center;

    }

    .sobre-conteudo>span{

        margin:20px auto 30px;

    }

    .sobre-lista{

        grid-template-columns:1fr;

        text-align:left;

        gap:18px;

    }

    .sobre-info{

        flex-direction:column;

        gap:30px;

        text-align:center;

    }

    .sobre-conteudo .btn{

        width:100%;

        justify-content:center;

    }

}