/* ================= FOOTER ================= */
    footer {
        background-color: #121212;
        border-top: 1px solid #8000ff48;
        box-shadow: 0 -5px 20px #8000ff23;
        padding: 45px 20px 30px;
        text-align: center;
    }

    /* Texto */
    footer p {
        font-size: 0.95rem;
        color: #ccc;
        margin-bottom: 22px;
    }

    /* ================= SOCIAL ================= */
    footer .social-icons {
        display: flex;
        justify-content: center;
        gap: 22px;
    }

    footer .social-icons a {
        color: #ddd;
        font-size: 1.6rem;
        transition: transform .3s ease, color .3s ease, text-shadow .3s ease;
    }

    footer .social-icons a:hover {
        color: #fff;
        transform: translateY(-4px) scale(1.1);
        text-shadow:
            0 0 8px #7f00ff,
            0 0 16px #7f00ff,
            0 0 26px #7f00ff;
    }

    /* ================= BACK TO TOP ================= */
    #backToTop {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: #121212;
        border: 1px solid #7f00ff;
        color: #fff;
        display: none;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow:
            0 0 8px #7f00ff,
            0 0 16px #7f00ff80;
        transition: all .3s ease;
        z-index: 999;
    }

    #backToTop.show {
        display: flex;
    }

    #backToTop:hover {
        background: #7f00ff;
        color: #ffffff;
        box-shadow:
            0 0 14px #7f00ff,
            0 0 28px #7f00ff,
            0 0 42px #7f00ff;
    }