/*==================================================
ESCUDO
==================================================*/

#escudo{

    background:#ffffff;

    padding:120px 0;

}

.escudo-grid{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:70px;

    align-items:flex-start;

    margin-top:70px;

}

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

.escudo-imagem{

    text-align:center;

    position:sticky;

    top:120px;

}

.escudo-imagem img{

    width:100%;

    max-width:360px;

    filter:drop-shadow(0 25px 45px rgba(0,0,0,.20));

    transition:.35s ease;

}

.escudo-imagem img:hover{

    transform:scale(1.04);

}

.escudo-legenda{

    max-width:360px;

    margin:25px auto 0;

    font-size:1rem;

    line-height:1.8;

    color:#666;

    font-style:italic;

}

/* ==========================================
   ITENS
========================================== */

.escudo-itens{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.escudo-item{

    background:#fff;

    border-left:5px solid var(--laranja);

    border-radius:16px;

    padding:26px 30px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.30s ease;

}

.escudo-item:hover{

    background:var(--azul);

    transform:translateX(8px);

}

.escudo-item h3{

    display:flex;

    align-items:center;

    gap:12px;

    color:var(--azul);

    margin-bottom:16px;

    padding-bottom:12px;

    border-bottom:1px solid rgba(0,0,0,.08);

    font-size:1.35rem;

}

.escudo-item h3 i{

    color:var(--laranja);

    font-size:1.2rem;

}

.escudo-item:hover h3{

    color:var(--laranja);

}

.escudo-item p{

    color:#555;

    line-height:1.9;

}

.escudo-item:hover p{

    color:#fff;

}

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

@media (max-width:991px){

    .escudo-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .escudo-imagem{

        position:static;

    }

    .escudo-imagem img{

        max-width:300px;

    }

}

@media (max-width:768px){

    #escudo{

        padding:90px 0;

    }

    .escudo-item{

        padding:22px;

    }

    .escudo-item h3{

        font-size:1.15rem;

    }

}