footer{
    background-color:var(--principal);
    width:100%;
    height:auto;
}

.containerItemsFullFooter{
    width:100%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.flexLinks{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 10px;
    padding-bottom:30px;
    gap:80px;
    width:75%;
    border-bottom:2px solid var(--white);
    margin-bottom:35px;
}


.flexLinks a{
    color:var(--white);
    padding:3px 7px;
    border-radius:7px;
    transition: all ease-in-out .6s;
}

.flexLinks a:hover{
    background-color:var(--black);
}

.flexItemsContactRds{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    width:78%;
}

.flexItemsContactRds .itemFooterBrand{
    width:35%;
    display:flex;
    justify-content:center;
    align-items: center;
    overflow:hidden;
    gap:20px;
}

.flexItemsContactRds .itemFooterBrand .containerBrandFooter{
    width:170px;
    height:auto;
} 
.flexItemsContactRds .itemFooterBrand .containerBrandFooter img{
    width:100%;
    height:100%;
}

.flexItemsContactRds .itemFooterRegular{
    width:30%;
    display:flex;
    justify-content:flex-start;
    overflow:hidden;
    flex-wrap:wrap;
    border-left:1px solid var(--white);
    padding:10px 35px;
}

.flexItemsContactRds .itemFooterBrand .rdsFooter{
    display:flex;
    justify-content:center;
    flex-direction: column;
    gap:10px;
    margin-top:5px;
}

.flexItemsContactRds .itemFooterBrand .rdsFooter a{
    width:25px;
    height:25px;
    background-color:var(--white);
    border:7px;
    color:var(--principal);
    border-radius:7px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all ease-in .3s;
}

.flexItemsContactRds .itemFooterBrand .rdsFooter a:hover{
    background-color:var(--black);
}


.itemFooterRegular{
    color: var(--white);
}

.itemFooterRegular span{
    font-size:13px;
    font-weight:600;
    width:100%;
}

.itemFooterRegular .flexItemSpan{
    display:flex;
    justify-content:flex-start;
}
.itemFooterRegular .flexItemSpan .containerIcon{
    width:20px;
    font-size:12px;
}

.itemFooterRegular .flexItemSpan .containerDesc{
    width:180px; font-size:11px !important;padding:3px 0px;
}

.itemFooterRegular .flexItemSpan .containerDesc p{
    font-size:10px;
}

.containerDesc a{
    color:var(--white);
}

/* CopyRight*/

footer .copyright{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:10px;
    flex-wrap:wrap;
    text-align:center;
    color:var(--white);
    padding:15px 0px 10px 0px;
    margin-top:10px;
    width:100%;
}

footer .copyright .webFooterCopy{
    font-size:13px;
    padding-bottom:10px;
}

footer .copyright p{
    width:100%;
}

/* BUTTON UP */

.btn-scrolltop {
    position: fixed;
    bottom: 25px;
    left:25px;
    padding: 10px 15px;
    background-color: var(--principal);
    color: var(--white);
    border:none;box-shadow: rgba(0, 0, 0, 0.283) 0px 22px 70px 4px;
    cursor: pointer;
    transform: translateY(100px);
    border-radius:8px;
    transition: 0.3s;
  }
  
  .btn-scrolltop-active {
    transform: translateY(0);
  }

  .btn-scrolltop:hover{
    background-color: var(--black);
  }







@media(max-width:1100px){
    .flexLinks{
        width:90%;
    }
    .flexItemsContactRds{
        width:95%;
    }
}


@media(max-width:850px){
    .flexLinks{
        gap:20px;
    }
    .flexItemsContactRds{
        flex-wrap:wrap;
        gap:50px;
    }
    .flexItemsContactRds .itemFooterRegular{
        width:40%;
    }
}


@media(max-width:650px){

    .flexItemsContactRds .itemFooterBrand{
        margin-top:0px;
    }
    .flexItemsContactRds{
        gap:25px;
    }
    .flexItemsContactRds .itemFooterRegular{
        width:100%;
        padding:10px;
        border-left:none;
        border-top:1px solid var(--white);
    }
    .itemFooterRegular span{
        text-align:center;
        padding-bottom:10px;
    }
    .itemFooterRegular .flexItemSpan{
        justify-content: center;
        width:100%;
    }

    .flexLinks{
        flex-wrap:wrap;
    }
    
}

@media(max-width:550px){
    .flexItemsContactRds .itemFooterBrand{
        width:100%;
    }
}