//CONFIGURAÇÕES GERAIS CSS//
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.bodyBackground{
    display:flex;
    flex-direction:column;
    min-height:100vh;
    background:#f1f5f9;
}
.homeContainer{
    flex:1;
    max-width:1400px;
    margin:auto;
    padding-top:70px;
    padding-bottom:20px;
}
.sectionTitle{ text-align:center; margin-bottom:10px;}
.sectionTitle h1{
    font-size:36px;
    font-weight:800;
    color:#222;
}
.sectionTitle span{color: #d4b45f;;}
.lineImage{
    display:block;
    margin:20px auto 30px;
    width:50px;
}
.sectionSubtitle{
    max-width:950px;
    margin:auto auto 10px;
    text-align:center;
    color:#666;
    font-size:15px;
    line-height:1.5;
}
.cardSistema{
    background:#ffffff;
    border-radius:22px;
    min-height:200px;
    padding:25px !important;
    border:1px solid rgba(41,134,204,.12);
    box-shadow:
        0 8px 20px rgba(0,0,0,.10),
        0 15px 35px rgba(41,134,204,.08);
    transition:.35s;
    cursor:pointer;
}
.cardSistema:hover{
    transform:translateY(-12px) scale(1.02);
    box-shadow:
        0 20px 40px rgba(0,0,0,.25),
        0 25px 60px rgba(41,134,204,.35);
}
.cardSistema:hover .nomeSistema,
.cardSistema:hover .descricao,
.cardSistema:hover .iconeSistema{
    color:#fff;
}

//patrimonio card//

.patrimonio{
    min-height:220px;
    padding:30px !important;
    border-top:5px solid #2986CC;
    box-shadow:
        0 8px 20px rgba(41,134,204,.15),
        0 15px 35px rgba(41,134,204,.10);
}
.patrimonio:hover{background:#0A4470;}
.patrimonio .nomeSistema{font-size:25px;}
.patrimonio .descricao{font-size:17px;margin-left:0;}
.patrimonio .iconeSistema{font-size:50px;color:#2986CC;}

//wms card//
.wms{
    min-height:220px;
    padding:30px !important;
    border-top:5px solid #28a745;
    box-shadow:
        0 8px 20px rgba(40,167,69,.15),
        0 15px 35px rgba(40,167,69,.10);
}
.wms:hover{background:#0A4470;}
.wms .nomeSistema{font-size:25px;}
.wms .descricao{font-size:17px;margin-left:0}
.wms .iconeSistema{font-size:50px;color:#2986CC;}
//rodape//
.iconeSistema{transform:scale(1.15) rotate(5deg);}
.footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#0a4470;
    color:#fff;
    text-align:center;
    padding:12px 0;
    font-size:14px;
    font-weight:500;
    border-top:3px solid #2986CC;
    z-index:9999;
    box-shadow:0 -2px 10px rgba(0,0,0,.15);
}