/* Cambiar tamaño de íconos sociales (top bar) */
ul.social-icons li a span {
    font-size: 28px !important;  /* Ajusta el tamaño */
    line-height: 1.2 !important; /* Corrige alineación */
}

/* Opcional: más espacio entre íconos */
ul.social-icons li {
    margin-right: 10px !important;
}

/* Animación de íconos sociales al pasar el mouse */
ul.social-icons li a span {
    transition: transform 0.3s ease, color 0.3s ease;
}

ul.social-icons li a:hover span {
    transform: scale(1.3) rotate(15deg); /* Aumenta tamaño y rota */
    color: #ff0000 !important; /* Cambia a rojo (puedes ajustar el color) */
}