

#footer-widgets {
    background-color: var(--c-primario-dark);
    padding-top: 50px;
    padding-bottom: 50px;
}

.inside-footer-widgets a {
 color: var(--c-blanco) !important;
 font-size: 16px;
}

.inside-footer-widgets a:hover {
    color: var(--c-primario) !important;
    transition: color 0.5s ease;
}

.footer-widget-1 img {
    transform-origin: top left;
    transform: scale(0.8);
}

.footer-widget-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-menu {
    padding-bottom: 80px;
}

.footer-menu ul  {
    display: flex;
    gap: 30px;
    text-align: right;
}

.footer-menu ul a {
    text-transform: uppercase;
}

.footer-contact {
    display: flex;
    flex-direction: column;
    text-align: right;
}



.copyright-bar div:last-child {
    margin-top: 20px;
  }

  /* LOGOS KIT DIGITAL */

.logos-kit-digital {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.logos-kit-digital img {
    display: block;
    max-width: 21%;
    padding: 0 20px;
}

.logos-kit-digital>img:last-child {
    max-width: 15%;
}

.footer-contact p {
    font-size: 20px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .footer-widget-1 img {
        transform-origin: center center;
        transform: scale(0.8);
    }

    .footer-widget-2 {
        align-items: center;
    }
    
    .footer-menu ul  {
        display: flex;
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }
    
    .footer-menu ul a {
        text-transform: uppercase;
    }
    
    .footer-contact {
    
        text-align: center;
    }
    
    
}

/* ---------- RESPONSIVE ---------- */

@media screen and (max-width: 1080px) {

    /* LOGOS KIT DIGITAL */
  
    .logos-kit-digital img {
        max-width: 210px;
    }
  
    .logos-kit-digital>img:last-child {
        max-width: 23%;
    }
  
  }
  
  
  @media screen and (max-width: 600px) {
  
    /* LOGOS KIT DIGITAL */
  
    .logos-kit-digital img {
        max-width: 165px;
        padding: 10px 5px;
    }
  
    .logos-kit-digital>img:last-child {
        max-width: 40%;
    }
  
  }