/* Estilização correta do container */
    #particles-js {
        position: fixed;
        width: 100%;
        height: 100%;
        background-size: cover;
        margin: 0;
        top: 0;
        left: 0;
        z-index: -1;
        pointer-events: auto; /* ← This is key for the particles to receive events */
    }

    /* Garante que o canvas gerado fique com os estilos esperados */
    canvas {
        position: absolute !important;
        z-index: -1 !important;
        pointer-events: auto !important; /* ← This is also key for the generated canvas */
    }

    /* Estilo para um efeito de sublinhado ao passar o mouse */
    .hover-underline {
        position: relative;
        display: inline-block;
    }

    .hover-underline::after {
        content: '';
        position: absolute;
        width: 0;
        height: 1px; /* Espessura do sublinhado */
        bottom: -2px; /* Distância do texto */
        left: 0;
        background-color: currentColor; /* Usa a cor atual do texto */
        visibility: hidden;
        transition: all 0.3s ease-in-out;
    }

    .hover-underline:hover::after {
        width: 100%;
        visibility: visible;
    }