.footer{
    background:#0a0a0a;
    color:#fff;
    padding:60px 0 0;
    margin-top:0; /* 🔥 quitamos el espacio */
}

.footer-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:40px;
    padding:0 20px;
}

.footer-col h3{
    margin-bottom:15px;
    font-size:18px;
}

.footer-col p{
    font-size:14px;
    opacity:0.7;
    line-height:1.6;
}

.footer-col a{
    display:block;
    color:#ccc;
    text-decoration:none;
    margin:6px 0;
    font-size:14px;
    transition:0.3s;
}

.footer-col a:hover{
    color:#fff;
    transform:translateX(5px);
}

/* Logo */
.footer-logo{
    width:140px;
    margin-bottom:15px;
}

/* Línea inferior */
.footer-bottom{
    text-align:center;
    padding:20px;
    margin-top:40px;
    border-top:1px solid rgba(255,255,255,0.1);
    font-size:13px;
    opacity:0.6;
}

/* RESPONSIVE */
@media(max-width:900px){
    .footer-container{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:500px){
    .footer-container{
        grid-template-columns: 1fr;
        text-align:center;
    }

    .footer-col a:hover{
        transform:none;
    }
}

.footer-col{
    transition:0.3s;
}

.footer-col:hover{
    transform:translateY(-5px);
}

.madesigns {
    color: white;
}