/* Footer */
footer {
    background-color: var(--footer-background-color);
    color: var(--footer-text);
    padding-top: clamp(20px, 5vw, 60px);     /* antes 60px */
    padding-bottom: clamp(15px, 4vw, 40px);  /* antes 40px */
}

.footer-content {
    max-width: clamp(320px, 80vw, 1200px);   /* fluido entre móvil y escritorio */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 clamp(10px, 3vw, 20px);       /* antes 20px */
    gap: clamp(10px, 5vw, 40px);             /* espacio flexible entre columnas */
}

.footer-logo img {
    height: clamp(50px, 10vw, 100px);        /* antes 100px */
}

.footer-links, .footer-contact {
    flex: 1;
    padding: 0 clamp(10px, 2vw, 20px);       /* antes 20px */
}

.footer-links h4, 
.footer-contact h4 {
    font-size: clamp(14px, 1.5vw, 18px);     /* antes 18px */
    margin-bottom: clamp(10px, 2vw, 20px);   /* antes 20px */
    color: var(--footer-text);
}

.footer-links ul {
    list-style: none;
}

.footer-links ul li {
    margin-bottom: clamp(5px, 1vw, 10px);    /* antes 10px */
}

.footer-links ul li a {
    color: var(--footer-text);
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: clamp(12px, 1.2vw, 16px);     /* texto fluido */
}

.footer-links ul li a i {
    margin-right: clamp(5px, 1vw, 10px);     /* antes 10px */
}

.footer-contact p {
    margin-bottom: clamp(5px, 1vw, 10px);    /* antes 10px */
    display: flex;
    align-items: flex-start;
    font-size: clamp(12px, 1.2vw, 16px);     /* texto fluido */
}

.footer-contact p i {
    margin-right: clamp(5px, 1vw, 10px);     /* antes 10px */
    margin-top: clamp(2px, 0.5vw, 5px);      /* antes 5px */
}

.copyright-init {
    background-color: var(--footer-background-color);
    border-top: 0.5px solid var(--footer-border-copyright);
    padding-top: clamp(5px, 1vw, 10px);      /* antes 10px */
    padding-bottom: clamp(5px, 1vw, 10px);   /* antes 10px */
}

.copyright {
    color: var(--footer-text);
    padding: clamp(5px, 1vw, 10px);          /* antes 10px */
    font-size: clamp(12px, 1vw, 14px);       /* antes 14px */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(20px, 7vw, 100px);            /* antes 100px */
    flex-wrap: wrap;
}

@media (max-width:768px){
    .footer-contact{
        display: none;
    }

}