.footer__social {
    display: flex;
    gap: 1rem;
    margin: 2rem 0;
    justify-content: center; /* o ‘flex-start’ si prefieres alinearlo a la izquierda */
}

.footer__social a {
    color: #ffffff;       /* ajusta según tu paleta */
    font-size: 1.5rem;    /* tamaño de los iconos */
    transition: color 0.3s ease;
}

.footer__social a:hover {
    color: #cccccc;       /* color al pasar el ratón */
}