.why-us{

    padding:170px 0;

    position:relative;

}

.why-grid{

    display:grid;

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

    gap:30px;

}

.why-card{

    background:#111216;

    border:1px solid rgba(255,255,255,.06);

    border-radius:28px;

    padding:40px;

    transition:.35s;

}

.why-card:hover{

    transform:translateY(-10px);

    border-color:#7C3AED;

    box-shadow:0 30px 80px rgba(0,0,0,.35);

}

.why-icon{

    width:70px;
    height:70px;

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

    border-radius:20px;

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

    border:1px solid rgba(255,255,255,.06);

    margin-bottom:26px;

}

.why-icon img{

    width:34px;
    height:34px;

    transition:.35s;

}

.why-card:hover .why-icon img{

    transform:scale(1.12);

}

.why-card h3{

    margin-bottom:16px;

}

.why-card p{

    color:#B8C0D0;

    line-height:1.8;

}

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

@media (max-width:1200px){

    .why-grid{

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

        gap:26px;

    }

}

/*==========================================================
TABLET PEQUEÑA
==========================================================*/

@media (max-width:992px){

    .why-us{

        padding:110px 0;

    }

    .why-grid{

        grid-template-columns:1fr;

        gap:22px;

    }

}

/*==========================================================
MÓVIL
==========================================================*/

@media (max-width:576px){

    .why-us{

        padding:80px 0;

    }

    .why-card{

        padding:28px;

        border-radius:24px;

    }

    .why-icon{

        width:60px;

        height:60px;

        border-radius:16px;

        margin-bottom:20px;

    }

    .why-icon img{

        width:28px;

        height:28px;

    }

    .why-card h3{

        font-size:24px;

        margin-bottom:14px;

    }

    .why-card p{

        font-size:16px;

        line-height:1.7;

    }

}