/*==================================
              STATS
==================================*/

.stats{

    position:relative;

    z-index:50;

    max-width:1150px;

    margin:-90px auto 50px;

    padding:0 30px;

    display:grid;

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

    gap:28px;

}

/*==============================
            CARD
==============================*/

.card{

    position:relative;

    overflow:hidden;

    background:linear-gradient(180deg,#ffffff 0%,#fcfcfc 100%);

    border-radius:24px;

    padding:30px 25px;

    text-align:center;

    box-shadow:0 20px 45px rgba(22,60,41,.10);

    transition:.35s ease;

    border:1px solid rgba(89,201,120,.12);

}

/* Línea decorativa inferior */

.card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:7px;

    background:linear-gradient(90deg,#3ccf73,#74df96);

}

/* Tarjeta central */

.featured{

    transform:translateY(-12px);

    border:1px solid rgba(255,190,40,.25);

}

.featured::after{

    background:linear-gradient(90deg,#f3b41b,#ffd56b);

}

.card:hover{

    transform:translateY(-10px);

    box-shadow:0 28px 60px rgba(22,60,41,.16);

}

.featured:hover{

    transform:translateY(-22px);

}

/*==============================
            ICON
==============================*/

.stat-icon{

    width:68px;

    height:68px;

    margin:0 auto 18px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#58c977,#34b861);

    color:white;

    font-size:28px;

    box-shadow:0 12px 25px rgba(52,184,97,.30);

}

.featured .stat-icon{

    background:linear-gradient(135deg,#f6be2d,#ffcf67);

    box-shadow:0 12px 25px rgba(246,190,45,.30);

}

/*==============================
            NUMBER
==============================*/

.card h2{

    font-size:3rem;

    font-weight:700;

    color:#163c29;

    margin-bottom:5px;

}

/*==============================
            TITLE
==============================*/

.card h3{

    font-size:1.45rem;

    color:#163c29;

    margin-bottom:8px;

}

/*==============================
        DESCRIPTION
==============================*/

.card p{

    color:#6d6d6d;

    font-size:15px;

    line-height:1.6;

}

/*==============================
        DECORATION
==============================*/

.card::before{

    content:"";

    position:absolute;

    width:140px;

    height:140px;

    right:-70px;

    bottom:-70px;

    border-radius:50%;

    background:rgba(89,201,120,.05);

}

.featured::before{

    background:rgba(246,190,45,.08);

}