/* ===== FOOTER RESPONSIVE ===== */

#footer{
    width:100%;
    padding:20px 15px;
    box-sizing:border-box;
}

/* Lista limpia y centrada */

#footer ul{
    list-style:none;
    padding:0;
    margin:0;

    display:flex;
    flex-direction:column;
    align-items:center;
}

/* Separación entre botones */

#footer li{
    width:100%;
    margin-bottom:12px;
}

/* Botones */

.footer-btn{
    display:block;
    width:100%;
    max-width:550px;

    padding:12px 20px;
    margin:0 auto;

    transition:all .3s ease;
    box-sizing:border-box;

    white-space:normal;      /* permite salto de línea */
    word-break:break-word;   /* evita desbordes */
    text-align:center;
}

/* Hover / Selección */

.footer-btn:hover,
.footer-btn:focus,
.footer-btn:active{
    background-color:#e57373 !important;
    border-color:#e57373 !important;
    color:#ffffff !important;
    box-shadow:0 6px 18px rgba(229,115,115,.45) !important;
    transform:translateY(-2px);
    text-decoration:none !important;
}

/* ===== RESPONSIVE CELULAR ===== */

@media (max-width:768px){

    #footer{
        padding:15px 10px;
    }

    .footer-btn{
        width:95%;
        max-width:100%;
        font-size:14px;
        padding:12px 14px;
    }

}