/* Footer */

 footer {

    background:url(../img/bg-footer.jpg) center center no-repeat #006f95;

    background-size: cover;

    overflow: hidden;

    border-top: 10px var(--azul) solid !important;

    border-bottom: 10px var(--azul) solid !important;

}

 

footer .sobre {

    padding: 50px 0;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

 

footer .sobre img {

    margin-bottom: 15px;

}

 

footer .sobre:after {

    content:'';

    background: #f1f1f1;

    height:100%;

    width:2500px;

    position: absolute;

    right:-30px;

    top:0;

    display: block;

}

 

footer .sobre a, footer .sobre p {

    z-index: 1;

    position: relative;

    color: #000;

}

 

footer .sobre p {

    color:#000;

    line-height: 24px;

    margin-top: 16px;

    padding-right: 30px;

    font-size: 14px;

    max-width: 390px;

    font-weight: 500;

    margin-bottom: 10px;

}



footer .sobre p.dados {

    margin-bottom: 10px;

    line-height: 14px;

}

footer .sobre p.telefone {
    margin-top: 0px;
}



footer .sobre p.dados:last-child {

    margin: 0;

}

 

footer .sobre p.dados a {

    display: flex;

    align-items: center;

}



footer .sobre p.dados i,
footer .sobre p.telefone i  {

    font-size: 16px;

    color: var(--vermelho);

    margin-right: 5px;

}



footer div.menu {

    position: relative;

    padding: 80px 0;

}

 

footer .menu .blocos {

    display: flex;

     flex-wrap: nowrap;

     gap: 30px;

     justify-content: space-around;

}

 

footer .menu h3 {

    color:#fff;

    font-weight: bold;

    position: relative;

    z-index: 1;

    margin-bottom: 25px;

    font-size:18px;

}

 

footer .menu ul {

    position: relative;

     z-index: 1;

}



footer .menu ul.categorias {

    display: grid;

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

    gap:0 30px;

}

 

footer .menu ul li {

    margin-bottom: 20px;

}

 

footer .menu ul li a {

    display: block;

    color:#fff;

    font-weight: normal;

    padding-left: 15px;

    position: relative;

    font-size:14px;

}

 

footer .menu ul li a:before {

    content:'';

     width:8px;

     height:8px;

     background: #cf0b18;

     display: block;

     position: absolute;

     left:0;

     top:50%;

     transform: translateY(-50%);

}

 

footer .menu ul li a:hover {

    text-decoration: underline;

}

 

footer .copy {

    display:table;

     width:100%;

     padding: 40px 0;

     position: relative;

     background: #f1f1f1;

     border-top:1px #dedede solid;

     font-weight: 500;

}

 

footer .copy p {

    float:left;

     font-size:14px;

     color:#616161;

     font-weight: 500;

}

 

footer .copy a {

    float:right

}