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


.stats{

    margin-top:40px;

    margin-bottom:80px;

}


.stats-bar{

    background:var(--excel);

    border-radius:20px;

    display:grid;

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

    overflow:hidden;

    box-shadow:

        0 20px 45px rgba(0,0,0,.12);

}



.stat{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    padding:35px 25px;

    color:white;

    position:relative;

}


/* divisores entre os itens */

.stat:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:25%;

    height:50%;

    width:1px;

    background:rgba(255,255,255,.35);

}



.stat-icon{

    font-size:2.2rem;

}



.stat h2{

    font-size:2.5rem;

    line-height:1;

    margin-bottom:8px;

    color:white;

}



.stat p{

    margin:0;

    color:rgba(255,255,255,.85);

    font-size:.95rem;

}
/* ==========================================================
   RESPONSIVO TABLET
========================================================== */

@media(max-width:900px){

    .stats{
        margin-top:30px;
        margin-bottom:60px;
    }

    .stats-bar{
        grid-template-columns:repeat(2,1fr);
    }

    .stat{
        padding:30px 20px;
    }

    .stat:nth-child(2)::after{
        display:none;
    }

}

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

@media(max-width:600px){

    .stats{
        margin-top:20px;
        margin-bottom:50px;
    }

    .stats-bar{
        grid-template-columns:1fr;
        border-radius:15px;
    }

    .stat{
        justify-content:flex-start;
        padding:25px 30px;
        gap:15px;
    }

    .stat-icon{
        font-size:1.8rem;
    }

    .stat h2{
        font-size:2rem;
    }

    .stat p{
        font-size:.9rem;
    }

    .stat:not(:last-child)::after{
        width:60%;
        height:1px;
        right:20%;
        top:auto;
        bottom:0;
    }

}