.hero-image img{

    width:100%;
    display:block;
    border-radius:18px;

}

.hero-image img:hover{

    transform:translateY(-6px);

    box-shadow:
        0 30px 70px rgba(0,0,0,.14),
        0 15px 35px rgba(33,150,243,.15);

}


/* ==========================================
   CONTEÚDO DA HERO - DESKTOP
========================================== */

.hero-container{
    display:grid;
    grid-template-columns:1.15fr 1fr;
    gap:70px;
    align-items:center;
}

.hero-content{
    width:100%;
    max-width:none;
}

.hero-content h1{
    font-size:52px;
    line-height:1.08;
    max-width:none;
    letter-spacing:-1px;
}

.hero-image{
    width:100%;
    max-width:none;
}

/* ==========================================
   DESTAQUES DA HERO
========================================== */

.hero-highlights{
    display:flex;
    align-items:center;
    gap:24px;

    margin-top:28px;
    padding-top:16px;

    border-top:1px solid rgba(15, 39, 71, .10);
}

.hero-highlights span{
    display:flex;
    align-items:center;
    gap:8px;

    color:#52657d;
    font-size:13px;
    font-weight:500;

    white-space:nowrap;
}

.hero-highlights i{
    display:flex;
    align-items:center;
    justify-content:center;

    width:22px;
    height:22px;

    background:var(--primary);
    color:#ffffff;

    border-radius:50%;

    font-size:10px;
}