.nav-link {
        position: relative;
        transition: background 0.2s ease;
    }

    .nav-link::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: #ec4899;
        /* rosa Tailwind pink-500 */
        transition: all 0.3s ease;
        transform: translateX(-50%);
    }

    .nav-link:hover::after {
        width: 100%;
    }