.mod-menu.mod-list.nav {
            display: flex;
            gap: 40px;
            /* separación horizontal entre items */
            list-style: none;
            padding: 0;
            margin: 0;
            align-items: center;
        }

        /* Cada li */
        .mod-menu.mod-list.nav>li {
            margin: 0;
        }

        /* Estilo de los enlaces */
        .mod-menu.mod-list.nav>li>a {
            display: block;
            padding: 10px 5px;
            text-decoration: none;
            color: dimgray;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Hover */
        .mod-menu.mod-list.nav>li>a:hover {
            color: white;
        }

        /* Estado activo */
        .mod-menu.mod-list.nav>li.current>a,
        .mod-menu.mod-list.nav>li.active>a {
            color: white;
        }